/* ==========================================================================
   SHTEPI365 — DESIGN SYSTEM v1.0
   Një sistem i vetëm për të gjitha faqet: ngjyrat, tipografia, hapësirat,
   komponentët. Ngarkohet pas stileve të Houzez/Elementor dhe i mbivendos ato.
   Të gjitha rregullat janë nën body.s365-ds (shtohet nga plugin-i).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TOKENS
   -------------------------------------------------------------------------- */
:root {
	/* Ngjyrat */
	--ds-navy: #00335A;
	--ds-navy-deep: #021F38;
	--ds-navy-soft: #E8EEF4;
	--ds-gold: #E9A03F;
	--ds-gold-dark: #D48A26;
	--ds-gold-soft: #FDF3E4;
	--ds-gold-text: #9A5F0E;
	--ds-blue: #00AEFF;
	--ds-blue-dark: #0094D9;
	--ds-blue-soft: #E5F6FF;
	--ds-action: #0077C2;
	--ds-action-dark: #00609E;
	--ds-green: #3F7F0E;
	--ds-green-soft: #EEF7E6;
	--ds-red: #E5484D;
	--ds-ink: #0F1B2D;
	--ds-text: #3B4656;
	--ds-muted: #667386;
	--ds-line: #E5E9EF;
	--ds-line-strong: #CDD5DF;
	--ds-bg: #F7F8F9;
	--ds-warm: #FBF7F1;
	--ds-white: #FFFFFF;

	/* Tipografia */
	--ds-font: 'Plus Jakarta Sans', 'Segoe UI', Roboto, system-ui, sans-serif;
	--ds-fs-display: 60px;
	--ds-fs-h1: 36px;
	--ds-fs-h2: 32px;
	--ds-fs-h3: 22px;
	--ds-fs-h4: 18px;
	--ds-fs-h5: 16px;
	--ds-fs-h6: 13px;
	--ds-fs-lead: 17px;
	--ds-fs-body: 15px;
	--ds-fs-small: 13px;
	--ds-fs-caption: 12px;
	--ds-lh-tight: 1.15;
	--ds-lh-heading: 1.25;
	--ds-lh-body: 1.7;

	/* Hapësirat (baza 4px) */
	--ds-1: 4px;
	--ds-2: 8px;
	--ds-3: 12px;
	--ds-4: 16px;
	--ds-5: 24px;
	--ds-6: 32px;
	--ds-7: 48px;
	--ds-8: 64px;
	--ds-9: 80px;
	--ds-10: 96px;

	/* Layout */
	--ds-container: 1240px;
	--ds-gutter: 24px;
	--ds-section: 80px;
	--ds-header-h: 76px;

	/* Forma */
	--ds-r-sm: 6px;
	--ds-r: 10px;
	--ds-r-lg: 16px;
	--ds-r-xl: 22px;
	--ds-r-pill: 999px;
	--ds-control-h: 46px;
	--ds-shadow-sm: 0 2px 8px rgba(0, 51, 90, 0.05);
	--ds-shadow: 0 8px 28px rgba(0, 51, 90, 0.07);
	--ds-shadow-lg: 0 20px 50px rgba(2, 31, 56, 0.16);
	--ds-ring: 0 0 0 3px rgba(0, 174, 255, 0.18);
	--ds-ease: 0.2s ease;
}
@media (max-width: 991px) {
	:root {
		--ds-fs-display: 46px;
		--ds-fs-h1: 32px;
		--ds-fs-h2: 28px;
		--ds-fs-h3: 20px;
		--ds-section: 64px;
	}
}
@media (max-width: 767px) {
	:root {
		--ds-fs-display: 36px;
		--ds-fs-h1: 28px;
		--ds-fs-h2: 26px;
		--ds-fs-h3: 19px;
		--ds-fs-h4: 17px;
		--ds-fs-lead: 16px;
		--ds-gutter: 16px;
		--ds-section: 56px;
		--ds-header-h: 64px;
	}
}

/* Elementor (kit-i global): të njëjtat tokena për widget-et ekzistuese */
body.s365-ds [class*="elementor-kit-"],
body.s365-ds.elementor-default,
body[class*="elementor-kit-"].s365-ds {
	--e-global-color-primary: var(--ds-navy);
	--e-global-color-secondary: var(--ds-ink);
	--e-global-color-text: var(--ds-text);
	--e-global-color-accent: var(--ds-gold);
	--e-global-typography-primary-font-family: 'Plus Jakarta Sans';
	--e-global-typography-primary-font-weight: 800;
	--e-global-typography-secondary-font-family: 'Plus Jakarta Sans';
	--e-global-typography-secondary-font-weight: 700;
	--e-global-typography-text-font-family: 'Plus Jakarta Sans';
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: 'Plus Jakarta Sans';
	--e-global-typography-accent-font-weight: 700;
	--container-max-width: var(--ds-container);
}

/* --------------------------------------------------------------------------
   2. BAZA & TIPOGRAFIA
   -------------------------------------------------------------------------- */
