/*
Theme Name: Corona Designs Camera Trigger
Theme URI: https://coronadesigns.ca/
Description: A minimal photo-led child theme for Blocksy and WooCommerce.
Author: Corona Designs
Template: blocksy
Version: 0.1.0
Text Domain: corona-camera-trigger
*/

:root {
  --corona-paper: #f4f2ed;
  --corona-ink: #19242e;
  --corona-muted: #65717a;
  --corona-line: #d9d9d2;
  --corona-amber: #dfa35d;
}

body { background: var(--corona-paper); color: var(--corona-ink); }
body, button, input, select, textarea { font-family: "DM Sans", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Manrope, "DM Sans", Arial, sans-serif; letter-spacing: -.045em; }

/* Assign this class to the WordPress Cover block containing the hero video. */
.corona-motion-hero {
  min-height: min(700px, 78vh);
  color: #fff;
}

.corona-motion-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(11, 22, 33, .76) 0%, rgba(11, 22, 33, .48) 38%, rgba(11, 22, 33, .04) 78%) !important; }
.corona-motion-hero .wp-block-cover__inner-container { width: min(1160px, calc(100% - 64px)); margin: 0 auto; }
.corona-motion-hero .wp-block-heading { max-width: 680px; font-size: clamp(3rem, 6.3vw, 5rem); font-weight: 500; line-height: 1.02; }
.corona-motion-hero p { max-width: 430px; font-size: 1.05rem; }

.corona-section-label { color: #987047; font-size: .65rem; font-weight: 700; letter-spacing: .13em; }
.corona-content-width { max-width: 1000px; margin-inline: auto; }
.corona-quiet-section { border-block: 1px solid var(--corona-line); }
.corona-button .wp-block-button__link { padding: .78rem 1.1rem; border-radius: 0; background: var(--corona-amber); color: var(--corona-ink); font-size: .82rem; font-weight: 700; }

/* Keeps the product page straightforward and prevents a gallery-led shopping layout. */
.single-product .ct-container { max-width: 1100px; }
.single-product .woocommerce-product-gallery { background: #ebe9e3; }
.single-product .woocommerce-product-gallery img { mix-blend-mode: multiply; }
.single-product .product_title { font-size: clamp(2.35rem, 5vw, 4rem); line-height: 1.05; }
.single-product .price { color: var(--corona-ink); font-weight: 700; }
.single-product .woocommerce-tabs { margin-top: 5rem; border-top: 1px solid var(--corona-line); }

@media (max-width: 767px) {
  .corona-motion-hero { min-height: 560px; }
  .corona-motion-hero .wp-block-cover__inner-container { width: calc(100% - 40px); }
  .corona-motion-hero .wp-block-heading { font-size: clamp(3rem, 12vw, 4.25rem); }
}