/* Design preview (Lindsay's website notes). Loaded only when the preview is on. */

/* Banner so it's clear the preview is showing */
.cupp-preview-flag { position: fixed; left: 1rem; bottom: 1rem; z-index: 9999; background: #ffd84d; color: #1f2a44; font: 700 0.75rem/1 Montserrat, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.7rem 0.9rem; border-radius: 4px; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.cupp-preview-flag a { color: inherit; margin-left: 0.6rem; text-decoration: underline; }

/* Hero reel: exported word art instead of typed labels */
.cupp-preview .cupp-reel__label.is-word { line-height: 0; }
.cupp-preview .cupp-reel__label.is-word img { display: block; height: clamp(1.35rem, 2.3vw, 2.15rem); width: auto; filter: drop-shadow(0 1px 8px rgba(0,0,0,.25)); }
@media (max-width: 767px) { .cupp-preview .cupp-reel__label.is-word img { height: clamp(1.9rem, 8.5vw, 2.6rem); } }

/* Homepage intro: body-copy size, much more space around it */
.cupp-preview .wp-block-group:has(> .cupp-intro-h1) { padding-top: clamp(4.5rem, 9vw, 8.5rem) !important; padding-bottom: clamp(4.5rem, 9vw, 8.5rem) !important; }
.cupp-preview .wp-block-group > .cupp-intro-h1 { max-width: min(34em, 88vw) !important; font-size: var(--wp--preset--font-size--medium) !important; font-weight: 600; line-height: 1.75; letter-spacing: 0.02em; }

/* Outline buttons: text always contrasts with the hover fill */
.cupp-preview .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.cupp-preview .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible { color: var(--wp--preset--color--white) !important; background: var(--wp--preset--color--navy) !important; border-color: var(--wp--preset--color--navy) !important; }
.cupp-preview .has-navy-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.cupp-preview .has-navy-background-color .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible,
.cupp-preview .wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.cupp-preview .wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible { color: var(--wp--preset--color--navy) !important; background: var(--wp--preset--color--white) !important; border-color: var(--wp--preset--color--white) !important; }

/* Hover menu: cut-out product shots straight on the greige, no white circle or navy dot */
.cupp-preview .cupp-menu-preview .cupp-menu-stage figure img { transform: scale(0.88); }

/* Card grids (Contact, Franchising): fill the row so Safari doesn't squash them into thin columns */
.cupp-preview .wp-block-group.is-layout-grid { width: 100%; container-type: normal; }
.cupp-preview .cupp-card-grid.is-layout-grid,
.cupp-preview .cupp-contact-cards .cupp-card-grid,
.cupp-preview .cupp-order-cards .cupp-card-grid { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important; }
@media (max-width: 40rem) { .cupp-preview .cupp-card-grid.is-layout-grid, .cupp-preview .cupp-contact-cards .cupp-card-grid, .cupp-preview .cupp-order-cards .cupp-card-grid { grid-template-columns: 1fr !important; } }