body.s365-ds {
	font-family: var(--ds-font);
	font-size: var(--ds-fs-body);
	font-weight: 400;
	line-height: var(--ds-lh-body);
	color: var(--ds-text);
	background-color: var(--ds-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
body.s365-ds,
body.s365-ds button,
body.s365-ds input,
body.s365-ds select,
body.s365-ds textarea,
body.s365-ds .btn,
body.s365-ds .form-control,
body.s365-ds .bootstrap-select .text,
body.s365-ds .main-nav,
body.s365-ds .dropdown-menu,
body.s365-ds .footer-wrap,
body.s365-ds .top-bar-wrap,
body.s365-ds .elementor-widget-container,
body.s365-ds .elementor-heading-title,
body.s365-ds .elementor-button,
body.s365-ds .item-title,
body.s365-ds .page-title-mobile {
	font-family: var(--ds-font);
}
body.s365-ds ::selection { background: var(--ds-gold); color: var(--ds-navy-deep); }

body.s365-ds h1, body.s365-ds .h1,
body.s365-ds h2, body.s365-ds .h2,
body.s365-ds h3, body.s365-ds .h3,
body.s365-ds h4, body.s365-ds .h4,
body.s365-ds h5, body.s365-ds .h5,
body.s365-ds h6, body.s365-ds .h6 {
	font-family: var(--ds-font);
	color: var(--ds-ink);
	text-transform: none;
	margin-top: 0;
	letter-spacing: -0.01em;
}
body.s365-ds h1, body.s365-ds .h1 { font-size: var(--ds-fs-h1); font-weight: 800; line-height: var(--ds-lh-heading); letter-spacing: -0.02em; margin-bottom: var(--ds-4); }
body.s365-ds h2, body.s365-ds .h2 { font-size: var(--ds-fs-h2); font-weight: 800; line-height: var(--ds-lh-heading); letter-spacing: -0.02em; margin-bottom: var(--ds-4); }
body.s365-ds h3, body.s365-ds .h3 { font-size: var(--ds-fs-h3); font-weight: 700; line-height: 1.3; margin-bottom: var(--ds-3); }
body.s365-ds h4, body.s365-ds .h4 { font-size: var(--ds-fs-h4); font-weight: 700; line-height: 1.35; margin-bottom: var(--ds-3); }
body.s365-ds h5, body.s365-ds .h5 { font-size: var(--ds-fs-h5); font-weight: 700; line-height: 1.4; margin-bottom: var(--ds-2); }
body.s365-ds h6, body.s365-ds .h6 { font-size: var(--ds-fs-h6); font-weight: 800; line-height: 1.4; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ds-gold-text); margin-bottom: var(--ds-2); }
body.s365-ds p { margin: 0 0 var(--ds-4); }
body.s365-ds p:last-child { margin-bottom: 0; }
body.s365-ds small, body.s365-ds .small { font-size: var(--ds-fs-small); }
body.s365-ds strong, body.s365-ds b { font-weight: 700; color: var(--ds-ink); }
body.s365-ds a { color: var(--ds-navy); text-decoration: none; transition: color var(--ds-ease); }
body.s365-ds a:hover, body.s365-ds a:focus { color: var(--ds-action); }
body.s365-ds hr { border: 0; border-top: 1px solid var(--ds-line); opacity: 1; margin: var(--ds-6) 0; }
body.s365-ds img { max-width: 100%; height: auto; }
body.s365-ds :focus-visible { outline: 2px solid var(--ds-blue); outline-offset: 2px; }

/* Tekst i gjatë (faqet ligjore, postimet, përshkrimet) */
body.s365-ds .page-content-wrap,
body.s365-ds .article-detail,
body.s365-ds .post-content-wrap,
body.s365-ds .entry-content,
body.s365-ds .property-description-wrap .block-content-wrap {
	font-size: var(--ds-fs-body);
	line-height: var(--ds-lh-body);
	color: var(--ds-text);
}
body.s365-ds .page-content-wrap h2,
body.s365-ds .article-detail h2,
body.s365-ds .entry-content h2 { font-size: var(--ds-fs-h3); font-weight: 800; margin: var(--ds-6) 0 var(--ds-3); }
body.s365-ds .page-content-wrap h3,
body.s365-ds .article-detail h3,
body.s365-ds .entry-content h3 { font-size: var(--ds-fs-h4); margin: var(--ds-5) 0 var(--ds-2); }
body.s365-ds .page-content-wrap h4,
body.s365-ds .entry-content h4 { font-size: var(--ds-fs-h5); color: var(--ds-ink); margin: var(--ds-4) 0 var(--ds-2); }
body.s365-ds .page-content-wrap > *:first-child,
body.s365-ds .entry-content > *:first-child { margin-top: 0; }
body.s365-ds .page-content-wrap ul,
body.s365-ds .page-content-wrap ol,
body.s365-ds .entry-content ul,
body.s365-ds .entry-content ol { padding-left: 1.25em; margin: 0 0 var(--ds-4); }
body.s365-ds .page-content-wrap li,
body.s365-ds .entry-content li { margin-bottom: var(--ds-1); }
body.s365-ds .page-content-wrap a,
body.s365-ds .entry-content a { color: var(--ds-action); text-decoration: underline; text-underline-offset: 3px; }

/* --------------------------------------------------------------------------
   3. LAYOUT — një gjerësi e vetme dhe të njëjtat margjina kudo
   -------------------------------------------------------------------------- */
body.s365-ds .container,
body.s365-ds .header-v5 .header-top .container {
	max-width: calc(var(--ds-container) + 2 * var(--ds-gutter));
	padding-left: var(--ds-gutter);
	padding-right: var(--ds-gutter);
	margin-left: auto;
	margin-right: auto;
}
body.s365-ds .container > .row,
body.s365-ds .container .row { --bs-gutter-x: var(--ds-gutter); }
body.s365-ds .header-main-wrap .container-fluid,
body.s365-ds .footer-wrap .container-fluid {
	max-width: calc(var(--ds-container) + 2 * var(--ds-gutter));
	padding-left: var(--ds-gutter);
	padding-right: var(--ds-gutter);
	margin: 0 auto;
}
body.s365-ds .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--ds-container); }
body.s365-ds .e-con { --container-max-width: var(--ds-container); }
body.s365-ds .elementor-widget:not(:last-child) { --kit-widget-spacing: var(--ds-5); }

