/* =========================================================
   شريط الاشتراك بالرسائل البريدية — Sadaa Premium Newsletter
   الهوية الموحدة: ألوان العلامة من Design System
   ========================================================= */

.newsletter-strip{
    --nl-blue:var(--sadaa-primary);
    --nl-blue-deep:var(--sadaa-primary-dark);
    --nl-blue-deeper:var(--sadaa-brand-deep);
    --nl-text:#14324c;
    --nl-muted:#6f8394;
    --nl-line:#dce7ef;
    --nl-soft:#f6f9fc;
    --nl-white:#ffffff;

    width:100%;
    direction:rtl;
    margin-top:48px;
    padding:0 24px;
    box-sizing:border-box;
    font-family:inherit;
}

/* الحاوية الأساسية */
.newsletter-inner{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:1430px;
    min-height:260px;
    margin:0 auto;
    padding:34px 38px;
    display:grid;
    grid-template-columns:minmax(0, 1.04fr) minmax(470px, .96fr);
    align-items:center;
    gap:46px;
    overflow:hidden;
    background:#ffffff;
    border:1px solid rgba(var(--sadaa-brand-deep-rgb),.12);
    border-radius:8px;
    box-shadow:
        0 18px 50px rgba(var(--sadaa-brand-deep-rgb),.10),
        0 2px 8px rgba(var(--sadaa-brand-deep-rgb),.05);
    box-sizing:border-box;
}

/* اللوحة الزرقاء الرئيسية */
.newsletter-inner::before{
    content:"";
    position:absolute;
    z-index:-2;
    top:0;
    bottom:0;
    inset-inline-start:0;
    width:51.5%;
    background:var(--nl-blue);
}

/* زخرفة هندسية واسعة وهادئة */
.newsletter-inner::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:320px;
    height:320px;
    inset-inline-start:-115px;
    top:-165px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:
        0 0 0 32px rgba(255,255,255,.045),
        0 0 0 72px rgba(255,255,255,.035),
        0 0 0 112px rgba(255,255,255,.025);
    pointer-events:none;
}

.newsletter-background-art{
    display:none !important;
}

/* =========================
   القسم التعريفي
   ========================= */
.newsletter-intro{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    align-items:center;
    gap:24px;
    min-width:0;
    padding:12px 4px 12px 8px;
}

.newsletter-intro::after{
    content:"";
    position:absolute;
    inset-inline-end:-22px;
    top:50%;
    width:1px;
    height:120px;
    transform:translateY(-50%);
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(var(--sadaa-brand-deep-rgb),.16) 18%,
        rgba(var(--sadaa-brand-deep-rgb),.16) 82%,
        transparent
    );
}

/* أيقونة البريد */
.newsletter-icon{
    position:relative;
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    background:rgba(var(--sadaa-brand-deep-rgb),.20);
    border:1px solid rgba(255,255,255,.22);
    border-radius:18px 18px 18px 5px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 16px 28px rgba(var(--sadaa-brand-deep-rgb),.14);
    font-size:34px;
    line-height:1;
}

.newsletter-icon::before{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    top:-8px;
    inset-inline-start:-8px;
    background:#ffffff;
    border-radius:50%;
    box-shadow:0 0 0 7px rgba(255,255,255,.10);
}

.newsletter-icon i{
    position:relative;
    z-index:1;
}

.newsletter-copy{
    min-width:0;
}

/* شارة صغيرة */
.newsletter-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    margin-bottom:10px;
    padding:4px 11px;
    background:rgba(var(--sadaa-brand-deep-rgb),.26);
    border:1px solid rgba(255,255,255,.20);
    border-radius:4px;
    color:#ffffff;
    font-size:13px;
    font-weight:500;
    line-height:1.5;
    letter-spacing:0;
}

/* العنوان */
.newsletter-copy h3{
    margin:0 0 7px;
    color:#ffffff;
    font-size:29px;
    font-weight:700;
    line-height:1.65;
    text-wrap:balance;
}

/* الوصف */
.newsletter-copy p{
    margin:0;
    max-width:610px;
    color:rgba(255,255,255,.84);
    font-size:15px;
    font-weight:400;
    line-height:2;
}

