/* Site-wide mobile UI fixes — max-width: 991px unless noted */

:root {
    --a1-mobile-header-height: 64px;
    --a1-mobile-page-offset: 72px;
}

@media (max-width: 991.98px) {
    html {
        -webkit-text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden;
    }

    body.a1-mobile-menu-open {
        overflow: hidden;
        touch-action: none;
    }

    .container,
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .mt-top-mobile {
        margin-top: var(--a1-mobile-page-offset) !important;
    }

    /* Legacy helpers */
    .hidden-sm {
        display: none !important;
    }

    .col-sm-hidden {
        display: none !important;
    }

    /* Hide unused legacy accordion nav */
    .souq-mobile-nav-wrapper {
        display: none !important;
    }

    /* ── Header / navbar ── */
    .souq-header .topbar-wrap {
        display: none;
    }

    .souq-header .mainnav {
        padding: 10px 0;
    }

    .souq-header .mainnav > .container > .row.mainnav-row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
    }

    .souq-header .mainnav-logo-col {
        flex: 0 0 auto;
        max-width: none;
        padding-left: 0;
        padding-right: 8px;
    }

    .souq-header .mainnav-actions-col {
        flex: 1 1 auto;
        max-width: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        padding-right: 0;
        padding-left: 0;
        text-align: right;
    }

    .souq-header .souq-logo img {
        width: auto !important;
        max-width: 132px;
        height: auto;
        max-height: 38px;
        object-fit: contain;
    }

    .souq-header .desktoplogo {
        display: none;
    }

    .souq-header .hamburgerlogo {
        display: block !important;
    }

    .souq-header-nav-trigger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin-left: 4px;
        padding: 0;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        background: #fff;
        color: #111;
        line-height: 1;
        flex-shrink: 0;
    }

    .souq-header-nav-trigger .fa,
    .souq-header-nav-trigger .fa-bars {
        font-size: 18px;
        width: auto;
    }

    .souq-header.souq-is-sticky .mainnav,
    .souq-header.fixed-top .mainnav {
        min-height: var(--a1-mobile-header-height);
    }

    /* ── Mobile drawer menu ── */
    .souq-mnav {
        width: min(320px, 88vw);
        max-width: 100%;
    }

    .souq-mnav-header {
        min-height: 56px;
        padding: 12px 16px;
    }

    .souq-mnav-close {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

    .souq-mnav-level {
        top: 56px;
        height: calc(100% - 56px);
        -webkit-overflow-scrolling: touch;
    }

    .souq-mnav-level ul {
        padding: 8px 16px 24px;
    }

    .souq-mnav-level li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 0;
        float: none;
        clear: both;
    }

    .souq-mnav-level li span {
        float: none;
        flex-shrink: 0;
        opacity: 0.55;
    }

    .souq-mnav-level li a {
        flex: 1 1 auto;
        display: block;
        font-size: 15px;
        font-weight: 500;
    }

    .souq-mnav-next {
        cursor: pointer;
        user-select: none;
    }

    .souq-mnav-back {
        display: flex;
        align-items: center;
        min-height: 48px;
        padding: 12px 16px;
    }

    .mobile-nav-sub-heading,
    .mobile-nav-sub-heading2 {
        margin-left: 16px;
        margin-right: 16px;
        font-size: 11px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    /* ── Page content ── */
    .souq-content {
        overflow-x: hidden;
    }
    .home-scroll-stagger{
        gap:20px;
    }

    /* .souq-content > .container > .row {
        margin-left: 0;
        margin-right: 0;
    } */

    .breadcrumrow {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 8px;
        line-height: 1.5;
        word-break: break-word;
    }

    .souq-section-h2,
    .bad-page-section-title,
    .about-intro-title,
    .about-management-title {
        word-break: break-word;
    }

    /* ── Footer — 2-column link grid on mobile ── */
    .lux-footer-top {
        padding: 40px 0 28px;
    }

    .lux-footer-top .row > .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 4px;
    }

    .lux-footer-top .lux-footer-newsletter {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 12px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .lux-footer-top .footer-title {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .lux-footer-top .footer-links li {
        margin-bottom: 6px;
    }

    .lux-footer-top .footer-links a {
        font-size: 12px;
        line-height: 1.45;
    }

    .lux-footer-top .footer-text {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .lux-footer-bottom .footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }

    /* ── Home hero ── */
    .home-scroll-section--partners {
        margin-top: 0;
        padding-top: 0;
    }

    .home-scroll-section--partners .logo-marquee {
        padding-top: 0;
    }

    .header-media .banner-caption-bottom .container.hero-caption-shell {
        padding-bottom: 32px;
    }

    /* ── Properties page ── */
    .properties-page .properties-layout {
        flex-direction: column;
    }

    .properties-page .properties-list-pane,
    .properties-page .properties-map-pane {
        width: 100%;
        max-width: 100%;
    }

    .properties-page .properties-map-pane {
        min-height: 280px;
    }

    .properties-card-layout {
        flex-direction: column;
    }

    .properties-card-media,
    .properties-card-panel {
        width: 100%;
        max-width: 100%;
    }

    /* ── Property details ── */
    .property-detail-page .souq-single-property-gallery-container {
        padding-left: 0;
        padding-right: 0;
    }

    /* ── About / team cards ── */
    .a1-about-modern {
        padding-top: 48px;
    }

    .a1-about-subtitle {
        margin-bottom: 12px;
        letter-spacing: 3px;
    }

    .a1-about-title {
        margin-bottom: 16px;
        font-size: clamp(1.65rem, 7vw, 2.15rem);
        line-height: 1.15;
    }

    .a1-about-description {
        margin-bottom: 16px;
        line-height: 1.65;
    }

    .a1-about-buttons {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 24px;
    }

    .a1-about-buttons .a1-main-btn,
    .a1-about-buttons .a1-outline-btn {
        flex: 1 1 0;
        min-width: 0;
        height: 48px;
        padding: 0 10px;
        font-size: 12px;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    /* Services carousel — tighten gap before next section */
    .a1-about-modern .a1-services-full {
        margin-top: 24px;
        padding: 0 0 8px;
    }
   
    .a1-about-modern .a1-services-full .owl-nav {
        margin-top: 8px;
        margin-bottom: 0;
        text-align:center;
    }

    .community-areas-1-item{
        margin-bottom: 5px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        margin-right: 20px;
    }
    .owl-nav button.owl-next{
        margin-left: 20px;
    }
    .souq-content > .home-scroll-section--types.home-page-section {
        margin-top: 20px;
    }

    /* Properties by type — full-width cards like Featured Projects */
    .home-scroll-section--types .home-type-grid .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .home-scroll-section--types .home-type-grid .row > [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .home-scroll-section--types .home-type-card {
        height: 210px;
    }

    /* Featured properties — peek next card + visible dots */
    .home-scroll-section--properties .souq-props-carousel-right-container {
        overflow: visible;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale.owl-carousel .owl-stage-outer {
        overflow: hidden;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .home-scroll-section--properties .souq-props-carousel-right-container .owl-nav {
        display: none !important;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 18px;
        padding-bottom: 4px;
        height: auto;
        line-height: 1;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots .owl-dot {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 0;
        background: #d8d8d8;
        border-radius: 999px;
        transition: background 0.2s ease, transform 0.2s ease;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots .owl-dot.active span,
    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots .owl-dot:hover span {
        background: #c98862;
        transform: scale(1.15);
    }

    .team-ref-col {
        padding-left: 8px;
        padding-right: 8px;
    }

    .about-hero-statement-title {
        font-size: clamp(1.65rem, 7vw, 2.2rem);
    }

    .about-page-stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    /* ── Contact / forms ── */
    .souq-filter-btn,
    .bad-page-btn,
    .cta-btn,
    .blackbutton {
        max-width: 100%;
    }

    /* ── Global CTA band ── */
    .global-cta-box .row {
        text-align: center;
    }

    .global-cta-box .cta-buttons {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .souq-cta-1 .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    /* ── About page ── */
    .about-hero-statement--standalone {
        padding-top: 24px;
    }

    .about-hero-statement-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .about-hero-visual {
        margin-top: 24px;
    }

    .about-page-breadcrumb {
        margin-bottom: 16px;
        font-size: 12px;
    }

    /* ── List your property ── */
    .lyp-hero-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .lyp-hero-title {
        font-size: clamp(1.5rem, 7vw, 2rem);
    }

    .lyp-stats-inner {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    /* ── Contact page ── */
    .contact-page-wrap .row > [class*="col-"] {
        margin-bottom: 16px;
    }

    /* ── Sticky header offset ── */
    .souq-header.fixed-top {
        z-index: 99980;
    }

    .souq-header--inner.fixed-top + .souq-content,
    .souq-header--inner.fixed-top ~ .souq-content {
        padding-top: 0;
    }
}

@media (max-width: 599.98px) {
    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-item {
        width: 300px !important;
        max-width: calc(100vw - 56px);
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owlpropertybox {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    :root {
        --a1-mobile-page-offset: 68px;
    }

    .souq-header .souq-logo img {
        max-width: 118px;
        max-height: 34px;
    }

    .about-page-stats-grid {
        grid-template-columns: 1fr;
    }

    .a1-about-buttons .a1-main-btn,
    .a1-about-buttons .a1-outline-btn {
        font-size: 11px;
        padding: 0 8px;
    }
}

@media (min-width: 992px) {
    .souq-header .hamburgerlogo {
        display: none !important;
    }

    .souq-header .desktoplogo {
        display: block;
    }

    .home-scroll-section--properties .souq-props-carousel-right-stage-sale .owl-dots {
        display: none !important;
    }
}