/* Zona kryesore e përmbajtjes */
body.s365-ds .page-wrap,
body.s365-ds .listing-wrap,
body.s365-ds .blog-wrap,
body.s365-ds .property-wrap,
body.s365-ds .agent-detail-page-wrap,
body.s365-ds .agency-detail-page-wrap,
body.s365-ds .page-agents-wrap,
body.s365-ds .page-agencies-wrap,
body.s365-ds .error-404-page,
body.s365-ds .search-wrap {
	background: var(--ds-bg);
	padding-bottom: var(--ds-9);
}
body.s365-ds .bt-content-wrap { padding-right: var(--ds-5); }
body.s365-ds .bt-sidebar-wrap { padding-left: var(--ds-2); }
@media (max-width: 991px) {
	body.s365-ds .bt-content-wrap { padding-right: calc(var(--ds-gutter) / 2); }
	body.s365-ds .bt-sidebar-wrap { padding-left: calc(var(--ds-gutter) / 2); margin-top: var(--ds-6); }
}

/* --------------------------------------------------------------------------
   4. HEADER
   -------------------------------------------------------------------------- */
body.s365-ds .header-main-wrap {
	background: var(--ds-navy-deep);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	position: relative;
	z-index: 100;
}
body.s365-ds .header-main-wrap .header-desktop,
body.s365-ds .header-main-wrap .header-v1,
body.s365-ds .header-main-wrap .header-v2,
body.s365-ds .header-main-wrap .header-v4,
body.s365-ds .header-main-wrap .header-v5,
body.s365-ds .header-main-wrap .header-v6 {
	background: var(--ds-navy-deep);
	border: 0;
	box-shadow: none;
}
body.s365-ds .header-desktop .header-inner-wrap,
body.s365-ds .header-desktop .navbar {
	height: var(--ds-header-h);
	min-height: var(--ds-header-h);
	padding: 0;
}
body.s365-ds .header-desktop .logo img { max-height: 44px; width: auto; }
body.s365-ds .header-desktop .logo { height: auto; display: flex; align-items: center; }
body.s365-ds .main-nav .nav-link,
body.s365-ds .main-nav .navbar-nav > li > a {
	color: rgba(255, 255, 255, 0.86);
	font-size: 14px;
	font-weight: 600;
	padding: 10px 14px;
	border-radius: var(--ds-r);
	line-height: 1.2;
}
body.s365-ds .main-nav .nav-link:hover,
body.s365-ds .main-nav .navbar-nav > li > a:hover,
body.s365-ds .main-nav .current-menu-item > a {
	color: var(--ds-white);
	background: rgba(255, 255, 255, 0.08);
}
body.s365-ds .header-main-wrap .login-register a,
body.s365-ds .header-main-wrap .navi-login-register a:not(.btn):not(.dropdown-item) { color: rgba(255, 255, 255, 0.86); font-weight: 600; font-size: 14px; }
body.s365-ds .header-main-wrap .login-register a:hover { color: var(--ds-white); }
body.s365-ds .btn.btn-create-listing,
body.s365-ds a.btn-create-listing {
	background: var(--ds-gold);
	border: 1px solid var(--ds-gold);
	color: var(--ds-navy-deep);
	font-size: 14px;
	font-weight: 800;
	height: 42px;
	line-height: 40px;
	padding: 0 18px;
	border-radius: var(--ds-r);
	box-shadow: 0 8px 20px rgba(233, 160, 63, 0.28);
	text-transform: none;
}
body.s365-ds .btn.btn-create-listing:hover { background: var(--ds-gold-dark); border-color: var(--ds-gold-dark); color: var(--ds-navy-deep); }
body.s365-ds .navbar-logged-in-wrap .dropdown-toggle img { border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.25); }
body.s365-ds .navbar-logged-in-wrap .dropdown-toggle::after { border-top-color: rgba(255, 255, 255, 0.8); }
body.s365-ds .dropdown-menu {
	border: 1px solid var(--ds-line);
	border-radius: var(--ds-r-lg);
	box-shadow: var(--ds-shadow-lg);
	padding: var(--ds-2);
	font-size: 14px;
}
body.s365-ds .dropdown-menu a,
body.s365-ds .dropdown-item { color: var(--ds-ink); border-radius: var(--ds-r-sm); padding: 8px 12px; }
body.s365-ds .dropdown-menu a:hover,
body.s365-ds .dropdown-item:hover,
body.s365-ds .dropdown-item.active { background: var(--ds-bg); color: var(--ds-navy); }

/* Shiriti i kërkimit nën header */
body.s365-ds .advanced-search-nav,
body.s365-ds #desktop-header-search {
	background: var(--ds-navy);
	border: 0;
	box-shadow: none;
	padding: var(--ds-3) 0;
}
body.s365-ds .advanced-search-nav .form-control,
body.s365-ds .advanced-search-nav .bootstrap-select > .dropdown-toggle {
	background: var(--ds-white);
	border-color: transparent;
	height: 44px;
}
body.s365-ds .advanced-search-nav .btn,
body.s365-ds .advanced-search-nav .btn-search { height: 44px; }

/* Header mobile */
body.s365-ds .header-mobile,
body.s365-ds #header-mobile {
	background: var(--ds-navy-deep);
	border: 0;
	min-height: var(--ds-header-h);
}
body.s365-ds .header-mobile .logo-mobile img { max-height: 36px; width: auto; }
body.s365-ds .header-mobile .toggle-button-left,
body.s365-ds .header-mobile .toggle-button-right,
body.s365-ds .header-mobile .houzez-icon { color: var(--ds-white); }
body.s365-ds .offcanvas,
body.s365-ds .nav-mobile { font-family: var(--ds-font); }