/* =========================
   بطاقة النموذج
   ========================= */
.newsletter-form-card{
    position:relative;
    z-index:3;
    padding:24px 24px 20px;
    background:#ffffff;
    border:1px solid #e2ebf2;
    border-radius:8px;
    box-shadow:
        0 18px 42px rgba(var(--sadaa-brand-deep-rgb),.10),
        0 2px 8px rgba(var(--sadaa-brand-deep-rgb),.04);
}

/* الخط العلوي */
.newsletter-form-card::before{
    content:"";
    position:absolute;
    top:-1px;
    inset-inline-start:20px;
    width:88px;
    height:3px;
    background:var(--nl-blue);
    border-radius:0 0 3px 3px;
}

/* نقطة زخرفية دقيقة */
.newsletter-form-card::after{
    content:"";
    position:absolute;
    top:17px;
    inset-inline-end:18px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--nl-blue);
    box-shadow:
        -11px 0 0 rgba(var(--sadaa-primary-rgb),.28),
        -22px 0 0 rgba(var(--sadaa-primary-rgb),.12);
}

.newsletter-form-row{
    margin:0;
}

.newsletter-email-label{
    display:block;
    margin:0 0 8px;
    padding-inline-end:2px;
    color:#294a63;
    font-size:13.5px;
    font-weight:500;
    line-height:1.6;
}

.newsletter-input-group{
    display:flex;
    align-items:stretch;
    gap:9px;
}

.newsletter-input-shell{
    position:relative;
    flex:1 1 auto;
    min-width:0;
}

.newsletter-input-icon{
    position:absolute;
    inset-inline-start:15px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    color:#7190aa;
    font-size:14px;
    line-height:1;
    pointer-events:none;
    transition:color .2s ease, transform .2s ease;
}

