
/* Farah Kitchen Footer — Reference Match */
.site-footer{
    background:#11100f;
    color:#fff;
    border-top:1px solid #40372d;
    font-family:Farah,Arial,sans-serif;
}
 .site-footer .footer-reference{
    width:min(1180px,94%);
    min-height:70px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    direction:ltr;
}
.footer-reference-brand{
    order:3;
    display:flex;
    align-items:center;
    gap:10px;
    direction:rtl;
    justify-content:flex-start;
    flex:0 0 auto;
}
.footer-reference-brand .footer-chef{
    width:48px; height:48px; display:grid; place-items:center;
    color:var(--gold); flex:0 0 48px;
}
.footer-reference-brand .footer-chef svg{width:46px;height:46px;display:block}
.footer-reference-brand strong{display:block;font-size:19px;line-height:1.05;color:#fff}
.footer-reference-brand small{display:block;color:var(--gold);font-size:10px;margin-top:3px}
.footer-reference-message{
    order:2;
    flex:1 1 auto;
    text-align:center;
    direction:rtl;
    line-height:1.25;
}
.footer-reference-message strong{display:block;font-size:14px;color:#fff;font-weight:700}
.footer-reference-message small{display:block;font-size:10px;color:#d8d0c6;margin-top:5px}
.footer-reference-social{
    order:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    direction:ltr;
    flex:0 0 auto;
}
.footer-reference-socials{display:flex;align-items:center;gap:8px}
.footer-reference-socials a{
    width:26px;height:26px;border-radius:50%;
    display:grid!important;place-items:center;
    background:#292521;color:#fff;border:1px solid #3a332d;
    transition:transform .2s ease,opacity .2s ease;
}
.footer-reference-socials a:hover{transform:translateY(-2px);opacity:.88}
.footer-reference-socials svg{width:15px;height:15px;display:block}
.footer-reference-follow{display:flex;flex-direction:column;text-align:right;direction:rtl;line-height:1.1}
.footer-reference-follow strong{font-size:12px;color:#fff}
.footer-reference-follow small{font-size:10px;color:var(--gold);margin-top:3px}
.footer-reference-lang{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;direction:ltr}
.footer-reference-lang a{color:#fff!important;margin:0!important;display:inline!important}
.footer-reference-lang a.active{color:#fff!important}
.footer-reference-lang .sep{color:#777}
.site-footer .footer-bottom{display:none}
@media(max-width:900px){
    .site-footer .footer-reference{
        width:92%; min-height:90px; padding:10px 0;
        flex-wrap:wrap; gap:10px;
    }
    .footer-reference-brand{order:3}
    .footer-reference-social{order:1}
    .footer-reference-message{order:2; flex:1 1 260px}
}
@media(max-width:600px){
    .site-footer .footer-reference{min-height:110px;gap:8px}
    .footer-reference-brand .footer-chef{width:40px;height:40px;flex-basis:40px}
    .footer-reference-brand .footer-chef svg{width:38px;height:38px}
    .footer-reference-brand strong{font-size:16px}
    .footer-reference-brand small{font-size:9px}
    .footer-reference-social{gap:7px}
    .footer-reference-socials{gap:5px}
    .footer-reference-socials a{width:24px;height:24px}
    .footer-reference-follow{display:none}
    .footer-reference-lang{font-size:11px}
    .footer-reference-message strong{font-size:12px}
    .footer-reference-message small{font-size:9px}
}
html[lang="en"] .footer-reference-brand{direction:ltr}
html[lang="en"] .footer-reference-message{direction:ltr}
html[lang="en"] .footer-reference-follow{text-align:left;direction:ltr}

.footer-reference-socials a:nth-child(1){background:#1877f2}.footer-reference-socials a:nth-child(2){background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.footer-reference-socials a:nth-child(3){background:#050505}.footer-reference-socials a:nth-child(4){background:#050505}.footer-reference-socials a:nth-child(5){background:#ff0000}

/* Final footer alignment + subtle visual background */
.site-footer{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.site-footer::before,
.site-footer::after{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    border:1px solid rgba(220,170,45,.16);
    border-radius:50%;
}
.site-footer::before{
    width:420px;
    height:420px;
    left:-190px;
    top:-300px;
}
.site-footer::after{
    width:300px;
    height:300px;
    right:-130px;
    bottom:-250px;
}
.site-footer .footer-reference{
    position:relative;
    min-height:72px;
    direction:ltr;
}
.footer-reference-message{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:max-content;
    max-width:360px;
    z-index:2;
}
.footer-reference-message::before,
.footer-reference-message::after{
    content:"";
    position:absolute;
    top:50%;
    width:70px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(220,170,45,.55));
}
.footer-reference-message::before{right:calc(100% + 18px)}
.footer-reference-message::after{left:calc(100% + 18px);transform:scaleX(-1)}
@media(max-width:600px){
    .footer-reference-message{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;order:2}
    .footer-reference-message::before,.footer-reference-message::after{display:none}
}

/* Mobile footer: center every footer element without changing desktop layout */
@media(max-width:600px){
    .site-footer .footer-reference{
        width:100%;
        min-height:0;
        padding:16px 12px 18px;
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:11px;
    }
    .site-footer .footer-reference > *{
        width:100%;
        max-width:100%;
        margin:0;
        align-self:center;
        box-sizing:border-box;
    }
    .site-footer .footer-reference-brand{
        order:1;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        direction:rtl;
    }
    .site-footer .footer-reference-message{
        order:2;
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        width:100%;
        max-width:100%;
        text-align:center;
    }
    .site-footer .footer-reference-social{
        order:3;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
        text-align:center;
    }
    .site-footer .footer-reference-socials{
        justify-content:center;
    }
    .site-footer .footer-reference-follow{
        display:none;
    }
    .site-footer .footer-reference-lang{
        justify-content:center;
        align-items:center;
        text-align:center;
        margin:0 auto;
    }
    .site-footer .footer-reference-message .footer-menu{
        justify-content:center;
        text-align:center;
    }
}