/* --------------------------------------------------------------------------
   5. TITULLI I FAQES & BREADCRUMB (i njëjtë në çdo faqe)
   -------------------------------------------------------------------------- */
body.s365-ds .page-title-wrap {
	padding: var(--ds-6) 0 var(--ds-5);
	margin: 0;
	background: transparent;
	border: 0;
}
body.s365-ds .property-wrap > .page-title-wrap {
	background: var(--ds-white);
	border-bottom: 1px solid var(--ds-line);
	margin-bottom: var(--ds-6);
}
body.s365-ds .page-title h1,
body.s365-ds .page-title-wrap h1,
body.s365-ds .property-title-wrap h1 {
	font-size: var(--ds-fs-h1);
	font-weight: 800;
	line-height: var(--ds-lh-heading);
	letter-spacing: -0.02em;
	color: var(--ds-ink);
	margin: 0;
}
body.s365-ds .breadcrumb-wrap { margin-bottom: var(--ds-3); }
body.s365-ds .breadcrumb {
	font-size: var(--ds-fs-caption);
	font-weight: 500;
	margin: 0;
	padding: 0;
	background: none;
}
body.s365-ds .breadcrumb-item,
body.s365-ds .breadcrumb-item a { color: var(--ds-muted); }
body.s365-ds .breadcrumb-item a:hover { color: var(--ds-navy); }
body.s365-ds .breadcrumb-item.active { color: var(--ds-ink); font-weight: 700; }
body.s365-ds .breadcrumb-item + .breadcrumb-item::before { color: var(--ds-line-strong); }

/* --------------------------------------------------------------------------
   6. BUTONAT
   -------------------------------------------------------------------------- */
body.s365-ds .btn,
body.s365-ds .elementor-button,
body.s365-ds input[type="submit"],
body.s365-ds button[type="submit"]:not(.btn-close),
body.s365-ds .houzez-search-button,
body.s365-ds .houzez-submit-button {
	font-family: var(--ds-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	min-height: var(--ds-control-h);
	padding: 12px 22px;
	border-radius: var(--ds-r);
	text-transform: none;
	letter-spacing: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ds-2);
	transition: background-color var(--ds-ease), border-color var(--ds-ease), color var(--ds-ease), box-shadow var(--ds-ease), transform var(--ds-ease);
}
body.s365-ds .btn:hover { transform: translateY(-1px); }
body.s365-ds .btn:active { transform: none; }
body.s365-ds .btn-primary,
body.s365-ds .elementor-button,
body.s365-ds input[type="submit"],
body.s365-ds .houzez-search-button {
	background-color: var(--ds-action);
	border: 1px solid var(--ds-action);
	color: var(--ds-white);
}
body.s365-ds .btn-primary:hover,
body.s365-ds .btn-primary:focus,
body.s365-ds .elementor-button:hover,
body.s365-ds input[type="submit"]:hover,
body.s365-ds .houzez-search-button:hover {
	background-color: var(--ds-action-dark);
	border-color: var(--ds-action-dark);
	color: var(--ds-white);
}
body.s365-ds .btn-secondary,
body.s365-ds .btn-dark {
	background-color: var(--ds-navy);
	border: 1px solid var(--ds-navy);
	color: var(--ds-white);
}
body.s365-ds .btn-secondary:hover,
body.s365-ds .btn-dark:hover { background-color: var(--ds-navy-deep); border-color: var(--ds-navy-deep); color: var(--ds-white); }
body.s365-ds .btn-primary-outlined,
body.s365-ds .btn-light,
body.s365-ds .btn-outline-primary,
body.s365-ds .btn-grey-outlined {
	background-color: var(--ds-white);
	border: 1px solid var(--ds-line-strong);
	color: var(--ds-ink);
}
body.s365-ds .btn-primary-outlined:hover,
body.s365-ds .btn-light:hover,
body.s365-ds .btn-outline-primary:hover,
body.s365-ds .btn-grey-outlined:hover { background-color: var(--ds-white); border-color: var(--ds-navy); color: var(--ds-navy); }
body.s365-ds .btn-primary-outlined::before { display: none; }
body.s365-ds .btn-sm,
body.s365-ds .btn-item { min-height: 36px; padding: 8px 14px; font-size: 13px; }
body.s365-ds .btn-lg { min-height: 52px; padding: 14px 28px; font-size: 15px; }
body.s365-ds .btn-gold,
body.s365-ds .btn-warning {
	background-color: var(--ds-gold);
	border: 1px solid var(--ds-gold);
	color: var(--ds-navy-deep);
	box-shadow: 0 8px 20px rgba(233, 160, 63, 0.28);
}
body.s365-ds .btn-gold:hover,
body.s365-ds .btn-warning:hover { background-color: var(--ds-gold-dark); border-color: var(--ds-gold-dark); color: var(--ds-navy-deep); }

/* --------------------------------------------------------------------------
   7. FORMAT
   -------------------------------------------------------------------------- */