.newsletter-email{
    width:100%;
    height:50px;
    padding:0 48px 0 14px;
    border:1px solid #cedce7;
    border-radius:5px;
    background:#fbfdff;
    color:var(--nl-text);
    font-family:inherit;
    font-size:14.5px;
    font-weight:400;
    outline:none;
    direction:ltr;
    text-align:left;
    box-shadow:inset 0 1px 2px rgba(15,45,72,.02);
    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.newsletter-email::placeholder{
    color:#9aa9b6;
}

.newsletter-email:hover{
    border-color:#b7cad9;
    background:#ffffff;
}

.newsletter-email:focus{
    border-color:var(--nl-blue);
    background:#ffffff;
    box-shadow:0 0 0 4px rgba(var(--sadaa-primary-rgb),.11);
}

.newsletter-input-shell:focus-within .newsletter-input-icon{
    color:var(--nl-blue);
    transform:translateY(-50%) scale(1.05);
}

/* زر الاشتراك */
.newsletter-submit{
    position:relative;
    overflow:hidden;
    flex:0 0 auto;
    min-width:118px;
    height:50px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid var(--nl-blue-deep);
    border-radius:5px;
    background:var(--nl-blue-deep);
    color:#ffffff;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(var(--sadaa-brand-deep-rgb),.14);
    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.newsletter-submit::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    inset-inline-start:-45%;
    width:34%;
    transform:skewX(-18deg);
    background:rgba(255,255,255,.11);
    transition:inset-inline-start .35s ease;
}

.newsletter-submit:hover{
    background:var(--nl-blue-deeper);
    border-color:var(--nl-blue-deeper);
    transform:translateY(-1px);
    box-shadow:0 11px 22px rgba(var(--sadaa-brand-deep-rgb),.18);
}

.newsletter-submit:hover::before{
    inset-inline-start:115%;
}

.newsletter-submit i{
    position:relative;
    z-index:1;
    font-size:11px;
    transition:transform .18s ease;
}

.newsletter-submit span{
    position:relative;
    z-index:1;
}

.newsletter-submit:hover i{
    transform:translateX(-2px);
}

/* الموافقة */
.newsletter-consent{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:13px;
    color:#718494;
    font-size:12.5px;
    font-weight:400;
    line-height:1.9;
    cursor:pointer;
}

.newsletter-consent-checkbox{
    flex:0 0 auto;
    width:15px;
    height:15px;
    margin:3px 0 0;
    accent-color:var(--nl-blue);
}

.newsletter-consent a{
    color:var(--nl-blue-deep);
    text-decoration:none;
    border-bottom:1px solid rgba(var(--sadaa-brand-deep-rgb),.20);
}

.newsletter-consent a:hover{
    color:var(--nl-blue);
    border-bottom-color:rgba(var(--sadaa-primary-rgb),.45);
}

/* honeypot */
.newsletter-honeypot{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* رسائل الحالة */
.newsletter-message{
    display:none;
    margin-top:11px;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:5px;
    font-size:12px;
    line-height:1.75;
}

.newsletter-message.is-visible{
    display:block;
}

.newsletter-message.is-success{
    color:#166534;
    background:#f0fdf4;
    border-color:#bbf7d0;
}

.newsletter-message.is-error{
    color:#991b1b;
    background:#fef2f2;
    border-color:#fecaca;
}

.newsletter-submit:disabled{
    opacity:.68;
    cursor:wait;
    transform:none;
    box-shadow:none;
}

/* =========================
   الأجهزة المتوسطة
   ========================= */
@media (max-width:1100px){
    .newsletter-inner{
        grid-template-columns:1fr;
        min-height:auto;
        padding:30px;
        gap:26px;
        background:var(--nl-blue);
    }

    .newsletter-inner::before{
        display:none;
    }

    .newsletter-intro{
        max-width:780px;
        margin:0 auto;
        padding:2px 0 4px;
        text-align:center;
        grid-template-columns:72px minmax(0,1fr);
    }

    .newsletter-intro::after{
        display:none;
    }

    .newsletter-icon{
        width:72px;
        height:72px;
        font-size:30px;
    }

    .newsletter-copy p{
        margin-inline:auto;
    }

    .newsletter-form-card{
        width:min(100%,760px);
        margin:0 auto;
    }
}

/* =========================
   الجوال
   ========================= */
@media (max-width:768px){
    .newsletter-strip{
        margin-top:32px;
        padding:0 14px;
    }

    .newsletter-inner{
        padding:22px 16px 18px;
        gap:20px;
        border-radius:6px;
    }

    .newsletter-inner::after{
        width:220px;
        height:220px;
        inset-inline-start:-120px;
        top:-130px;
    }

    .newsletter-intro{
        display:flex;
        flex-direction:column;
        gap:11px;
        text-align:center;
    }

    .newsletter-icon{
        width:62px;
        height:62px;
        border-radius:14px 14px 14px 4px;
        font-size:27px;
    }

    .newsletter-icon::before{
        width:12px;
        height:12px;
        top:-6px;
        inset-inline-start:-6px;
        box-shadow:0 0 0 5px rgba(255,255,255,.10);
    }

    .newsletter-copy h3{
        font-size:19px;
        line-height:1.7;
    }

    .newsletter-copy p{
        max-width:520px;
        font-size:12px;
        line-height:1.9;
    }

    .newsletter-form-card{
        padding:18px 15px 15px;
    }

    .newsletter-input-group{
        flex-direction:column;
        gap:8px;
    }

    .newsletter-email,
    .newsletter-submit{
        width:100%;
    }

    .newsletter-submit{
        min-width:0;
    }

    .newsletter-consent{
        font-size:10.5px;
        text-align:right;
    }
}

@media (max-width:480px){
    .newsletter-strip{
        padding:0 10px;
    }

    .newsletter-inner{
        padding:20px 13px 16px;
    }

    .newsletter-copy h3{
        font-size:17px;
    }

    .newsletter-eyebrow{
        min-height:26px;
        margin-bottom:8px;
        padding:3px 9px;
        font-size:11px;
    }

    .newsletter-form-card{
        padding:16px 12px 13px;
    }
}


/* =========================================================
   الفوتر — Sadaa Premium Footer
   يحافظ على ارتباط الإعدادات الحالية بلوحة المدير
   ========================================================= */

.main-footer{
    --footer-bg:#404040;
    --footer-text:#ffffff;
    --footer-bottom-bg:#383838;
    --footer-blue:var(--sadaa-primary);
    --footer-dark:var(--sadaa-primary-dark);
    --footer-dark-hover:var(--sadaa-brand-deep);
    --footer-line:rgba(var(--sadaa-brand-deep-rgb),.10);
    --footer-muted:#708394;

    position:relative;
    overflow:hidden;
    width:100%;
    max-width:100%;
    min-height:60px;
    margin:18px auto 0;
    background:var(--footer-bg);
    color:var(--footer-text);
    font-size:var(--sadaa-font-size-base,16px);
    font-family:var(--site-font-family,'Noto Sans Arabic',Tahoma,Arial,sans-serif);
    direction:rtl;
    border-top:0;
}

/* خط هوية علوي، يربط الفوتر بصرياً مع شريط الاشتراك */
.main-footer::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(
        90deg,
        var(--footer-dark) 0%,
        var(--footer-blue) 48%,
        var(--footer-dark) 100%
    );
    opacity:.95;
}

/* زخارف هندسية خافتة جداً */

/* الحاوية الداخلية */
.footer-inner{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1430px;
    margin:0 auto;
    padding:42px 28px 38px;
    display:grid;
    grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);
    align-items:start;
    gap:76px;
    box-sizing:border-box;
}

