/*
Theme Name: Puumet
Theme URI: https://puumet.ee
Author: Puumet OÜ
Description: Puumet OÜ koduleht – puidust väikeehitised Raplamaalt. Plokiteema: kogu sisu on muudetav menüüs Välimus → Redaktor.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: puumet
*/

html { scroll-behavior: smooth; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }

/* Sections */
.pm-section { padding-top: 88px; padding-bottom: 88px; }
.pm-white { background: var(--wp--preset--color--white); border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.pm-dark { background: var(--wp--preset--color--forest); color: #D9E2DC; }
.pm-dark h2, .pm-dark h3 { color: #fff; }
.pm-dark .wp-block-button__link { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--forest); }

.pm-eyebrow { margin: 0; font-weight: 600; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--clay); }
.pm-lead { font-size: 20px; color: var(--wp--preset--color--muted); }
.pm-muted { color: var(--wp--preset--color--muted); }
.pm-price { font-weight: 600; color: var(--wp--preset--color--clay); margin-top: auto !important; }

.pm-stat strong { display: block; font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-size: 28px; color: var(--wp--preset--color--forest); }
.pm-stat { font-size: 14px; color: #5C564C; }

/* Hero */
.pm-hero .wp-block-columns { align-items: center; gap: 56px; }
.pm-hero-img img { width: 100%; height: 460px; object-fit: cover; border-radius: 16px; }

/* Product cards */
.pm-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 28px; }
.pm-card { background: var(--wp--preset--color--cream); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.pm-card > .wp-block-image { margin: 0; }
.pm-card > .wp-block-image img { width: 100%; height: 280px; object-fit: cover; display: block; }
.pm-card-body { padding: 24px; display: flex; flex-direction: column; gap: 10px; flex-grow: 1; }
.pm-card-body > * { margin: 0; }

/* Steps */
.pm-step { border-top: 3px solid var(--wp--preset--color--forest); padding-top: 20px; }
.pm-step .pm-num { font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-size: 20px; color: var(--wp--preset--color--clay); margin: 0; }
.pm-step h3 { font-size: 22px; margin-top: 8px; }

/* Gallery */
.pm-gallery { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.pm-gallery .wp-block-image { margin: 0; }
.pm-gallery img, .pm-tall img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px; display: block; }
.pm-tall img { height: 320px; }

/* Contact */
.pm-contact-list p { font-size: 18px; font-weight: 600; margin: 0; padding: 8px 0; }
.pm-box { background: var(--wp--preset--color--cream); border-radius: 14px; padding: 32px; }

/* Header / footer */
.pm-header { border-bottom: 1px solid var(--wp--preset--color--line); padding-top: 18px; padding-bottom: 18px; }
.pm-header .wp-block-site-title { font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-size: 24px; margin: 0; }
.pm-header .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--forest); }
.pm-header .wp-block-navigation a { text-decoration: none; font-weight: 500; }
.pm-header .wp-block-button__link { padding: 12px 20px; }
.pm-footer { background: var(--wp--preset--color--night); color: #CFC8BB; font-size: 15px; padding-top: 36px; padding-bottom: 36px; }
.pm-footer a { color: #fff; }

@media (max-width: 781px) {
  .pm-section { padding-top: 56px; padding-bottom: 56px; }
  .pm-hero-img img { height: 320px; }
}

/* Grid fixes: no flow-layout top margin inside grids */
.pm-grid > *, .pm-gallery > * { margin-block-start: 0 !important; }