body.s365-ds .form-control,
body.s365-ds .form-select,
body.s365-ds .bootstrap-select > .dropdown-toggle,
body.s365-ds input[type="text"],
body.s365-ds input[type="email"],
body.s365-ds input[type="tel"],
body.s365-ds input[type="number"],
body.s365-ds input[type="password"],
body.s365-ds input[type="search"],
body.s365-ds input[type="url"],
body.s365-ds select,
body.s365-ds textarea {
	font-family: var(--ds-font);
	font-size: 14px;
	color: var(--ds-ink);
	background-color: var(--ds-white);
	border: 1px solid var(--ds-line-strong);
	border-radius: var(--ds-r);
	min-height: var(--ds-control-h);
	box-shadow: none;
	transition: border-color var(--ds-ease), box-shadow var(--ds-ease);
}
body.s365-ds .form-control,
body.s365-ds input[type="text"],
body.s365-ds input[type="email"],
body.s365-ds input[type="tel"],
body.s365-ds input[type="number"],
body.s365-ds input[type="password"],
body.s365-ds input[type="search"],
body.s365-ds input[type="url"] { padding: 10px 14px; }
body.s365-ds textarea,
body.s365-ds textarea.form-control { min-height: 120px; padding: 12px 14px; line-height: 1.6; }
body.s365-ds .bootstrap-select { min-height: 0; border: 0; padding: 0; background: none; }
body.s365-ds .bootstrap-select > .dropdown-toggle { display: flex; align-items: center; width: 100%; padding: 0 14px; }
body.s365-ds .bootstrap-select > .dropdown-toggle.bs-placeholder,
body.s365-ds .form-control::placeholder,
body.s365-ds input::placeholder,
body.s365-ds textarea::placeholder { color: var(--ds-muted); }
body.s365-ds .form-control:focus,
body.s365-ds input:focus,
body.s365-ds select:focus,
body.s365-ds textarea:focus,
body.s365-ds .bootstrap-select.show > .dropdown-toggle,
body.s365-ds .bootstrap-select > .dropdown-toggle:focus {
	border-color: var(--ds-blue);
	box-shadow: var(--ds-ring);
	outline: 0;
}
body.s365-ds .form-control.is-invalid,
body.s365-ds .bootstrap-select.is-invalid > .dropdown-toggle { border-color: var(--ds-red); }
body.s365-ds label,
body.s365-ds .form-label {
	font-size: 13px;
	font-weight: 700;
	color: var(--ds-ink);
	margin-bottom: 6px;
}
body.s365-ds .form-group { margin-bottom: var(--ds-4); }
body.s365-ds .form-text,
body.s365-ds .text-muted { color: var(--ds-muted) !important; font-size: var(--ds-fs-caption); }
body.s365-ds .control__indicator { border: 1.5px solid var(--ds-line-strong); border-radius: 5px; background: var(--ds-white); }
body.s365-ds .control--radio .control__indicator { border-radius: 50%; }
body.s365-ds .control input:checked ~ .control__indicator { background-color: var(--ds-navy); border-color: var(--ds-navy); }
body.s365-ds .control { font-weight: 500; font-size: 14px; color: var(--ds-text); }

/* --------------------------------------------------------------------------
   8. ETIKETAT (badges)
   -------------------------------------------------------------------------- */
body.s365-ds .label,
body.s365-ds .label-featured,
body.s365-ds .label-status,
body.s365-ds .hz-label {
	font-family: var(--ds-font);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1;
	padding: 6px 9px;
	border-radius: var(--ds-r-sm);
	color: var(--ds-white);
	background-color: var(--ds-navy);
	border: 0;
}
body.s365-ds .label-featured { background-color: var(--ds-gold); color: var(--ds-navy-deep); }

/* --------------------------------------------------------------------------
   9. KARTA E PRONËS (lista, kërkimi, të ngjashmet, widget)
   -------------------------------------------------------------------------- */
body.s365-ds .listing-view { --bs-gutter-x: var(--ds-5); --bs-gutter-y: var(--ds-5); }
body.s365-ds .item-listing-wrap { margin-bottom: var(--ds-5); }
body.s365-ds .item-wrap {
	background: var(--ds-white);
	border: 1px solid var(--ds-line);
	border-radius: var(--ds-r-lg);
	box-shadow: var(--ds-shadow-sm);
	overflow: hidden;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
body.s365-ds .item-wrap:hover { box-shadow: var(--ds-shadow-lg); transform: translateY(-3px); }
body.s365-ds .item-wrap .item-header { border-radius: 0; overflow: hidden; }
body.s365-ds .item-wrap .listing-thumb img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
body.s365-ds .item-wrap .item-body { padding: var(--ds-4) var(--ds-5) var(--ds-3); }
body.s365-ds .item-title,
body.s365-ds .item-title a {
	font-size: var(--ds-fs-h4);
	font-weight: 700;
	line-height: 1.35;
	color: var(--ds-ink);
	text-transform: none;
	margin-bottom: var(--ds-2);
}
body.s365-ds .item-title a:hover { color: var(--ds-action); }
body.s365-ds .item-address { font-size: var(--ds-fs-small); color: var(--ds-muted); font-style: normal; }
body.s365-ds .item-price,
body.s365-ds .item-price-wrap .item-price { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; }
body.s365-ds .item-sub-price { font-size: var(--ds-fs-small); font-weight: 600; }
body.s365-ds .item-amenities {
	font-size: var(--ds-fs-small);
	color: var(--ds-muted);
	padding-top: var(--ds-3);
	margin-top: var(--ds-3);
	border-top: 1px solid var(--ds-line);
	gap: var(--ds-1) var(--ds-3);
}
body.s365-ds .item-amenities .hz-figure { color: var(--ds-ink); font-weight: 700; }
body.s365-ds .item-amenities .houzez-icon { color: var(--ds-muted); }
body.s365-ds .item-amenities .h-type { color: var(--ds-muted); font-weight: 600; font-size: var(--ds-fs-caption); text-transform: uppercase; letter-spacing: 0.05em; }
body.s365-ds .item-footer {
	padding: var(--ds-3) var(--ds-5);
	border-top: 1px solid var(--ds-line);
	background: var(--ds-white);
	font-size: var(--ds-fs-small);
}
body.s365-ds .item-author a,
body.s365-ds .item-date { color: var(--ds-muted); font-weight: 600; }
body.s365-ds .item-tools .item-tool > span,
body.s365-ds .item-tools .item-tool > a {
	background: rgba(255, 255, 255, 0.95);
	color: var(--ds-ink);
	border-radius: 50%;
	box-shadow: var(--ds-shadow-sm);
}

/* Mjetet mbi listë: numri, renditja, pamja */
body.s365-ds .listing-tools-wrap { margin-bottom: var(--ds-4); }
body.s365-ds .listings-count { font-size: 14px; font-weight: 700; color: var(--ds-ink); }
body.s365-ds .sort-by-title { font-size: var(--ds-fs-small); color: var(--ds-muted); font-weight: 600; margin-right: var(--ds-2); }
body.s365-ds .sort-by .bootstrap-select > .dropdown-toggle { min-height: 40px; height: 40px; }
body.s365-ds .listing-switch-view a { color: var(--ds-muted); }
body.s365-ds .listing-switch-view a.active,
body.s365-ds .listing-switch-view a:hover { color: var(--ds-navy); }

/* Faqosja */
body.s365-ds .pagination-wrap { margin-top: var(--ds-6); }
body.s365-ds .pagination { gap: var(--ds-2); }
body.s365-ds .page-link {
	min-width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--ds-r) !important;
	border: 1px solid var(--ds-line-strong);
	color: var(--ds-ink);
	font-weight: 700;
	font-size: 14px;
	background: var(--ds-white);
	margin: 0;
}
body.s365-ds .page-item.active .page-link,
body.s365-ds .page-link:hover { background: var(--ds-navy); border-color: var(--ds-navy); color: var(--ds-white); }