/* =========================
   هوية الموقع
   ========================= */
.footer-brand{
    position:relative;
    min-width:0;
    max-width:560px;
    padding-inline-start:22px;
}

.footer-brand::before{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:5px;
    width:3px;
    height:72px;
    border-radius:2px;
    background:var(--footer-blue);
}

.footer-logo-link{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    transition:opacity .18s ease, transform .18s ease;
}

.footer-logo-link:hover{
    opacity:.88;
    transform:translateY(-1px);
}

.footer-logo{
    display:block;
    max-width:178px;
    max-height:64px;
    width:auto;
    height:auto;
    object-fit:contain;
    margin:0 0 15px;
}

.footer-description{
    margin:0;
    max-width:515px;
    color:var(--footer-text);
    opacity:.86;
    font-size:15px;
    font-weight:400;
    line-height:2.05;
}

/* =========================
   الروابط
   ========================= */
.footer-links{
    min-width:0;
    text-align:right;
}

.footer-links h4{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:9px;
    width:auto;
    margin:0 0 19px;
    padding:0 0 10px;
    color:var(--footer-text);
    font-size:16px;
    font-weight:600;
    border:0;
}

.footer-links h4::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:2px;
    background:var(--footer-blue);
    box-shadow:0 0 0 4px rgba(var(--sadaa-primary-rgb),.10);
}

.footer-links h4::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:46px;
    height:2px;
    background:var(--footer-blue);
    border-radius:2px;
}

.footer-links nav{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:46px;
    row-gap:7px;
    align-items:start;
}

.footer-links nav a{
    position:relative;
    display:flex;
    align-items:center;
    min-height:38px;
    padding:6px 18px 6px 8px;
    color:var(--footer-text);
    text-decoration:none;
    font-size:14.5px;
    font-weight:400;
    line-height:1.7;
    border-bottom:1px solid rgba(var(--sadaa-brand-deep-rgb),.065);
    transition:
        color .18s ease,
        padding-inline-start .18s ease,
        border-color .18s ease,
        background-color .18s ease;
}

.footer-links nav a::before{
    content:"";
    position:absolute;
    inset-inline-start:2px;
    width:6px;
    height:6px;
    border:1.5px solid var(--footer-blue);
    border-radius:50%;
    opacity:.72;
    transition:
        background-color .18s ease,
        transform .18s ease,
        opacity .18s ease;
}

.footer-links nav a:hover{
    color:var(--footer-text);
    background:transparent;
    border-bottom-color:rgba(var(--sadaa-primary-rgb),.16);
    padding-inline-start:22px;
}

.footer-links nav a:hover::before{
    background:var(--footer-blue);
    opacity:1;
    transform:scale(1.08);
}

/* =========================
   شريط الحقوق
   ========================= */
