/*
Theme Name: Dizzy Coffee Co.
Theme URI: https://dizzycoffeeco.com/
Author: Does This Help® / W3CONNECT
Description: A bright, image-led mobile coffee truck block theme connecting Dizzy's schedule, menu, events and social channels.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: dizzy-coffee
License: GPL-2.0-or-later
*/
:root{--dizzy-shadow:0 18px 50px rgba(75,41,37,.14);--dizzy-shadow-hover:0 28px 70px rgba(75,41,37,.2)}
html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility}.wp-site-blocks{overflow-x:clip}a{text-underline-offset:.18em}
.dizzy-sticker{transform:rotate(-2deg);box-shadow:var(--dizzy-shadow)}
.dizzy-card,.dizzy-photo{box-shadow:var(--dizzy-shadow);transition:transform .25s ease,box-shadow .25s ease}
.dizzy-card:hover,.dizzy-photo:hover{transform:translateY(-5px) rotate(.35deg);box-shadow:var(--dizzy-shadow-hover)}
.dizzy-photo{overflow:hidden;border:4px solid #fff;border-radius:34px}.dizzy-photo img{width:100%;height:100%;object-fit:cover;display:block}
.dizzy-photo-tall img{aspect-ratio:4/5}.dizzy-photo-wide img{aspect-ratio:3/2}.dizzy-photo-square img{aspect-ratio:1/1}
.dizzy-kicker{text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.dizzy-script{font-style:italic;text-decoration:underline;text-decoration-thickness:.08em;text-decoration-color:#C94F55}
.dizzy-marquee{white-space:nowrap;overflow:hidden}.dizzy-marquee>*{display:inline-block;padding-left:100%;animation:dizzy-scroll 22s linear infinite}
@keyframes dizzy-scroll{to{transform:translateX(-100%)}}
@media(max-width:781px){.dizzy-hero-copy{text-align:center}.dizzy-hero-copy .wp-block-buttons{justify-content:center}.dizzy-photo{max-width:560px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dizzy-marquee>*{animation:none;padding-left:0}.dizzy-card,.dizzy-photo{transition:none}}

.dizzy-logo-hero img{max-width:min(520px,92vw);margin:auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.22))}
.dizzy-brand-band{background:#000;color:#f6f1e7}
.dizzy-brand-band a{color:#f6f1e7}
.dizzy-product-card{background:#f6f1e7;border:2px solid #a8764d;border-radius:28px;padding:clamp(20px,3vw,36px);box-shadow:var(--dizzy-shadow)}
.dizzy-product-card img{border-radius:50%;background:#fff}
.dizzy-schedule-image img{border:3px solid #50341e;border-radius:28px;box-shadow:var(--dizzy-shadow)}
.dizzy-event-photo img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:781px){.dizzy-logo-hero{order:-1}.dizzy-product-card{text-align:center}}