/* --------------------------------------------------------------------------
   10. KARTAT E PËRMBAJTJES (seksionet e pronës, panelet, widget-et, artikujt)
   -------------------------------------------------------------------------- */
body.s365-ds .property-section-wrap,
body.s365-ds .article-wrap,
body.s365-ds .widget-wrap,
body.s365-ds .sidebar-wrap .widget,
body.s365-ds .agent-detail-section,
body.s365-ds .property-disclaimer,
body.s365-ds .blog-post-item,
body.s365-ds .agent-list-wrap .agent-item,
body.s365-ds .agency-list-wrap .agency-item {
	background: var(--ds-white);
	border: 1px solid var(--ds-line);
	border-radius: var(--ds-r-lg);
	box-shadow: var(--ds-shadow-sm);
}
body.s365-ds .property-section-wrap { margin-bottom: var(--ds-5); padding: 0; overflow: hidden; }
body.s365-ds .property-section-wrap .block-wrap {
	padding: var(--ds-6);
	margin: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}
body.s365-ds .block-title-wrap {
	padding: 0 0 var(--ds-4) !important;
	margin: 0 0 var(--ds-5) !important;
	border-bottom: 1px solid var(--ds-line);
}
body.s365-ds .block-title-wrap h2,
body.s365-ds .block-title-wrap h3 {
	font-size: var(--ds-fs-h3);
	font-weight: 800;
	color: var(--ds-ink);
	margin: 0;
	letter-spacing: -0.01em;
}
body.s365-ds .block-content-wrap { padding: 0 !important; }
body.s365-ds .article-wrap { padding: var(--ds-6); margin-bottom: var(--ds-5); }
body.s365-ds .article-wrap article { padding: 0; margin: 0; border: 0; box-shadow: none; }
body.s365-ds .widget-wrap,
body.s365-ds .sidebar-wrap .widget { margin-bottom: var(--ds-5) !important; overflow: hidden; }
body.s365-ds .widget-wrap.p-4 { padding: var(--ds-5) !important; }
body.s365-ds .widget-header { padding: 0; border-bottom: 1px solid var(--ds-line); }
body.s365-ds .widget-title {
	font-size: var(--ds-fs-h5);
	font-weight: 800;
	color: var(--ds-ink);
	margin: 0 0 var(--ds-4);
	padding: 0 !important;
	text-transform: none;
}
body.s365-ds .widget-header .widget-title { padding: var(--ds-4) var(--ds-5) !important; margin: 0; }
body.s365-ds .widget-body { font-size: 14px; }
body.s365-ds .property-disclaimer { padding: var(--ds-5); font-size: var(--ds-fs-small); color: var(--ds-muted); margin-top: var(--ds-2); }

/* Pronë: koka, çmimi, përmbledhja, detajet, karakteristikat */
body.s365-ds .property-header-wrap { gap: var(--ds-5); }
body.s365-ds .property-price-wrap .item-price,
body.s365-ds .property-price-wrap li.item-price { font-size: 30px; font-weight: 800; color: var(--ds-ink); letter-spacing: -0.02em; }
body.s365-ds .property-address,
body.s365-ds .property-title-wrap address { font-size: 14px; color: var(--ds-muted); font-style: normal; }
body.s365-ds .property-banner,
body.s365-ds .property-top-wrap { border-radius: var(--ds-r-lg); overflow: hidden; margin-bottom: var(--ds-5); }
body.s365-ds .property-overview-data {
	gap: var(--ds-3);
}
body.s365-ds .property-overview-data > ul,
body.s365-ds .property-overview-data .hz-meta-label {
	font-size: var(--ds-fs-caption);
	color: var(--ds-muted);
}
body.s365-ds .property-overview-data strong { font-size: 16px; color: var(--ds-ink); }
body.s365-ds .detail-wrap ul,
body.s365-ds .property-detail-wrap ul { padding: 0; margin: 0; }
body.s365-ds .detail-wrap li,
body.s365-ds .property-detail-wrap li,
body.s365-ds .address-wrap li {
	padding: var(--ds-3) 0;
	border-bottom: 1px solid var(--ds-line);
	font-size: 14px;
	color: var(--ds-text);
}
body.s365-ds .detail-wrap li strong,
body.s365-ds .address-wrap li strong { color: var(--ds-ink); font-weight: 700; }
body.s365-ds .property-features-wrap ul { gap: var(--ds-2); }
body.s365-ds .property-features-wrap li a,
body.s365-ds .property-features-wrap li { color: var(--ds-text); font-size: 14px; }
body.s365-ds .property-features-wrap .houzez-icon { color: var(--ds-green); }
body.s365-ds .property-item-tools .btn,
body.s365-ds .property-item-tools .item-tool > span {
	min-height: 36px;
	border-radius: var(--ds-r);
	border: 1px solid var(--ds-line);
	background: var(--ds-white);
	color: var(--ds-ink);
}