.footer-bottom{
    position:relative;
    z-index:2;
    border-top:1px solid rgba(127,127,127,.18);
    padding:15px 22px;
    text-align:center;
    background:var(--footer-bottom-bg);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.footer-bottom::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:90px;
    height:2px;
    transform:translateX(-50%);
    background:var(--footer-blue);
    opacity:.9;
}

.footer-bottom p{
    margin:0;
    color:var(--footer-text);
    font-size:13.5px;
    font-weight:400;
    line-height:1.8;
}

/* =========================================================
   صندوق ملفات الارتباط
   ========================================================= */
.cookie-consent-box{
    position:fixed;
    right:20px;
    bottom:20px;
    width:min(420px,calc(100% - 40px));
    background:#ffffff;
    border:1px solid #e1e8ee;
    box-shadow:0 16px 42px rgba(var(--sadaa-brand-deep-rgb),.16);
    border-radius:7px;
    z-index:99999;
    direction:rtl;
    overflow:hidden;
}

.cookie-consent-box::before{
    content:"";
    display:block;
    height:3px;
    background:var(--sadaa-primary);
}

.cookie-consent-content{
    padding:18px;
}

.cookie-consent-content p{
    margin:0 0 14px;
    font-size:13px;
    line-height:1.9;
    color:#4a5d6e;
}

.cookie-consent-content a{
    color:var(--sadaa-brand-deep);
    text-decoration:none;
    font-weight:500;
    border-bottom:1px solid rgba(var(--sadaa-brand-deep-rgb),.18);
}

.cookie-consent-content a:hover{
    color:var(--sadaa-primary);
    border-bottom-color:rgba(var(--sadaa-primary-rgb),.45);
}

#acceptCookiesBtn{
    min-width:96px;
    height:40px;
    border:1px solid var(--sadaa-brand-deep);
    background:var(--sadaa-brand-deep);
    color:#ffffff;
    padding:0 20px;
    border-radius:5px;
    cursor:pointer;
    font-family:inherit;
    font-size:13px;
    font-weight:500;
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}

#acceptCookiesBtn:hover{
    background:var(--sadaa-brand-deep-hover);
    border-color:var(--sadaa-brand-deep-hover);
    transform:translateY(-1px);
}

/* =========================================================
   الأجهزة اللوحية
   ========================================================= */
@media (max-width:1024px){
    .main-footer{
        min-height:auto;
    }

    .footer-inner{
        grid-template-columns:1fr;
        gap:32px;
        padding:36px 24px 32px;
    }

    .footer-brand{
        max-width:650px;
    }

    .footer-links{
        padding-top:24px;
        border-top:1px solid rgba(var(--sadaa-brand-deep-rgb),.08);
    }
}

/* =========================================================
   الجوال
   ========================================================= */
@media (max-width:768px){
    .main-footer{
        margin-top:14px;
        min-height:auto;
    }

    .footer-inner{
        display:block;
        padding:31px 18px 27px;
    }

    .footer-brand,
    .footer-links{
        width:100%;
        max-width:100%;
        min-width:0;
        text-align:center;
    }

    .footer-brand{
        padding:0;
    }

    .footer-brand::before{
        position:static;
        display:block;
        width:46px;
        height:3px;
        margin:0 auto 15px;
    }

    .footer-logo-link{
        justify-content:center;
    }

    .footer-logo{
        max-width:158px;
        max-height:58px;
        margin:0 auto 13px;
    }

    .footer-description{
        max-width:560px;
        margin:0 auto;
        font-size:12.5px;
        line-height:1.95;
    }

    .footer-links{
        margin-top:27px;
        padding-top:24px;
        border-top:1px solid rgba(var(--sadaa-brand-deep-rgb),.09);
    }

    .footer-links h4{
        justify-content:center;
        margin-bottom:15px;
    }

    .footer-links h4::after{
        right:50%;
        transform:translateX(50%);
    }

    .footer-links nav{
        display:block;
        width:100%;
    }

    .footer-links nav a,
    .footer-links nav a:first-child{
        justify-content:flex-start;
        min-height:42px;
        padding:8px 22px 8px 8px;
        border-bottom:1px solid rgba(var(--sadaa-brand-deep-rgb),.08);
        text-align:right;
    }

    .footer-links nav a:hover{
        padding-inline-start:26px;
    }

    .footer-bottom{
        padding:14px 16px;
        text-align:center;
    }

    .footer-bottom p{
        font-size:11.5px;
        line-height:1.8;
    }

    .cookie-consent-box{
        right:12px;
        left:12px;
        bottom:12px;
        width:auto;
    }

    .cookie-consent-content{
        padding:15px;
    }

    .cookie-consent-content p{
        font-size:12.5px;
        line-height:1.8;
    }

    #acceptCookiesBtn{
        width:100%;
    }
}

