/* ===================================================================== Literasi Hukum Indonesia — Editorial Footer v4 No AI Research-based compact editorial footer; AI consultation link removed while Tanya Hukum AI is offline. Scope: footer markup only. Does not override site.css globally. ===================================================================== */ .footer-section.lhi-footer-v3{ --lhi-footer-primary: var(--primary-color, #b91c1c); --lhi-footer-primary-rgb: var(--primary-color-rgb, 185,28,28); --lhi-footer-ink: #111827; --lhi-footer-muted: #667085; --lhi-footer-soft: #f8fafc; --lhi-footer-line: rgba(17,24,39,.10); --lhi-footer-line-soft: rgba(17,24,39,.065); --lhi-footer-shadow: 0 18px 48px -40px rgba(15,23,42,.65); position:relative; overflow:hidden; isolation:isolate; margin-top: clamp(1.45rem, 3vw, 3rem); padding:0 !important; background: radial-gradient(720px 260px at 14% 0%, rgba(var(--lhi-footer-primary-rgb),.08), transparent 65%), linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%) !important; border-top:1px solid rgba(17,24,39,.08) !important; color:var(--lhi-footer-ink); } .footer-section.lhi-footer-v3 .lhi-footer-v3__rule{ position:absolute; inset:0 0 auto 0; height:2px; background:linear-gradient(90deg, transparent 0%, rgba(var(--lhi-footer-primary-rgb),.45) 13%, var(--lhi-footer-primary) 24%, #dc2626 58%, rgba(245,158,11,.62) 84%, transparent 100%); z-index:2; } .footer-section.lhi-footer-v3::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: linear-gradient(90deg, rgba(15,23,42,.028) 1px, transparent 1px), linear-gradient(180deg, rgba(15,23,42,.018) 1px, transparent 1px); background-size:72px 72px; mask-image:linear-gradient(180deg, rgba(0,0,0,.30), transparent 62%); } .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ max-width: var(--lhi-public-shell-max, 1180px); padding-top: clamp(1rem, 2.2vw, 1.55rem); padding-bottom: clamp(1rem, 2.1vw, 1.45rem); position:relative; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-copy, .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-col, .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-copy{ min-width:0; } .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-bottom:calc(clamp(1rem, 2.1vw, 1.45rem) + env(safe-area-inset-bottom, 0px)); } .footer-section.lhi-footer-v3 a{ color:inherit; text-decoration:none; } .footer-section.lhi-footer-v3 a:focus-visible{ outline:3px solid rgba(var(--lhi-footer-primary-rgb), .22); outline-offset:3px; border-radius:10px; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1rem; margin-bottom: clamp(1rem, 2.2vw, 1.45rem); padding: clamp(.78rem, 1.55vw, 1.05rem) clamp(.9rem, 2.1vw, 1.35rem); border:1px solid rgba(var(--lhi-footer-primary-rgb),.14); border-radius:16px; background: linear-gradient(135deg, rgba(var(--lhi-footer-primary-rgb),.075), rgba(255,255,255,.80) 54%), rgba(255,255,255,.92); box-shadow:0 14px 34px -32px rgba(15,23,42,.50); } .footer-section.lhi-footer-v3 .lhi-footer-v3__eyebrow{ display:inline-flex; align-items:center; gap:.45rem; margin-bottom:.20rem; color:var(--lhi-footer-primary); font-size:.68rem; line-height:1.2; letter-spacing:.11em; text-transform:uppercase; font-weight:850; } .footer-section.lhi-footer-v3 .lhi-footer-v3__eyebrow::before{ content:""; width:.45rem; height:.45rem; border-radius:999px; background:var(--lhi-footer-primary); box-shadow:0 0 0 5px rgba(var(--lhi-footer-primary-rgb),.12); } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-title{ margin:0; max-width: 58ch; color:#111827; font-size:clamp(1rem, 1.2vw, 1.15rem); line-height:1.24; letter-spacing:-.025em; font-weight:850; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button{ display:inline-flex; align-items:center; justify-content:center; min-height:35px; padding:.48rem .82rem; border-radius:999px; border:1px solid transparent; font-size:.82rem; line-height:1.1; font-weight:800; white-space:nowrap; transition:transform .14s ease, color .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button:hover{ transform:translateY(-1px); } .footer-section.lhi-footer-v3 .lhi-footer-v3__button--primary{ background:var(--lhi-footer-primary); border-color:var(--lhi-footer-primary); color:#fff; box-shadow:0 14px 26px -20px rgba(var(--lhi-footer-primary-rgb),.95); } .footer-section.lhi-footer-v3 .lhi-footer-v3__button--primary:hover{ background:#991b1b; border-color:#991b1b; color:#fff; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button--ghost{ background:#fff; border-color:rgba(17,24,39,.12); color:#111827; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button--ghost:hover{ border-color:rgba(var(--lhi-footer-primary-rgb),.26); color:var(--lhi-footer-primary); box-shadow:0 14px 30px -25px rgba(15,23,42,.55); } .footer-section.lhi-footer-v3 .lhi-footer-v3__main{ display:grid; grid-template-columns:minmax(260px, 320px) minmax(0, 1fr); gap:clamp(1rem, 2.4vw, 1.8rem); align-items:start; } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ position:relative; padding:0 1rem 0 .9rem; border-left:2px solid rgba(var(--lhi-footer-primary-rgb), .92); } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-link{ display:inline-flex; align-items:center; max-width:100%; margin-bottom:.68rem; } .footer-section.lhi-footer-v3 .footer-logo, .footer-section.lhi-footer-v3 .lhi-footer-v3__logo{ display:block; height:34px; width:auto; max-width:min(250px, 72vw); object-fit:contain; } .footer-section.lhi-footer-v3 .lhi-footer-v3__about{ margin:0; color:#475569; font-size:.90rem; line-height:1.55; } .footer-section.lhi-footer-v3 .lhi-footer-v3__chips{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.85rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__chip{ display:inline-flex; align-items:center; min-height:28px; padding:.34rem .54rem; border-radius:999px; border:1px solid rgba(var(--lhi-footer-primary-rgb),.14); background:rgba(var(--lhi-footer-primary-rgb),.045); color:#7f1d1d; font-size:.74rem; line-height:1; font-weight:800; } .footer-section.lhi-footer-v3 .lhi-footer-v3__chip:hover{ border-color:rgba(var(--lhi-footer-primary-rgb),.26); background:rgba(var(--lhi-footer-primary-rgb),.08); color:var(--lhi-footer-primary); } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact{ display:grid; gap:.36rem; margin-top:.78rem; padding-top:.78rem; border-top:1px solid var(--lhi-footer-line-soft); } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-link{ display:flex; align-items:center; gap:.52rem; width:max-content; max-width:100%; color:#475569; font-size:.82rem; line-height:1.35; font-weight:750; overflow-wrap:anywhere; } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-link:hover{ color:var(--lhi-footer-primary); } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-icon{ display:inline-flex; flex:0 0 auto; color:var(--lhi-footer-primary); } .footer-section.lhi-footer-v3 .lhi-footer-v3__address{ max-width:30ch; color:#667085; font-size:.80rem; line-height:1.5; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:clamp(.72rem, 1.65vw, 1rem); } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group{ min-width:0; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title{ position:relative; margin:0 0 .52rem; padding-bottom:.40rem; color:#111827; font-size:.84rem; line-height:1.2; letter-spacing:-.015em; font-weight:850; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title::after{ content:""; position:absolute; left:0; bottom:0; width:1.65rem; height:2px; border-radius:999px; background:var(--lhi-footer-primary); } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-list{ list-style:none; padding:0; margin:0; display:grid; gap:.27rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link{ display:inline-flex; align-items:center; max-width:100%; color:#667085; font-size:.82rem; line-height:1.36; font-weight:650; overflow-wrap:anywhere; word-break:normal; transition:color .14s ease, transform .14s ease; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link:hover{ color:var(--lhi-footer-primary); transform:translateX(2px); } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:clamp(1rem, 2.2vw, 1.45rem); padding-top:.85rem; border-top:1px solid var(--lhi-footer-line); } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-copy{ min-width:0; } .footer-section.lhi-footer-v3 .lhi-footer-v3__copyright{ color:#475569; font-size:.84rem; line-height:1.45; font-weight:800; } .footer-section.lhi-footer-v3 .lhi-footer-v3__disclaimer{ margin-top:.24rem; max-width:68ch; color:#667085; font-size:.80rem; line-height:1.5; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ display:flex; align-items:center; justify-content:flex-end; gap:.45rem; flex-wrap:wrap; } .footer-section.lhi-footer-v3 .lhi-footer-v3__mini-link{ display:inline-flex; align-items:center; min-height:30px; padding:.38rem .58rem; border-radius:999px; color:#667085; font-size:.80rem; line-height:1; font-weight:800; } .footer-section.lhi-footer-v3 .lhi-footer-v3__mini-link:hover{ background:rgba(var(--lhi-footer-primary-rgb),.06); color:var(--lhi-footer-primary); } .footer-section.lhi-footer-v3 .lhi-footer-v3__social{ display:flex; align-items:center; gap:.36rem; margin-left:.18rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__social-link{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:999px; border:1px solid rgba(17,24,39,.10); background:#fff; color:#475569; transition:transform .14s ease, color .14s ease, background .14s ease, border-color .14s ease; } .footer-section.lhi-footer-v3 .lhi-footer-v3__social-link:hover{ transform:translateY(-1px); border-color:rgba(var(--lhi-footer-primary-rgb),.26); background:rgba(var(--lhi-footer-primary-rgb),.06); color:var(--lhi-footer-primary); } @media (max-width: 1199.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__main{ grid-template-columns:1fr; } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(240px, .9fr); gap:1rem 1.25rem; padding:1rem; border:1px solid var(--lhi-footer-line-soft); border-left:3px solid var(--lhi-footer-primary); border-radius:16px; background:rgba(255,255,255,.64); } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-link, .footer-section.lhi-footer-v3 .lhi-footer-v3__about, .footer-section.lhi-footer-v3 .lhi-footer-v3__chips{ grid-column:1; } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact{ grid-column:2; grid-row:1 / span 3; margin-top:0; padding-top:0; border-top:0; border-left:1px solid var(--lhi-footer-line-soft); padding-left:1rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns: repeat(5, minmax(120px, 1fr)); } } @media (max-width: 991.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ grid-template-columns:1fr; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions{ justify-content:flex-start; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom{ align-items:flex-start; flex-direction:column; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ justify-content:flex-start; } } @media (max-width: 767.98px){ .footer-section.lhi-footer-v3{ margin-top:1.6rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ display:block; } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact{ margin-top:.9rem; padding-top:.9rem; border-top:1px solid var(--lhi-footer-line-soft); border-left:0; padding-left:0; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1rem 1.15rem; } } @media (max-width: 575.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-top:1rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ border-radius:14px; padding:.82rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-title{ font-size:.98rem; line-height:1.28; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions, .footer-section.lhi-footer-v3 .lhi-footer-v3__button{ width:100%; } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ padding:.9rem; border-left:2px solid rgba(var(--lhi-footer-primary-rgb), .78); border-radius:14px; background:rgba(255,255,255,.68); } .footer-section.lhi-footer-v3 .lhi-footer-v3__logo{ height:31px; } .footer-section.lhi-footer-v3 .lhi-footer-v3__about{ font-size:.86rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.95rem .85rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title{ font-size:.79rem; margin-bottom:.46rem; padding-bottom:.36rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link{ font-size:.80rem; line-height:1.34; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group:nth-child(5){ grid-column:1 / -1; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group:nth-child(5) .lhi-footer-v3__nav-list{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.25rem .8rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ width:100%; justify-content:flex-start; gap:.25rem .35rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__mini-link{ min-height:30px; padding:.34rem .45rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__social{ margin-left:0; } } @media (max-width: 389.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__nav, .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group:nth-child(5) .lhi-footer-v3__nav-list{ grid-template-columns:1fr; } } @media (min-width: 768px) and (max-width: 991.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ grid-template-columns:minmax(0, 1fr) minmax(230px, .88fr); } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ gap:1rem 1.25rem; } } @media (min-width: 992px) and (max-width: 1199.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns:repeat(5, minmax(108px, 1fr)); } } html[data-theme="dark"] .footer-section.lhi-footer-v3{ background: radial-gradient(720px 260px at 14% 0%, rgba(var(--lhi-footer-primary-rgb),.16), transparent 65%), linear-gradient(180deg, #111827 0%, #0f172a 100%) !important; border-top-color:rgba(255,255,255,.10) !important; color:#e5e7eb; } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__strip, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-title, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title{ color:#f8fafc; } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__about, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-link, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__address, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__copyright, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__disclaimer, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__mini-link{ color:#cbd5e1; } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__button--ghost, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__social-link{ background:rgba(255,255,255,.08); color:#f8fafc; border-color:rgba(255,255,255,.14); } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__contact, html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom{ border-color:rgba(255,255,255,.12); } /* --------------------------------------------------------------------- v3.2 responsive polish Desktop stays close to v3.1; tablet/mobile get tighter spacing, safer wrapping, and more predictable footer behavior. --------------------------------------------------------------------- */ .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-copy, .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title, .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link, .footer-section.lhi-footer-v3 .lhi-footer-v3__about, .footer-section.lhi-footer-v3 .lhi-footer-v3__address{ overflow-wrap:anywhere; } @media (min-width: 1200px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ max-width:100%; } } @media (min-width: 768px) and (max-width: 1199.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-left:clamp(1.25rem, 3vw, 1.6rem); padding-right:clamp(1.25rem, 3vw, 1.6rem); } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ align-items:start; } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-link{ width:auto; } } @media (min-width: 768px) and (max-width: 991.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem 1.25rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group:nth-child(4), .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group:nth-child(5){ padding-top:.15rem; } } @media (max-width: 767.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-left:1rem; padding-right:1rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ margin-bottom:1rem; border-radius:14px; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-title{ max-width:100%; font-size:1rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ padding:.95rem; border-left:0; border-top:2px solid rgba(var(--lhi-footer-primary-rgb),.84); border-radius:14px; background:rgba(255,255,255,.68); } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav{ margin-top:.2rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group{ padding-top:.75rem; border-top:1px solid var(--lhi-footer-line-soft); } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-title{ margin-bottom:.5rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom{ gap:.7rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ gap:.28rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__social-link{ width:34px; height:34px; } } @media (max-width: 575.98px){ .footer-section.lhi-footer-v3{ margin-top:1.6rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-top:1rem; padding-bottom:1rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip{ padding:.82rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__eyebrow{ font-size:.64rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions{ gap:.45rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button{ min-height:40px; } .footer-section.lhi-footer-v3 .footer-logo, .footer-section.lhi-footer-v3 .lhi-footer-v3__logo{ height:30px; } .footer-section.lhi-footer-v3 .lhi-footer-v3__about{ font-size:.86rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__chip{ min-height:27px; font-size:.72rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__contact-link{ width:100%; font-size:.82rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__address{ max-width:none; font-size:.78rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link{ font-size:.84rem; line-height:1.42; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ align-items:center; } .footer-section.lhi-footer-v3 .lhi-footer-v3__mini-link{ min-height:34px; padding:.38rem .5rem; } } @media (max-width: 374.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-title{ font-size:.96rem; } .footer-section.lhi-footer-v3 .lhi-footer-v3__bottom-actions{ display:grid; grid-template-columns:repeat(3, minmax(0, auto)); justify-content:start; align-items:center; } .footer-section.lhi-footer-v3 .lhi-footer-v3__social{ grid-column:1 / -1; margin-left:0; margin-top:.1rem; } } @media (hover: none){ .footer-section.lhi-footer-v3 .lhi-footer-v3__button:hover, .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-link:hover, .footer-section.lhi-footer-v3 .lhi-footer-v3__social-link:hover{ transform:none; } } @media (prefers-reduced-motion: reduce){ .footer-section.lhi-footer-v3 *{ transition:none !important; scroll-behavior:auto !important; } } html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__nav-group{ border-color:rgba(255,255,255,.12); } @media (max-width: 767.98px){ html[data-theme="dark"] .footer-section.lhi-footer-v3 .lhi-footer-v3__brand-panel{ background:rgba(255,255,255,.055); border-top-color:rgba(var(--lhi-footer-primary-rgb),.88); } } /* v3.2 final responsive guard: keep footer readable above fixed chat widget on phones. */ @media (max-width: 575.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__container{ padding-bottom:calc(4.8rem + env(safe-area-inset-bottom, 0px)); } .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:100%; } .footer-section.lhi-footer-v3 .lhi-footer-v3__button{ width:100%; } } @media (max-width: 389.98px){ .footer-section.lhi-footer-v3 .lhi-footer-v3__strip-actions{ grid-template-columns:1fr; } }