/* Kontakti me agjentin / formularët në sidebar */
body.s365-ds .property-form-wrap,
body.s365-ds .agent-details,
body.s365-ds .property-form {
	background: var(--ds-white);
	border: 1px solid var(--ds-line);
	border-top: 4px solid var(--ds-gold);
	border-radius: var(--ds-r-lg);
	box-shadow: var(--ds-shadow);
	padding: var(--ds-5);
}

/* --------------------------------------------------------------------------
   11. FOOTER
   -------------------------------------------------------------------------- */
body.s365-ds .footer-wrap {
	background: var(--ds-navy-deep);
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	border: 0;
}
body.s365-ds .footer-wrap .footer-top-wrap { background: transparent; padding: var(--ds-8) 0 var(--ds-6); }
body.s365-ds .footer-wrap .footer-bottom-wrap {
	background: rgba(0, 0, 0, 0.18);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: var(--ds-5) 0 !important;
	font-size: var(--ds-fs-small);
	color: rgba(255, 255, 255, 0.6);
}
body.s365-ds .footer-wrap a { color: rgba(255, 255, 255, 0.8); }
body.s365-ds .footer-wrap a:hover { color: var(--ds-gold); }
body.s365-ds .footer-wrap .footer-copyright p { margin: 0; display: flex; flex-wrap: wrap; gap: var(--ds-1) var(--ds-4); align-items: center; }
body.s365-ds .footer-wrap .widget-title,
body.s365-ds .footer-wrap h3,
body.s365-ds .footer-wrap h4 { color: var(--ds-white); font-size: var(--ds-fs-h5); }
body.s365-ds .footer-wrap .widget-wrap,
body.s365-ds .footer-wrap .widget { background: transparent; border: 0; box-shadow: none; }
body.s365-ds .back-to-top-wrap a,
body.s365-ds .back-to-top-wrap .btn {
	background: var(--ds-gold);
	color: var(--ds-navy-deep);
	border-radius: var(--ds-r);
	box-shadow: var(--ds-shadow);
	border: 0;
}

/* --------------------------------------------------------------------------
   12. MODALET (kyçja, regjistrimi)
   -------------------------------------------------------------------------- */
body.s365-ds .modal-content {
	border: 0;
	border-radius: var(--ds-r-xl);
	box-shadow: var(--ds-shadow-lg);
	overflow: hidden;
}
body.s365-ds .modal-header {
	background: var(--ds-navy-deep);
	color: var(--ds-white);
	border: 0;
	padding: var(--ds-4) var(--ds-5);
}
body.s365-ds .modal-header .modal-title,
body.s365-ds .modal-header h5 { color: var(--ds-white); font-size: var(--ds-fs-h5); font-weight: 800; margin: 0; }
body.s365-ds .modal-header .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: 0.8; }
body.s365-ds .modal-body { padding: var(--ds-5); }
body.s365-ds .login-register-tabs .nav-link,
body.s365-ds .login-register-form .nav-link {
	font-weight: 700;
	color: var(--ds-muted);
	border-radius: var(--ds-r);
}
body.s365-ds .login-register-tabs .nav-link.active,
body.s365-ds .login-register-form .nav-link.active { color: var(--ds-navy); background: var(--ds-bg); }

/* --------------------------------------------------------------------------
   13. MESAZHET / NJOFTIMET
   -------------------------------------------------------------------------- */
