/** * Verca — plynulé přechody mezi stránkami (fade spojený s paletou cíle). * Vyžaduje: + skript hned po . */ #verca-transition { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; opacity: 0; transition: opacity 0.1s ease-out; will-change: opacity; } #verca-transition.is-visible { opacity: 1; pointer-events: auto; } /* Úvod / hlavní web — krémová, terrakota v nádechu */ #verca-transition.verca-transition--default { background: radial-gradient(ellipse 100% 80% at 50% 0%, rgba(201, 123, 92, 0.18) 0%, transparent 52%), radial-gradient(ellipse 80% 60% at 100% 100%, rgba(245, 243, 239, 0.95) 0%, transparent 50%), linear-gradient(168deg, #f8f6f2 0%, #ebe8e1 48%, #e5e0d8 100%); } /* Bylinný ateliér — bílá, med, jemná broskev */ #verca-transition.verca-transition--atelier { background: radial-gradient(ellipse 90% 70% at 15% 20%, rgba(255, 214, 153, 0.45) 0%, transparent 55%), radial-gradient(ellipse 85% 65% at 90% 80%, rgba(255, 183, 120, 0.28) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 50% 50%, rgba(255, 252, 248, 0.9) 0%, transparent 65%), linear-gradient(165deg, #fffefb 0%, #fff8ec 42%, #ffefd9 100%); } /* Prostory / kontakt — teplá hluboká hněď (verca-room) */ #verca-transition.verca-transition--room { background: radial-gradient(ellipse 85% 70% at 30% 40%, rgba(184, 100, 71, 0.42) 0%, transparent 55%), radial-gradient(ellipse 70% 55% at 75% 65%, rgba(42, 56, 47, 0.45) 0%, transparent 52%), linear-gradient(165deg, #1a1510 0%, #241e18 45%, #2a241c 100%); } /* Právní / compliance stránky — stejná rodina jako úvod */ #verca-transition.verca-transition--legal { background: radial-gradient(ellipse 100% 80% at 50% 0%, rgba(201, 123, 92, 0.16) 0%, transparent 52%), radial-gradient(ellipse 80% 60% at 100% 100%, rgba(245, 243, 239, 0.95) 0%, transparent 50%), linear-gradient(168deg, #f8f6f2 0%, #ebe8e1 48%, #e5e0d8 100%); } @media (prefers-reduced-motion: reduce) { #verca-transition { transition-duration: 0.06s; } } /* Posuvník hlasitosti ambientu (vkládá verca-ambient.js vedle #verca-ambient-toggle) */ .verca-ambient-volume { display: flex; align-items: center; flex-shrink: 0; } .verca-ambient-volume input[type='range'] { -webkit-appearance: none; appearance: none; width: clamp(52px, 14vw, 104px); height: 5px; border-radius: 999px; background: rgba(26, 24, 22, 0.12); cursor: pointer; accent-color: #b86447; } .verca-ambient-volume input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #b86447; border: 2px solid rgba(255, 255, 255, 0.9); box-shadow: 0 1px 4px rgba(26, 24, 22, 0.2); } .verca-ambient-volume input[type='range']::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #b86447; border: 2px solid rgba(255, 255, 255, 0.9); box-shadow: 0 1px 4px rgba(26, 24, 22, 0.2); } @media (max-width: 480px) { .verca-ambient-volume input[type='range'] { width: clamp(44px, 22vw, 72px); } }