/* =========================================================
   الجوال الصغير
   ========================================================= */
@media (max-width:480px){
    .footer-inner{
        padding:28px 14px 24px;
    }

    .footer-logo{
        max-width:146px;
        max-height:54px;
    }

    .footer-links nav a,
    .footer-links nav a:first-child{
        font-size:13px;
    }
}


/* =========================================================
   Footer responsive full-width hardening
   على الشاشات المتوسطة والصغيرة يصبح غلاف الفوتر بعرض
   الشاشة كاملاً حتى لو كان وضع boxed مفعلاً من الإعدادات.
   يبقى تنظيم المحتوى الداخلي مسؤولية .footer-inner.
   ========================================================= */
@media (max-width:1100px){
    .main-footer{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box;
    }
}

/* =========================================================
   Sadaa — Tablet footer links v1 (2026-09-24)
   يحافظ على عمودين في التابلت، بينما يبقى الجوال الصغير عموداً واحداً.
   ========================================================= */
@media (min-width:641px) and (max-width:1100px){
    .footer-links nav{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:28px !important;
        row-gap:6px !important;
        width:100% !important;
    }

    .footer-links nav a,
    .footer-links nav a:first-child{
        justify-content:flex-start !important;
        min-height:40px !important;
        padding:7px 22px 7px 8px !important;
        text-align:right !important;
    }
}

/* =========================================================
   Sadaa Footer 2026 — Unified brand refinement
   ========================================================= */

