/* ── Footer base ─────────────────────────────────────── */
.yf { background:var(--yf-bg);color:var(--yf-clr);margin-top:48px; }
.yf a { color:var(--yf-clr);text-decoration:none;transition:color .2s; }
.yf a:hover { color:#fff; }

/* ── Main grid ───────────────────────────────────────── */
.yf__body { display:grid;grid-template-columns:280px 1fr 1fr;gap:40px;padding:48px 0 36px; }
@media(max-width:960px){ .yf__body{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .yf__body{grid-template-columns:1fr;gap:28px;padding:32px 0 24px;} }

/* ── Column heading with trailing line ──────────────── */
.yf__col-title {
    color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;margin-bottom:18px;
    display:flex;align-items:center;gap:10px;
}
.yf__col-title::after { content:'';flex:1;height:1px;background:rgba(255,255,255,.1); }

/* ── Brand column ────────────────────────────────────── */
.yf__logo { height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;margin-bottom:14px; }
.yf__wordmark { font-size:20px;font-weight:900;color:#fff;margin-bottom:14px;letter-spacing:-.02em; }
.yf__wordmark span { color:var(--yf-primary); }
.yf__tagline { font-size:12.5px;line-height:1.65;max-width:240px;opacity:.6;margin-bottom:20px; }

/* Contact rows */
.yf__contact { display:flex;flex-direction:column;gap:12px; }
.yf__contact-row { display:flex;flex-direction:column;gap:3px; }
.yf__contact-label { font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.4; }
.yf__contact-value { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8); }
.yf__contact-value i { color:var(--yf-primary);font-size:12px;width:14px;text-align:center;flex-shrink:0; }
/* Phone/email values: always LTR to prevent digit reversal in RTL context */
.yf__contact-value span { direction:ltr;unicode-bidi:isolate; }
.yf__contact-value:hover { color:#fff; }
/* Address: allow RTL text direction (Arabic address) */
.yf__address-link span { direction:inherit;unicode-bidi:normal; }

/* ── Quick links ─────────────────────────────────────── */
.yf__links { list-style:none;display:flex;flex-direction:column;gap:9px; }
.yf__link-item { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500; }
.yf__link-dot { width:4px;height:4px;border-radius:50%;background:var(--yf-primary);opacity:.7;flex-shrink:0;transition:opacity .2s; }
.yf__link-item:hover .yf__link-dot { opacity:1; }

/* ── Trust badges ────────────────────────────────────── */
.yf__badges { display:flex;flex-direction:column;gap:11px; }
.yf__badge-row { display:flex;align-items:center;gap:10px; }
.yf__badge-icon { width:30px;height:30px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px; }
.yf__badge-text { font-size:12.5px;font-weight:600; }

/* ── Full-width divider ──────────────────────────────── */
.yf__divider { border:0;border-top:1px solid rgba(255,255,255,.07);margin:0; }

/* ── Shared mid-section layout ───────────────────────── */
.yf__section { padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:14px; }
.yf__section-label { font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.4; }

/* ── Social buttons ──────────────────────────────────── */
.yf__socials { display:flex;gap:9px;flex-wrap:wrap;justify-content:center; }
.yf__social-btn {
    width:40px;height:40px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;font-size:16px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.65);transition:background .22s,transform .22s,color .22s,border-color .22s;
}
.yf__social-btn:hover { transform:translateY(-3px);color:#fff;border-color:transparent; }
.yf__social-btn[data-network="facebook"]:hover  { background:#1877f2; }
.yf__social-btn[data-network="instagram"]:hover { background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.yf__social-btn[data-network="tiktok"]:hover    { background:#010101;border-color:#69c9d0; }
.yf__social-btn[data-network="snapchat"]:hover  { background:#fffc00;color:#1a1a1a; }
.yf__social-btn[data-network="youtube"]:hover   { background:#ff0000; }
.yf__social-btn[data-network="messenger"]:hover { background:linear-gradient(135deg,#0084ff,#00b2ff); }

/* ── Carrier pills ───────────────────────────────────── */
.yf__carriers { display:flex;flex-wrap:wrap;gap:8px;justify-content:center; }
.yf__carrier {
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 14px;border-radius:999px;
    border:1px solid rgba(255,255,255,.1);
    font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6);
    background:rgba(255,255,255,.04);transition:border-color .2s,color .2s,background .2s;
}
.yf__carrier:hover { border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.9);background:rgba(255,255,255,.07); }
.yf__carrier i { color:var(--yf-primary);font-size:11px; }

/* ── Payment chips ───────────────────────────────────── */
.yf__payments { display:flex;gap:8px;flex-wrap:wrap;justify-content:center; }
.yf__pay-chip {
    display:inline-flex;align-items:center;gap:7px;
    padding:7px 16px;border-radius:9px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.05);
    font-size:12px;font-weight:800;letter-spacing:.05em;color:rgba(255,255,255,.75);
    transition:background .2s,border-color .2s;
}
.yf__pay-chip:hover { background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff; }
.yf__pay-chip i { font-size:14px; }

/* ── Bottom bar ──────────────────────────────────────── */
.yf__bottom {
    padding:14px 0;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.35);
}
.yf__bottom strong { color:rgba(255,255,255,.5); }
.yf__bottom-links { display:flex;gap:16px; }
.yf__bottom-links a { color:rgba(255,255,255,.35);transition:color .2s; }
.yf__bottom-links a:hover { color:rgba(255,255,255,.7); }