/*
Theme Name: Hushpods
Description: A simple bespoke WooCommerce theme based on the Hushpods prototype.
Version: 1.0.0
Text Domain: hushpods
*/
.site-header nav li, .footer-main nav li { list-style: none; }
.site-header nav ul, .footer-main nav ul { display: contents; }
.site-header { border-bottom: 0; }
.site-header .header-inner { max-width: none; padding-left: clamp(16px, 3vw, 48px); padding-right: clamp(16px, 3vw, 48px); }
.site-header nav .nav-cta { background: var(--green); border-color: var(--green); color: #fff; }
.site-header nav .nav-cta:hover { color: #fff; filter: brightness(.93); }
.woocommerce img, .woocommerce-page img, .wp-block-image img { height: auto; }
.woocommerce .product-image img { height: 100%; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { background: #575757; color: #fff; border-radius: 999px; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: #414141; color: #fff; }
.woocommerce .quantity input { padding: 8px; }
.woocommerce-page main { min-height: 50vh; }
.hero .actions .button, .hero .actions .text-link { font-size: 16px; }
.hero .actions .button-lime { color: #fff; }
.contact h2 { color: #fff; }
.hero { margin: 4px clamp(16px, 3vw, 48px) 0; border-radius: 48px; }
.hero-copy, .hero-image { border-radius: 0; }
.hero-copy { position: relative; overflow: hidden; padding-top: clamp(50px, 7vw, 110px); padding-bottom: clamp(50px, 7vw, 110px); }
.hero-copy::after { content: ''; position: absolute; right: -5%; bottom: -5%; width: 25%; aspect-ratio: 1; background: url('assets/images/Owl.png') center / contain no-repeat; pointer-events: none; }
.hero-content { position: relative; z-index: 1; }
.about { position: relative; overflow: hidden; }
.about::after { content: ''; position: absolute; right: -40px; bottom: -40px; width: clamp(120px, 15vw, 240px); aspect-ratio: 1; background: url('assets/images/Owl.png') center / contain no-repeat; pointer-events: none; }
.about-grid { position: relative; z-index: 1; }
@media (max-width: 700px) { .hero { margin-top: 16px; border-radius: 32px; } }
.product .product-meta { border: 0; padding-top: 8px; }
.product .under-link { margin-top: 10px; }


/* Decorative owl alongside the range introduction. */
#range .section-heading::before { content: ''; display: block; width: clamp(90px, 10vw, 140px); aspect-ratio: 1; flex: 0 0 auto; background: url('assets/images/Owl.png') center / contain no-repeat; order: 1; }
#range .section-heading > p { order: 2; }
@media (max-width: 700px) {
  #range .section-heading::before { width: 90px; margin-top: 22px; }
}