.newsletter-strip{
    --nl-blue:var(--sadaa-primary);
    --nl-blue-deep:var(--sadaa-primary-dark);
    --nl-blue-deeper:var(--sadaa-primary-dark);
    --nl-text:var(--sadaa-text,#211827);
    --nl-muted:var(--sadaa-muted,#776B7C);
    --nl-line:var(--sadaa-line,#E9E2EB);
    --nl-soft:var(--sadaa-tint-3,#FBF8FC);
    margin-top:64px;
}

.newsletter-inner{
    max-width:var(--sadaa-container-max,1450px);
    min-height:248px;
    border:0;
    border-radius:var(--sadaa-radius-panel,20px);
    background:var(--sadaa-brand-gradient,linear-gradient(135deg,var(--sadaa-primary) 0%,var(--sadaa-primary) 60%,var(--sadaa-accent) 100%));
    box-shadow:0 18px 46px rgba(var(--sadaa-primary-rgb),.14);
}

.newsletter-inner::before{
    inset:0;
    width:auto;
    background:var(--sadaa-brand-gradient,linear-gradient(135deg,var(--sadaa-primary) 0%,var(--sadaa-primary) 60%,var(--sadaa-accent) 100%));
}

.newsletter-inner::after{
    width:360px;
    height:360px;
    inset-inline-start:-140px;
    top:-190px;
    border-color:rgba(255,255,255,.18);
    box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.026),0 0 0 132px rgba(255,255,255,.018);
}

.newsletter-intro::after{
    background:linear-gradient(to bottom,transparent,rgba(255,255,255,.20) 18%,rgba(255,255,255,.20) 82%,transparent);
}

.newsletter-icon{
    border-radius:var(--sadaa-radius-card,16px);
    background:rgba(52,24,58,.20);
    border-color:rgba(255,255,255,.24);
    box-shadow:0 14px 30px rgba(52,24,58,.12);
}

.newsletter-eyebrow{
    border-radius:var(--sadaa-radius-pill,999px);
    background:rgba(52,24,58,.20);
    border-color:rgba(255,255,255,.24);
}

.newsletter-form-card{
    border-radius:var(--sadaa-radius-card,16px);
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.24);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(52,24,58,.10);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.newsletter-email{
    border-radius:var(--sadaa-radius-md,10px);
    border-color:rgba(255,255,255,.72);
}

.newsletter-submit{
    border-radius:var(--sadaa-radius-md,10px);
    background:#fff;
    border-color:#fff;
    color:var(--sadaa-primary-dark);
    font-weight:700;
}

.newsletter-submit:hover,
.newsletter-submit:focus-visible{
    background:#fff;
    border-color:#fff;
    color:var(--sadaa-primary);
    transform:translateY(-1px);
    box-shadow:0 10px 24px rgba(52,24,58,.16);
}

.main-footer{
    --footer-blue:var(--sadaa-primary);
    --footer-dark:var(--sadaa-primary-dark);
    --footer-dark-hover:var(--sadaa-primary-dark);
    --footer-line:rgba(var(--sadaa-primary-rgb),.12);
    --footer-muted:var(--sadaa-muted,#776B7C);
    margin-top:28px;
}

.main-footer::before{
    height:3px;
    background:var(--sadaa-brand-gradient,linear-gradient(90deg,var(--sadaa-primary) 0%,var(--sadaa-primary) 60%,var(--sadaa-accent) 100%));
}

.footer-inner{
    max-width:var(--sadaa-container-max,1450px);
    padding:46px 28px 40px;
}

.footer-brand::before{
    width:3px;
    height:76px;
    border-radius:999px;
    background:linear-gradient(to bottom,var(--sadaa-primary),var(--sadaa-accent));
}

.footer-links h4::before{
    border-radius:50%;
    background:var(--sadaa-accent);
    box-shadow:0 0 0 4px rgba(var(--sadaa-accent-rgb),.10);
}

.footer-links h4::after,
.footer-bottom::before{
    background:linear-gradient(90deg,var(--sadaa-primary),var(--sadaa-accent));
}

.footer-links nav a::before{
    border-color:var(--sadaa-primary);
}

.footer-links nav a:hover::before{
    background:var(--sadaa-accent);
    border-color:var(--sadaa-accent);
}

.cookie-consent-box{
    border-color:var(--sadaa-line,#E9E2EB);
    border-radius:var(--sadaa-radius-card,16px);
    box-shadow:var(--sadaa-shadow-lg,0 18px 44px rgba(31,22,36,.11));
}

.cookie-consent-box::before{
    background:var(--sadaa-brand-gradient,linear-gradient(90deg,var(--sadaa-primary),var(--sadaa-accent)));
}

.cookie-consent-content p{
    color:var(--sadaa-text-2,#4B3C50);
}

.cookie-consent-content a{
    color:var(--sadaa-primary-dark);
    border-bottom-color:rgba(var(--sadaa-primary-rgb),.22);
}

.cookie-consent-content a:hover{
    color:var(--sadaa-primary);
    border-bottom-color:rgba(var(--sadaa-accent-rgb),.38);
}

#acceptCookiesBtn{
    min-height:42px;
    height:auto;
    border-radius:var(--sadaa-radius-md,10px);
    background:var(--sadaa-primary);
    border-color:var(--sadaa-primary);
    font-weight:700;
}

#acceptCookiesBtn:hover{
    background:var(--sadaa-primary-dark);
    border-color:var(--sadaa-primary-dark);
}

@media (max-width:1024px){
    .newsletter-inner{
        background:var(--sadaa-brand-gradient,linear-gradient(135deg,var(--sadaa-primary) 0%,var(--sadaa-primary) 60%,var(--sadaa-accent) 100%));
    }
}

@media (max-width:768px){
    .newsletter-strip{margin-top:46px;padding-inline:12px;}
    .newsletter-inner{border-radius:16px;padding:24px 18px;}
    .footer-inner{padding:36px 18px 32px;}
}

.main-footer .footer-logo{
    filter:brightness(0) invert(1);
}