/*
Theme Name: Blue Dragon Hollow
Theme URI: https://bluedragonhollow.com
Author: Blue Dragon Hollow LLC
Author URI: https://bluedragonhollow.com
Description: Custom full-site-editing block theme for Blue Dragon Hollow — a diversified family farm in Blum, Texas. Farm-first, social-tuned, and built for speed: core blocks only, no page builder, system fonts (zero web-font latency), minimal CSS.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bluedragonhollow
Tags: block-theme, full-site-editing, farm, ecommerce-ready, accessibility-ready, custom-colors
*/

/* Block themes are styled primarily through theme.json. A few small enhancements only. */

.bdh-tile { border-top: 4px solid var(--wp--preset--color--gold, #C8960C); box-shadow: 0 4px 16px rgba(29,52,97,.06); transition: transform .15s ease, box-shadow .15s ease; height: 100%; }
.bdh-tile:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(29,52,97,.14); }

/* Logo: keep it tidy on every screen, scale down on phones */
.wp-block-site-logo img { max-height: 64px; width: auto; }
@media (max-width: 600px) { .wp-block-site-logo img { max-height: 52px; } }

/* Mobile header: logo + hamburger menu only (Shop & Subscriptions are in the menu),
   so the row always fits and doesn't force the page wider than the screen. */
@media (max-width: 781px) {
  .bdh-header .wp-block-buttons { display: none !important; }
  .bdh-header > .wp-block-group { flex-wrap: nowrap; gap: .5rem; }
}

.bdh-eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; font-weight: 700; }

/* Mobile-first: never allow horizontal overflow / sideways scroll */
html, body { overflow-x: hidden; max-width: 100vw; }
img { max-width: 100%; height: auto; }
.wp-block-cover__inner-container { width: 100%; box-sizing: border-box; }

@media (max-width: 781px) {
  /* Stop full/wide breakout on phones (no negative margins) so nothing exceeds the screen */
  .wp-site-blocks .alignfull,
  .wp-site-blocks .alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .wp-block-cover { width: 100%; }
  .wp-block-cover h1 { font-size: clamp(2rem, 9vw, 2.6rem) !important; overflow-wrap: break-word; }
  .wp-block-cover h2 { font-size: clamp(1.5rem, 6.5vw, 2rem) !important; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .bdh-tile { transition: none; }
}