/* Gov.om-inspired global typography and restrained UI polish for Makani public pages. */
@font-face {
    font-family: "Makani Gov UI";
    src: url("/cp/fonts/Cairo-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Makani Gov UI";
    src: url("/cp/fonts/Cairo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Makani Gov UI";
    src: url("/cp/fonts/Cairo-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Makani Gov UI";
    src: url("/cp/fonts/Cairo-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --makani-gov-font: "Noto Sans Arabic", "Noto Sans", "Makani Gov UI", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;
    --makani-gov-ink: #12221f;
    --makani-gov-muted: #5f706c;
    --makani-gov-primary: #0f3d3a;
    --makani-gov-primary-2: #176d63;
    --makani-gov-gold: #c59d63;
    --makani-gov-surface: #f7faf9;
    --makani-gov-border: #dfe8e5;
}

html,
body,
.website-all,
.body,
.site-wrapper,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.modal,
.tooltip,
.popover,
.nav,
.nav-link,
.navbar,
.card,
.table,
.select2-container,
.select2-dropdown,
.swal2-popup,
.toastr,
.toast,
.owl-carousel,
.splide,
.swiper {
    font-family: var(--makani-gov-font) !important;
    letter-spacing: 0 !important;
}

body {
    color: var(--makani-gov-ink);
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.fw-bold, .fw-bolder, .fw-semibold,
.navbar-brand,
.nav-link,
.btn,
.form-label,
label,
th {
    font-family: var(--makani-gov-font) !important;
    letter-spacing: 0 !important;
}

p,
li,
.text-muted,
small {
    color: inherit;
}

.form-control,
.form-select,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"] {
    border-color: var(--makani-gov-border);
    border-radius: 8px;
}

.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus,
input:focus {
    border-color: var(--makani-gov-primary-2) !important;
    box-shadow: 0 0 0 .2rem rgba(23, 109, 99, .14) !important;
}

.btn,
button {
    border-radius: 8px;
}

.btn-primary,
.btn-makani-main,
.btn-submit,
.btn-cta,
.send-btn {
    background-color: var(--makani-gov-primary) !important;
    border-color: var(--makani-gov-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-makani-main:hover,
.btn-submit:hover,
.btn-cta:hover,
.send-btn:hover {
    background-color: var(--makani-gov-primary-2) !important;
    border-color: var(--makani-gov-primary-2) !important;
}

::selection {
    background: rgba(197, 157, 99, .28);
    color: var(--makani-gov-ink);
}

/* Gov.om-inspired identity refresh: calm official colors, line icons, image overlays, and soft motion. */
:root {
    --makani-public-font: var(--makani-gov-font);
    --gov-oman-green-950: #062521;
    --gov-oman-green-900: #092f2b;
    --gov-oman-green-800: #0f3d3a;
    --gov-oman-green-700: #155d55;
    --gov-oman-green-600: #197369;
    --gov-oman-mint-100: #eef7f4;
    --gov-oman-mint-50: #f7fbfa;
    --gov-oman-gold: #c59d63;
    --gov-oman-gold-soft: #f2eadc;
    --gov-oman-ink: #162522;
    --gov-oman-muted: #637570;
    --gov-oman-line: #d9e7e3;
    --gov-oman-shadow: 0 18px 48px rgba(9, 47, 43, .12);
}

body {
    background: var(--gov-oman-mint-50) !important;
    color: var(--gov-oman-ink) !important;
    font-size: 16px;
    line-height: 1.7;
}

.website-all {
    background: linear-gradient(180deg, #ffffff 0%, var(--gov-oman-mint-50) 44%, #ffffff 100%);
}

h1, .makani-hero__title {
    font-size: clamp(2.15rem, 4vw, 4rem) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

h2, .dev-title, .dev-title-features, .featured-brand .brand-text, .customer-b2b-finder-title, .service-heading, .booking-title {
    color: var(--gov-oman-green-900) !important;
    font-size: clamp(1.65rem, 2.4vw, 2.7rem) !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
}

h3, .project-title, .srv-title, .customer-b2b-home-title, .contact-title {
    color: var(--gov-oman-green-900) !important;
    font-size: clamp(1.05rem, 1.25vw, 1.25rem) !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

p, .makani-hero__subtext, .project-snippet, .contact-description, .customer-b2b-finder-sub, .service-text, .booking-text {
    font-size: clamp(.98rem, 1vw, 1.1rem) !important;
    line-height: 1.75 !important;
}

.makani-header {
    --accent: var(--gov-oman-green-800) !important;
    --gold: var(--gov-oman-gold) !important;
    background: #ffffff !important;
}

.top-rail {
    height: 14px !important;
    background: linear-gradient(90deg, var(--gov-oman-green-950), var(--gov-oman-green-700)) !important;
}

.makani-header .navbar {
    min-height: 84px !important;
    border-bottom: 1px solid var(--gov-oman-line) !important;
    box-shadow: 0 8px 28px rgba(9, 47, 43, .08) !important;
}

.makani-brand__mark, .footer-brand__mark {
    width: 64px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff, var(--gov-oman-mint-100));
    border: 1px solid rgba(197, 157, 99, .42);
    box-shadow: 0 10px 26px rgba(9, 47, 43, .11);
    overflow: hidden;
}

.makani-brand__mark img, .footer-brand__mark img {
    max-width: 92%;
    max-height: 92%;
    object-fit: contain;
    filter: saturate(1.04) contrast(1.08);
}

.makani-brand__name {
    color: var(--gov-oman-green-900) !important;
    font-size: 1.35rem !important;
    font-weight: 750 !important;
}

.makani-brand__tagline, .footer-brand__tagline {
    color: var(--gov-oman-gold) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
}

.nav-link, .footer-link, .btn, .makani-hero__btn, .project-domain-link, .dev-btn, .elig-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: .5rem !important;
}

.nav-link i, .footer-link i, .btn i, .makani-hero__btn i, .project-domain-link i {
    font-size: 1.05em;
    line-height: 1;
}

.nav-link {
    color: var(--gov-oman-green-900) !important;
    border: 1px solid transparent;
    border-radius: 8px !important;
    padding: .62rem .85rem !important;
    font-size: .98rem !important;
    font-weight: 600 !important;
}

.nav-link:hover, .nav-link.active {
    color: #ffffff !important;
    background: var(--gov-oman-green-800) !important;
    border-color: var(--gov-oman-green-800) !important;
    transform: translateY(-1px);
}

.btn-cta, .send-btn, .makani-hero__btn--primary, .elig-cta, .dev-btn, .project-domain-link {
    background: var(--gov-oman-green-800) !important;
    border-color: var(--gov-oman-green-800) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 61, 58, .18);
}

.btn-cta:hover, .send-btn:hover, .makani-hero__btn--primary:hover, .elig-cta:hover, .dev-btn:hover, .project-domain-link:hover {
    background: var(--gov-oman-green-700) !important;
    border-color: var(--gov-oman-green-700) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.social-btn {
    background: #ffffff !important;
    border: 1px solid var(--gov-oman-line) !important;
    box-shadow: 0 8px 20px rgba(9, 47, 43, .08);
}

.gov-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    border-radius: 999px;
    padding: .42rem .78rem;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1;
}

.gov-chip--light {
    color: #ffffff;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .28);
    backdrop-filter: blur(8px);
}

.makani-hero {
    min-height: 720px;
    height: 92vh !important;
}

.makani-hero__overlay {
    background:
        linear-gradient(90deg, rgba(9, 47, 43, .92), rgba(15, 61, 58, .72) 46%, rgba(15, 61, 58, .44)),
        linear-gradient(180deg, rgba(9, 47, 43, .18), rgba(9, 47, 43, .72)) !important;
}

.makani-hero__brand-text, .makani-hero__title, .makani-hero__subtext {
    text-shadow: 0 12px 32px rgba(0, 0, 0, .22);
}

.makani-hero__subtext {
    max-width: 880px !important;
    color: rgba(255, 255, 255, .9) !important;
}

.makani-hero__cta-shell {
    width: min(760px, 100%) !important;
    height: auto !important;
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    border-radius: 10px !important;
    backdrop-filter: blur(12px) !important;
}

.makani-hero__btn {
    min-width: 220px !important;
    border-radius: 8px !important;
}

.makani-hero__btn--ghost {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .72) !important;
    color: #ffffff !important;
}

.makani-hero__photo-card, .contact-photo-wrap, .project-fig, .customer-b2b-home-fig, .dev-right, .svc-photo, .booking-imgwrap {
    position: relative;
    overflow: hidden;
}

.makani-hero__photo-card::after, .contact-photo-wrap::after, .project-fig::after, .customer-b2b-home-fig::after, .dev-right::after, .svc-photo::after, .booking-imgwrap::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(9, 47, 43, .04), rgba(9, 47, 43, .42));
    z-index: 1;
}

.project-card, .customer-b2b-home-card, .srv-card, .elig-card, .contact-shell, .contact-form-panel, .card-outer {
    border: 1px solid var(--gov-oman-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(9, 47, 43, .08) !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.project-card:hover, .customer-b2b-home-card:hover, .srv-card:hover, .elig-card:hover {
    transform: translateY(-5px);
    border-color: rgba(21, 93, 85, .34) !important;
    box-shadow: var(--gov-oman-shadow) !important;
}

.project-badge, .customer-b2b-badge {
    display: inline-flex !important;
    align-items: center;
    gap: .35rem;
    background: var(--gov-oman-mint-100) !important;
    color: var(--gov-oman-green-800) !important;
    border: 1px solid rgba(21, 93, 85, .14);
    border-radius: 999px !important;
    font-weight: 700;
}

.project-title {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.project-title i, .contact-info i, .elig-brand svg {
    color: var(--gov-oman-green-700) !important;
}

.srv-card {
    color: var(--gov-oman-green-900) !important;
    min-height: 190px;
}

.srv-ico {
    width: 56px !important;
    height: 56px !important;
    border-radius: 8px;
    background: var(--gov-oman-green-800) !important;
    box-shadow: 0 12px 22px rgba(15, 61, 58, .18);
}

.srv-ico svg {
    width: 30px !important;
    height: 30px !important;
}

.srv-ico svg path, .srv-ico svg rect {
    fill: #ffffff !important;
}

.gov-input-icon {
    position: relative;
}

.gov-input-icon > i {
    position: absolute;
    top: 50%;
    inset-inline-start: 16px;
    transform: translateY(-50%);
    color: var(--gov-oman-green-700);
    z-index: 2;
}

.gov-input-icon--textarea > i {
    top: 20px;
    transform: none;
}

.gov-input-icon .form-control {
    padding-inline-start: 46px !important;
}

.contact-form .form-control, .form-control, .form-select {
    min-height: 48px;
    background: #ffffff !important;
    border: 1px solid var(--gov-oman-line) !important;
    color: var(--gov-oman-ink) !important;
}

.site-footer {
    background:
        linear-gradient(135deg, rgba(9, 47, 43, .98), rgba(15, 61, 58, .94)),
        var(--gov-oman-green-900) !important;
}

.site-footer .footer-brand__mark {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(197, 157, 99, .6);
}

.footer-link {
    justify-content: flex-start !important;
    color: rgba(255, 255, 255, .88) !important;
    text-decoration: none;
    padding: .35rem 0;
}

.footer-link:hover {
    color: #ffffff !important;
    transform: translateX(3px);
}

[dir="rtl"] .footer-link:hover {
    transform: translateX(-3px);
}

[data-gov-reveal], .gov-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s ease;
}

[data-gov-reveal].is-visible, .gov-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.project-card img, .customer-b2b-home-card img, .contact-photo-wrap img, .dev-right img, .svc-photo img, .booking-imgwrap img {
    filter: saturate(.94) contrast(1.03);
    transition: transform .55s ease, filter .55s ease;
}

.project-card:hover img, .customer-b2b-home-card:hover img, .contact-photo-wrap:hover img, .dev-right:hover img, .svc-photo:hover img, .booking-imgwrap:hover img {
    transform: scale(1.035);
    filter: saturate(1.02) contrast(1.06);
}

@media (max-width: 760px) {
    body { font-size: 15px; }
    .makani-hero { min-height: 680px; height: auto !important; }
    .makani-hero__cta-row { flex-direction: column; gap: .75rem !important; }
    .makani-hero__btn { width: 100%; min-width: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }

    [data-gov-reveal], .gov-reveal {
        opacity: 1;
        transform: none;
    }
}
.btn-ink, .booking-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    min-height: 46px;
    padding: .7rem 1rem !important;
    border-radius: 8px !important;
    background: var(--gov-oman-green-800) !important;
    color: #ffffff !important;
    border: 1px solid var(--gov-oman-green-800) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(15, 61, 58, .18);
    transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.btn-ink:hover, .booking-cta:hover {
    background: var(--gov-oman-green-700) !important;
    border-color: var(--gov-oman-green-700) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.project-badge, .customer-b2b-badge, .project-overlay, .b2b-card-overlay, .contact-photo-badge {
    position: relative;
    z-index: 2;
}

.makani-hero__photo-card img, .project-fig img, .customer-b2b-home-fig img, .contact-photo-wrap img, .dev-right img, .svc-photo img, .booking-imgwrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-link i, .footer-link i, .project-title i, .contact-info i, .gov-input-icon > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-link i, .footer-link i {
    width: 1.25rem;
    height: 1.25rem;
}

.contact-info .info-link {
    border: 1px solid var(--gov-oman-line);
    background: var(--gov-oman-mint-50);
    border-radius: 8px;
    padding: .62rem .75rem;
    transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.contact-info .info-link:hover {
    background: #ffffff;
    border-color: rgba(21, 93, 85, .28);
    transform: translateY(-2px);
}
/* Hero guardrails: prevent public global polish from breaking the first viewport. */
.makani-hero {
    min-height: 720px !important;
    height: auto !important;
    padding-block: calc(var(--makani-header-offset) + 72px) 82px !important;
    place-items: stretch !important;
    color: #ffffff !important;
}

.makani-hero .row {
    min-height: 540px !important;
}

.makani-hero__overlay {
    background:
        linear-gradient(90deg, rgba(6, 43, 40, .95) 0%, rgba(10, 63, 58, .86) 42%, rgba(10, 63, 58, .52) 72%, rgba(6, 43, 40, .36) 100%),
        linear-gradient(180deg, rgba(6, 43, 40, .38), rgba(6, 43, 40, .74)) !important;
}

.makani-hero__content {
    max-width: 780px !important;
    padding-block: clamp(34px, 7vh, 76px) !important;
}

[dir='ltr'] .makani-hero__content {
    margin-right: auto !important;
    text-align: left !important;
}

[dir='rtl'] .makani-hero__content {
    margin-left: auto !important;
    text-align: right !important;
}

[dir='ltr'] .makani-hero__brand {
    align-items: flex-start !important;
}

[dir='rtl'] .makani-hero__brand {
    align-items: flex-end !important;
}

.makani-hero__brand-text,
.makani-hero__title,
.makani-hero__subtext {
    color: #ffffff !important;
}

.makani-hero__title {
    max-width: 760px !important;
    font-size: clamp(2.5rem, 5.4vw, 4.125rem) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    text-wrap: balance;
}

.makani-hero__subtext {
    max-width: 700px !important;
    color: rgba(248, 255, 253, .9) !important;
    text-align: inherit !important;
}

.makani-hero__photo-stack {
    display: none !important;
}

.makani-hero__search-panel,
.makani-hero__cta-shell {
    width: min(760px, 100%) !important;
    max-width: 760px !important;
}

.makani-hero__search-link {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .24) !important;
}

[dir='rtl'] .makani-hero__search-link {
    flex-direction: row-reverse !important;
}

.makani-hero__search-action,
.makani-hero__btn--primary {
    background: var(--gov-oman-green-800) !important;
    border-color: var(--gov-oman-green-800) !important;
    color: #ffffff !important;
}

.makani-hero__cta-shell {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.makani-hero__cta-row {
    gap: 14px !important;
}

[dir='ltr'] .makani-hero__cta-row,
[dir='ltr'] .makani-hero__trust-row {
    justify-content: flex-start !important;
}

[dir='rtl'] .makani-hero__cta-row,
[dir='rtl'] .makani-hero__trust-row {
    justify-content: flex-end !important;
}

.makani-hero__btn {
    min-width: 186px !important;
    height: 52px !important;
    border-radius: 6px !important;
}

@media (max-width: 991px) {
    .makani-hero {
        min-height: 660px !important;
        padding-block: calc(var(--makani-header-offset) + 56px) 64px !important;
    }

    .makani-hero .row {
        min-height: 0 !important;
    }

    .makani-hero__content,
    [dir='ltr'] .makani-hero__content,
    [dir='rtl'] .makani-hero__content {
        max-width: 100% !important;
        margin-inline: auto !important;
        text-align: center !important;
    }

    .makani-hero__brand,
    [dir='ltr'] .makani-hero__brand,
    [dir='rtl'] .makani-hero__brand {
        align-items: center !important;
    }

    .makani-hero__subtext {
        margin-inline: auto !important;
        text-align: center !important;
    }

    .makani-hero__cta-row,
    .makani-hero__trust-row,
    [dir='ltr'] .makani-hero__cta-row,
    [dir='rtl'] .makani-hero__cta-row,
    [dir='ltr'] .makani-hero__trust-row,
    [dir='rtl'] .makani-hero__trust-row {
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    .makani-hero__title {
        font-size: 2.125rem !important;
    }

    .makani-hero__search-link,
    [dir='rtl'] .makani-hero__search-link {
        flex-direction: column !important;
        padding: 12px !important;
    }
}
/* Makani public identity color system: consistent deep Oman green everywhere. */
:root {
    --makani-identity-bg: #0a3f3a;
    --makani-identity-bg-deep: #062b28;
    --makani-identity-bg-soft: #eef7f4;
    --makani-identity-gold: #c59d63;
    --gov-oman-green-950: var(--makani-identity-bg-deep);
    --gov-oman-green-900: #083733;
    --gov-oman-green-800: var(--makani-identity-bg);
    --gov-oman-green-700: #155d55;
}

.top-rail,
.btn-cta,
.btn-primary,
.btn-makani-main,
.btn-submit,
.send-btn,
.dev-btn,
.elig-cta,
.project-domain-link,
.makani-hero__search-action,
.makani-hero__btn--primary {
    background: var(--makani-identity-bg) !important;
    border-color: var(--makani-identity-bg) !important;
    color: #ffffff !important;
}

.btn-cta:hover,
.btn-primary:hover,
.btn-makani-main:hover,
.btn-submit:hover,
.send-btn:hover,
.dev-btn:hover,
.elig-cta:hover,
.project-domain-link:hover,
.makani-hero__search-action:hover,
.makani-hero__btn--primary:hover {
    background: #155d55 !important;
    border-color: #155d55 !important;
    color: #ffffff !important;
}

.nav-link:hover,
.nav-link.active {
    background: var(--makani-identity-bg) !important;
    border-color: var(--makani-identity-bg) !important;
    color: #ffffff !important;
}

.site-footer,
.footer,
.main-footer {
    background:
        linear-gradient(135deg, rgba(6, 43, 40, .98), rgba(10, 63, 58, .94)) !important;
    color: #ffffff !important;
}

.makani-hero__overlay,
.developer-hero::before,
.customer-b2b-hero::before,
.makani-hero-search::before {
    background:
        linear-gradient(90deg, rgba(6, 43, 40, .94), rgba(10, 63, 58, .78) 48%, rgba(10, 63, 58, .42)),
        linear-gradient(180deg, rgba(6, 43, 40, .22), rgba(6, 43, 40, .7)) !important;
}

.language-toggle {
    min-height: 42px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(10, 63, 58, .18) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: var(--makani-identity-bg) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 8px 22px rgba(10, 63, 58, .1) !important;
}

.language-toggle__label {
    font-size: 14px !important;
    white-space: nowrap !important;
}

.language-toggle__code {
    min-width: 30px !important;
    min-height: 26px !important;
    padding-inline: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    background: rgba(10, 63, 58, .1) !important;
    color: var(--makani-identity-bg) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.language-menu {
    min-width: 172px !important;
    padding: 8px !important;
    border: 1px solid rgba(10, 63, 58, .12) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(10, 63, 58, .14) !important;
}

.language-menu__item {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-radius: 6px !important;
    color: #123b36 !important;
    font-weight: 700 !important;
}

.language-menu__item.active,
.language-menu__item:active,
.language-menu__item:hover {
    background: rgba(10, 63, 58, .1) !important;
    color: var(--makani-identity-bg) !important;
}

/* Arabic RTL alignment polish for public website */
html[dir="rtl"] .makani-header .container,
html[dir="rtl"] .mobile-cta-row,
html[dir="rtl"] .cta-pair {
    direction: rtl;
}

html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .developer-hero__proof,
html[dir="rtl"] .makani-hero__cta-row,
html[dir="rtl"] .makani-hero__trust-row {
    direction: rtl;
}

html[dir="rtl"] .language-menu__item,
html[dir="rtl"] .developer-process__card,
html[dir="rtl"] .customer-b2b-steps .step-card {
    text-align: right !important;
}

html[dir="rtl"] .developer-hero__copy,
html[dir="rtl"] .developer-hero .hero-subtext,
html[dir="rtl"] .makani-hero__content,
html[dir="rtl"] .makani-hero__subtext {
    text-align: right !important;
}

html[dir="rtl"] .developer-hero .hero-brand,
html[dir="rtl"] .developer-process__card-top,
html[dir="rtl"] .step-card__top {
    flex-direction: row-reverse;
}

html[dir="rtl"] .developer-process__line {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .developer-hero .lead-form,
html[dir="rtl"] .hero-cta-shell,
html[dir="rtl"] .contact-form {
    direction: rtl;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[name="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[name="phone"] {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .developer-hero .btn-submit,
html[dir="rtl"] .makani-hero__search-action,
html[dir="rtl"] .makani-hero__btn {
    direction: rtl;
}

@media (max-width: 991px) {
    html[dir="rtl"] .developer-hero__copy,
    html[dir="rtl"] .developer-hero .hero-subtext,
    html[dir="rtl"] .makani-hero__content,
    html[dir="rtl"] .makani-hero__subtext {
        text-align: center !important;
    }

    html[dir="rtl"] .developer-hero .hero-brand {
        justify-content: center;
    }
}
/* Final professional footer guardrails */
.site-footer.site-footer--premium {
    background:
        radial-gradient(circle at 85% 10%, rgba(197, 157, 99, .18), transparent 24%),
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .10), transparent 22%),
        linear-gradient(135deg, #063531 0%, #073f3a 52%, #0b5049 100%) !important;
    color: #fff !important;
    overflow: hidden !important;
    min-height: auto !important;
}

.site-footer.site-footer--premium::before {
    opacity: .035 !important;
}

.site-footer--premium .footer-premium__container {
    padding-block: 56px 22px !important;
}

.site-footer--premium .footer-premium__top {
    display: grid !important;
    grid-template-columns: minmax(330px, 1.35fr) minmax(190px, .72fr) minmax(260px, .9fr) minmax(240px, .82fr) !important;
    gap: 34px !important;
    align-items: start !important;
    text-align: start !important;
}

.site-footer--premium .footer-brand-panel,
.site-footer--premium .footer-column {
    text-align: start !important;
}

.site-footer--premium .footer-brand {
    justify-content: flex-start !important;
}

.site-footer--premium .footer-brand__mark {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid rgba(197, 157, 99, .72) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22) !important;
}

.site-footer--premium .brand-name,
.site-footer--premium .footer-heading {
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin: 0 0 16px !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.site-footer--premium .brand-name {
    font-size: 28px !important;
    margin: 0 !important;
}

.site-footer--premium .footer-brand__tagline,
.site-footer--premium .footer-eyebrow {
    color: #d7b371 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.site-footer--premium .footer-description,
.site-footer--premium .footer-muted {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    text-align: start !important;
}

.site-footer--premium .footer-description {
    max-width: 520px !important;
    margin-bottom: 18px !important;
}

.site-footer--premium .footer-contact-strip,
.site-footer--premium .footer-social-grid,
.site-footer--premium .footer-store-buttons {
    justify-content: flex-start !important;
}

.site-footer--premium .footer-contact-pill {
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    color: #fff !important;
    font-weight: 750 !important;
}

.site-footer--premium .footer-contact-pill i,
.site-footer--premium .footer-link i,
.site-footer--premium .social-btn i,
.site-footer--premium .store-btn i {
    color: currentColor !important;
    display: inline-flex !important;
    line-height: 1 !important;
}

.site-footer--premium .footer-link {
    color: rgba(255, 255, 255, .88) !important;
    background: transparent !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.site-footer--premium .footer-link i {
    color: #d7b371 !important;
    background: rgba(215, 179, 113, .14) !important;
}

.site-footer--premium .footer-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

.site-footer--premium .footer-app-column,
.site-footer--premium .footer-social-column {
    padding: 20px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.site-footer--premium .store-btn {
    min-height: 56px !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #073f3a !important;
    border: 1px solid rgba(255, 255, 255, .85) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .18) !important;
}

.site-footer--premium .store-btn small {
    color: #5d716d !important;
    font-size: 11px !important;
}

.site-footer--premium .store-btn strong {
    color: #073f3a !important;
    font-size: 15px !important;
}

.site-footer--premium .social-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .11) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    font-size: 18px !important;
    opacity: 1 !important;
}

.site-footer--premium .social-btn:hover {
    color: #073f3a !important;
    background: #fff !important;
    border-color: #fff !important;
}

.site-footer--premium .footer-premium__bottom {
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    color: rgba(255, 255, 255, .78) !important;
}

.site-footer--premium .footer-bottom-links a,
.site-footer--premium .footer-copy {
    color: rgba(255, 255, 255, .78) !important;
}

.site-footer--premium .footer-copy span {
    color: #fff !important;
}

@media (max-width: 1199.98px) {
    .site-footer--premium .footer-premium__top {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 767.98px) {
    .site-footer--premium .footer-premium__container {
        padding-block: 42px 22px !important;
    }

    .site-footer--premium .footer-premium__top {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .site-footer--premium .footer-premium__bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}
/* Footer social block refinement */
.site-footer--premium .footer-social-column {
    max-width: 300px !important;
    padding: 18px 18px 20px !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 42px rgba(0, 0, 0, .10) !important;
}

.site-footer--premium .footer-social-column .footer-muted {
    margin-bottom: 18px !important;
    max-width: 240px !important;
}

.site-footer--premium .footer-social-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 42px) !important;
    gap: 10px !important;
    justify-content: start !important;
    align-items: center !important;
}

.site-footer--premium .footer-social-grid .social-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    color: #073f3a !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12) !important;
    font-size: 17px !important;
    position: relative !important;
    overflow: hidden !important;
}

.site-footer--premium .footer-social-grid .social-btn::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 10px 7px 10px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: rgba(197, 157, 99, .75) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .22s ease !important;
}

.site-footer--premium .footer-social-grid .social-btn i {
    position: relative !important;
    z-index: 1 !important;
    color: currentColor !important;
}

.site-footer--premium .footer-social-grid .social-btn:hover,
.site-footer--premium .footer-social-grid .social-btn:focus {
    transform: translateY(-4px) !important;
    background: #fff !important;
    color: #073f3a !important;
    border-color: rgba(197, 157, 99, .9) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
}

.site-footer--premium .footer-social-grid .social-btn:hover::after,
.site-footer--premium .footer-social-grid .social-btn:focus::after {
    transform: scaleX(1) !important;
}

.site-footer--premium .social-btn--whatsapp:hover { color: #25d366 !important; }
.site-footer--premium .social-btn--instagram:hover { color: #e4405f !important; }
.site-footer--premium .social-btn--facebook:hover { color: #1877f2 !important; }
.site-footer--premium .social-btn--x:hover { color: #111 !important; }
.site-footer--premium .social-btn--linkedin:hover { color: #0a66c2 !important; }
.site-footer--premium .social-btn--youtube:hover { color: #ff0000 !important; }
.site-footer--premium .social-btn--tiktok:hover { color: #111 !important; }
.site-footer--premium .social-btn--snapchat:hover { color: #fffc00 !important; background: #1f1f1f !important; }

html[dir="rtl"] .site-footer--premium .footer-social-grid {
    justify-content: start !important;
}

@media (max-width: 767.98px) {
    .site-footer--premium .footer-social-column {
        max-width: none !important;
    }

    .site-footer--premium .footer-social-grid {
        grid-template-columns: repeat(4, 42px) !important;
    }
}