/* Shared appearance and controls from the MotoriQ home/offers footer. */
.site-footer,.overlay,#cookie-banner{--brand:#16a34a;--glass:rgba(255,255,255,.06);--stroke:rgba(255,255,255,.14);--muted:rgba(255,255,255,.75);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue";font-size:16px;line-height:normal}
.site-footer{margin-top:64px}

                .site-footer{ border-top:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.35); backdrop-filter:blur(10px); }
                .footer-inner{ max-width:1200px; margin:0 auto; padding:22px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; color:var(--muted); }
                .site-footer a{ color:#fff; text-decoration:none; opacity:.9 }
                .site-footer a:hover{ text-decoration:underline; }

                
                .overlay{ position:fixed; inset:0; display:none; z-index:60; background:rgba(0,0,0,.55); backdrop-filter:blur(6px); align-items:flex-start; justify-content:center; overflow:auto; padding:30px 12px; }
                .overlay[open]{ display:flex; }
                .legal-card{ width:min(900px, 100%); background:var(--glass); border:1px solid var(--stroke); border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.45); padding:20px 22px 28px; }
                .legal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:10px; margin-bottom:14px; }
                .legal-head h2{ margin:0; font-size:20px; letter-spacing:.02em; }
                .close-x{ appearance:none; border:1px solid var(--stroke); background:rgba(255,255,255,.06); color:#fff; border-radius:10px; padding:8px 10px; cursor:pointer; font-weight:800; }
                .legal-content{ color:#e8f1ee; }
                .legal-content h3{ margin:18px 0 8px; font-size:16px; }
                .legal-content p, .legal-content li{ color:var(--muted); line-height:1.6; }
                .legal-content ul{ padding-left:18px; }

                /* ======= COOKIE BANNER ======= */
                #cookie-banner{ position:fixed; left:16px; right:16px; bottom:16px; z-index:70; background:var(--glass); border:1px solid var(--stroke); border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.45); display:none; padding:14px; backdrop-filter:blur(10px); }
                #cookie-banner.show{ display:block; }
                .cookie-row{ display:flex; gap:14px; align-items:flex-start; }
                .cookie-text{ flex:1; color:var(--muted); }
                .cookie-actions{ display:flex; gap:8px; flex-wrap:wrap; }
                .btn-ghost{ background:transparent; border:1px solid var(--stroke); color:#fff; }
                .switch{ display:inline-flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--stroke); border-radius:12px; background:rgba(255,255,255,.04); }
                .switch input{ accent-color: var(--brand); }

                
                .btn{
                  display:inline-flex; justify-content:center; align-items:center;
                  min-height:44px; border-radius:12px; padding:10px 14px;
                  border:1px solid var(--stroke); text-decoration:none;
                  font-weight:800; letter-spacing:.02em; color:#fff;
                  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
                  -webkit-backdrop-filter: blur(8px); /* Safari */
                  backdrop-filter: blur(8px);
                  transition:.12s ease;
                }
                .btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }
                .btn--brand{ background:var(--brand); border-color:rgba(22,163,74,.55); }
                .btn--brand:hover{ filter:brightness(1.05) saturate(1.05); }
                .btn--soft{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.32); }
                .btn--soft:hover{ filter:brightness(1.08); transform:translateY(-1px); }

                .footer-logos {
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  flex-wrap: wrap;
                  opacity: 0.58;
                }
                .footer-logos img {
                  height: 17px;
                  width: auto;
                  filter: grayscale(35%) brightness(1.05);
                  transition: transform 0.2s ease;
                }
                .footer-logos img:hover {
                  transform: scale(1.05);
                }
                @media (max-width: 640px) {
                  .footer-inner {
                    flex-direction: column;
                    align-items: center;
                  }
                  .footer-logos {
                    justify-content: center;
                    margin-top: 9px;
                    gap: 8px;
                  }
                  .footer-logos img { height: 14px; }
                }

@media(max-width:640px){.cookie-row{flex-direction:column}.cookie-actions{width:100%}.cookie-actions .btn{flex:1}}