/* Theme Name: The Blades Studio 11 Theme URI: https://thebladestudio.com Author: The Blades Studio Description: Custom WordPress theme for The Blades Studio barbershop — bilingual BG/EN Version: 5.1 */ /* ============================================= CSS CUSTOM PROPERTIES (DESIGN TOKENS) ============================================= */ :root { --bg-primary: #0d0d0d; --bg-secondary: #111111; --bg-card: #1e1e1e; --bg-card-hover: #252525; --accent-red: #B0111E; --accent-red-hover: #8e0e18; --accent-red-bg: rgba(212, 43, 58, 0.15); /* Il rosso e il grigio che SI LEGGONO — solo per il TESTO. `--accent-red` (insegna, bordi, pieni, bottoni) NON si tocca: cambia il rosso SCRITTO. I due valori vivono nel master ~/studio-blades/packages/design/tokens.css (--bo-red-testo, --bo-sito-spento) e qui sono scritti per esteso perche' questo tema non importa tokens.css: se il master cambia, cambiano a mano. Misurato il 2026-09-10 sui fondi VERI letti dalla pagina viva: #fb3d48 su #0d0d0d 5,43:1 · su #111111 5,27:1 · su #1e1e1e 4,65:1 #8a8a8a su #0d0d0d 5,63:1 · su #111111 5,47:1 · su #1e1e1e 4,83:1 Soglia AA 4,5:1 — nessuno di questi testi e' testo grande. */ --accent-red-testo: #fb3d48; --text-spento: #8a8a8a; --text-primary: #ffffff; --text-secondary: #aaaaaa; --text-muted: #555555; --border-color: rgba(255, 255, 255, 0.08); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px; --radius-pill: 50px; --transition: 0.3s ease; --container-max: 1280px; /* 07/10/2026 (testata v3): di nuovo UN piano. Frase di prima (6e3604e): «la testata è DUE piani — la striscia in cima (lingua, "Вход") e la riga del logo». */ --header-row: 70px; --header-height: var(--header-row); /* 08/10/2026 (B·tema-prenota): l'altezza VERA della testata, per chi sta sotto di lei e non è del tema (il riquadro della prenotazione su /profil/?book). Qui il valore del CSS (70 px, 64 sotto i 769 px: la testata è border-box, il filo sta dentro); main.js la rimisura con un ResizeObserver e la riscrive su solo se è diversa (una scrittura, niente scatti). */ --bs-testata-h: var(--header-height); /* quanto copre del fondo il banner dei cookie aperto (main.js, initConsensoAperto): 0 se chiuso */ --bs-banner-h: 0px; } /* ============================================= RESET & BASE ============================================= */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; /* iPhone girato: senza questo Safari ingrandisce da solo il testo di alcuni blocchi e le etichette dei pulsanti escono dalla pillola (01/10/2026). */ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; /* Un'ancora (/ekim/#barber-…, /#contacts) si ferma SOTTO l'intestazione fissa: su Safari la scheda del barbiere finiva con foto e distintivo coperti. */ scroll-padding-top: calc(var(--header-height) + 12px); } /* 08/10/2026 (B·tema-prenota, da B·accesso 07/10): chi chiede meno movimento non fa più il viaggio animato fino a un'ancora (/#contacts, /ekim/#barber-…): si salta lì. */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* 03/10 (spazzata, m1): sul telefono la barra in basso (.mbar, 60 px + 10 di margine + area sicura) copriva l'elemento che riceve il fuoco della tastiera («Имейл support@…», «Всички услуги»): il browser lo porta in vista lasciando libero anche il fondo. */ @media (max-width: 767px) { html { scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom)); } } body { background-color: var(--bg-primary); color: var(--text-primary); font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a { color: inherit; text-decoration: none; } img { max-width: 100%; height: auto; display: block; } svg { flex-shrink: 0; } /* Pulsanti senza l'aspetto nativo di iOS (01/10/2026): su iPhone un