body.s365-ds .alert {
	border-radius: var(--ds-r);
	border: 1px solid transparent;
	font-size: 14px;
	padding: var(--ds-3) var(--ds-4);
}
body.s365-ds .alert-success { background: var(--ds-green-soft); border-color: #CFE8B5; color: #2F5F0A; }
body.s365-ds .alert-danger,
body.s365-ds .alert-error { background: #FFF1F1; border-color: #F6C7C9; color: #9A1C21; }
body.s365-ds .alert-info { background: var(--ds-blue-soft); border-color: #B8E6FF; color: #04577F; }
body.s365-ds .alert-warning { background: var(--ds-gold-soft); border-color: #F3D7AE; color: #7A4B0B; }

/* --------------------------------------------------------------------------
   14. PANELI I PËRDORUESIT (dashboard)
   -------------------------------------------------------------------------- */
body.s365-ds.houzez-dashboard,
body.s365-ds .dashboard-right,
body.s365-ds .dashboard-content { background: var(--ds-bg); }
body.s365-ds .dashboard-sidebar {
	background: var(--ds-navy-deep);
	font-family: var(--ds-font);
}
body.s365-ds .dashboard-sidebar a,
body.s365-ds .dashboard-sidebar .side-menu a { color: rgba(255, 255, 255, 0.78); font-size: 14px; font-weight: 600; border-radius: var(--ds-r); }
body.s365-ds .dashboard-sidebar a:hover,
body.s365-ds .dashboard-sidebar .side-menu-item.active > a,
body.s365-ds .dashboard-sidebar .active > a { color: var(--ds-white); background: rgba(255, 255, 255, 0.08); }
body.s365-ds .dashboard-sidebar .side-menu-title,
body.s365-ds .dashboard-sidebar h6 { color: rgba(255, 255, 255, 0.45); letter-spacing: 0.1em; font-size: 11px; }
body.s365-ds .dashboard-header-wrap,
body.s365-ds .dashboard-top-bar,
body.s365-ds .dashboard-right > header {
	background: var(--ds-white);
	border-bottom: 1px solid var(--ds-line);
	box-shadow: none;
}
body.s365-ds .dashboard-content > .heading,
body.s365-ds .dashboard-content .heading { padding: var(--ds-6) var(--ds-6) var(--ds-5); margin: 0; }
body.s365-ds .dashboard-content .heading h2,
body.s365-ds .dashboard-content .heading h1 { font-size: var(--ds-fs-h2); font-weight: 800; margin: 0; }
body.s365-ds .dashboard-content-block-wrap { padding: 0 var(--ds-6) var(--ds-7); }
body.s365-ds .dashboard-content-block,
body.s365-ds .dashboard-content .block-wrap {
	background: var(--ds-white);
	border: 1px solid var(--ds-line);
	border-radius: var(--ds-r-lg);
	box-shadow: var(--ds-shadow-sm);
	padding: var(--ds-5);
	margin-bottom: var(--ds-5);
}
body.s365-ds .dashboard-table,
body.s365-ds .table { font-size: 14px; color: var(--ds-text); }
body.s365-ds .dashboard-table th,
body.s365-ds .table th { font-size: var(--ds-fs-caption); text-transform: uppercase; letter-spacing: 0.06em; color: var(--ds-muted); font-weight: 800; border-color: var(--ds-line); }
body.s365-ds .dashboard-table td,
body.s365-ds .table td { border-color: var(--ds-line); vertical-align: middle; }
body.s365-ds .dashboard-statistic-block,
body.s365-ds .stats-box { border-radius: var(--ds-r-lg); border: 1px solid var(--ds-line); background: var(--ds-white); box-shadow: var(--ds-shadow-sm); }
@media (max-width: 767px) {
	body.s365-ds .dashboard-content > .heading,
	body.s365-ds .dashboard-content .heading { padding: var(--ds-5) var(--ds-4) var(--ds-4); }
	body.s365-ds .dashboard-content-block-wrap { padding: 0 var(--ds-4) var(--ds-6); }
}

/* --------------------------------------------------------------------------
   15. AGJENTËT & AGJENCITË
   -------------------------------------------------------------------------- */
body.s365-ds .agent-list-wrap .agent-item,
body.s365-ds .agency-list-wrap .agency-item { padding: var(--ds-5); margin-bottom: var(--ds-5); }
body.s365-ds .agent-image img,
body.s365-ds .agency-image img { border-radius: var(--ds-r); }
body.s365-ds .agent-name,
body.s365-ds .agent-name a,
body.s365-ds .agency-name a { font-size: var(--ds-fs-h4); font-weight: 700; color: var(--ds-ink); }

/* --------------------------------------------------------------------------
   16. 404
   -------------------------------------------------------------------------- */
body.s365-ds.error404 .page-title-wrap,
body.s365-ds .error-404-page { text-align: center; }
body.s365-ds.error404 h1 { font-size: var(--ds-fs-display); letter-spacing: -0.03em; }

/* --------------------------------------------------------------------------
   17. ELEMENTOR (widget-et klasike)
   -------------------------------------------------------------------------- */
body.s365-ds h1.elementor-heading-title { font-size: var(--ds-fs-h1); font-weight: 800; color: inherit; }
body.s365-ds h2.elementor-heading-title { font-size: var(--ds-fs-h2); font-weight: 800; }
body.s365-ds h3.elementor-heading-title { font-size: var(--ds-fs-h3); font-weight: 700; }
body.s365-ds .elementor-widget-text-editor { font-size: var(--ds-fs-body); line-height: var(--ds-lh-body); color: var(--ds-text); }
body.s365-ds .houzez_section_title_wrap h2,
body.s365-ds .section-title-wrap h2 { font-size: var(--ds-fs-h2); font-weight: 800; letter-spacing: -0.02em; }
body.s365-ds .houzez_section_title_wrap .section-subtitle,
body.s365-ds .section-title-wrap .section-subtitle { font-size: var(--ds-fs-lead); color: var(--ds-muted); }

/* --------------------------------------------------------------------------
   18. NDIHMËS (për Elementor/HTML të ri)
   -------------------------------------------------------------------------- */
body.s365-ds .ds-eyebrow { font-size: var(--ds-fs-caption); font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ds-gold-text); }
body.s365-ds .ds-lead { font-size: var(--ds-fs-lead); line-height: 1.65; color: var(--ds-muted); }
body.s365-ds .ds-display { font-size: var(--ds-fs-display); font-weight: 800; line-height: var(--ds-lh-tight); letter-spacing: -0.03em; }
body.s365-ds .ds-section { padding: var(--ds-section) 0; }
body.s365-ds .ds-card { background: var(--ds-white); border: 1px solid var(--ds-line); border-radius: var(--ds-r-lg); box-shadow: var(--ds-shadow-sm); padding: var(--ds-5); }

/* --------------------------------------------------------------------------
   19. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	body.s365-ds .page-title-wrap { padding: var(--ds-5) 0 var(--ds-4); }
	body.s365-ds .property-section-wrap .block-wrap,
	body.s365-ds .article-wrap { padding: var(--ds-5) var(--ds-4); }
	body.s365-ds .item-wrap .item-body { padding: var(--ds-4); }
	body.s365-ds .item-footer { padding: var(--ds-3) var(--ds-4); }
	body.s365-ds .property-price-wrap .item-price { font-size: 24px; }
	body.s365-ds .btn { padding: 12px 18px; }
}