/*
Theme Name: Eat Well Haven
Theme URI: https://eatwellhaven.com
Author: Eat Well Haven
Description: A clean, magazine-style food and healthy-eating theme with recipe card grids, category tiles and a newsletter band.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eatwellhaven
*/

/* Cards */
.ewh-card { background: var(--wp--preset--color--base); }
.ewh-card .wp-block-post-featured-image img { transition: transform .35s ease; }
.ewh-card:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.ewh-card .wp-block-post-featured-image { overflow: hidden; border-radius: 10px; background: var(--wp--preset--color--sage); aspect-ratio: 4/3; }
.ewh-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }
.ewh-label, .ewh-label a { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; text-decoration: none; }

/* Header */
.ewh-header { border-bottom: 1px solid var(--wp--preset--color--line); position: sticky; top: 0; z-index: 50; background: var(--wp--preset--color--base); }
.admin-bar .ewh-header { top: 32px; }
.ewh-header .wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }
.ewh-header .wp-block-site-title a { text-decoration: none; }

/* Category tiles */
.ewh-tile { border-radius: 14px; transition: transform .2s ease, box-shadow .2s ease; }
.ewh-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(20,60,40,.12); }
.ewh-tile a { text-decoration: none; color: inherit; }
.ewh-tile a::after { content: ""; position: absolute; inset: 0; }
.ewh-tile { position: relative; }

/* Hero */
.ewh-hero .wp-block-post-featured-image { border-radius: 14px; overflow: hidden; background: var(--wp--preset--color--sage); }

/* Footer links */
.ewh-footer a { color: inherit; text-decoration: none; }
.ewh-footer a:hover { text-decoration: underline; }

/* Section heading with green rule */
.ewh-section-title { border-left: 6px solid var(--wp--preset--color--accent); padding-left: 14px; }

@media (max-width: 781px) {
  .admin-bar .ewh-header { top: 0; }
}