/*
Theme Name: Harku Saunad
Template: twentytwentyfive
Description: Harku Saunade lasteteema – puit, seeder ja järv.
Version: 1.0.5
Text Domain: harku-saunad
*/

/* Header */
.hs-header { background: var(--wp--preset--color--wood); color: var(--wp--preset--color--paper); }
.hs-header a, .hs-header .wp-block-site-title a { color: var(--wp--preset--color--paper); text-decoration: none; }
.hs-header .wp-block-site-title { font-weight: 800; font-size: 1.35rem; letter-spacing: .01em; }
.hs-header .wp-block-navigation-item__content { padding: .35rem .2rem; border-bottom: 2px solid transparent; }
.hs-header .wp-block-navigation-item__content:hover,
.hs-header .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--cedar); }
.hs-header .hs-nav-cta > .wp-block-navigation-item__content { background: var(--wp--preset--color--cedar); color: #fff; padding: .45rem 1.1rem; border-radius: 999px; border: 0; font-weight: 700; }
.hs-header .hs-nav-cta > .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--lake); }

/* Main */
.hs-main { padding-top: 2.5rem; padding-bottom: 4rem; }
.hs-main-front { margin-top: 0; }
.hs-main-front > .wp-block-post-content > *:first-child { margin-top: 0; }

/* Hero */
.hs-hero { color: #fff; }
.hs-hero h1 { color: #fff; font-size: clamp(2.2rem, 6vw, 4.2rem); line-height: 1.08; margin-bottom: .5rem; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.hs-hero p { color: #fff; font-size: clamp(1.05rem, 2.2vw, 1.35rem); text-shadow: 0 1px 10px rgba(0,0,0,.4); }
.hs-hero .wp-block-button__link { font-size: 1.15rem; padding: .95rem 2rem; }

/* Bands and cards */
.hs-band { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.hs-band-light { background: var(--wp--preset--color--accent-5); }
.hs-band-lake { background: var(--wp--preset--color--lake); color: #fff; }
.hs-band-lake h2, .hs-band-lake p { color: #fff; }
.hs-band-lake .wp-block-button__link { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--wood); }
.hs-card { background: #fff; border: 1px solid #e3d9ca; border-radius: 16px; padding: 1.5rem; height: 100%; box-shadow: 0 6px 20px rgba(59,42,32,.06); transition: transform .15s, box-shadow .15s; }
.hs-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(59,42,32,.12); }
.hs-card h3 { margin-top: 0; }
.hs-card .hs-meta { color: var(--wp--preset--color--lake); font-weight: 700; font-size: .95rem; }
.hs-step-no { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--wp--preset--color--cedar); color: #fff; font-weight: 800; }
.hs-sauna { border-bottom: 1px solid #e3d9ca; padding-bottom: 2rem; margin-bottom: 2rem; }
.hs-note { background: #fff; border-left: 4px solid var(--wp--preset--color--cedar); border-radius: 6px; padding: 1rem 1.25rem; }
.hs-map iframe { width: 100%; height: 380px; border: 0; border-radius: 12px; }

/* Footer */
.hs-footer { background: var(--wp--preset--color--wood); color: var(--wp--preset--color--paper); padding-top: 2rem; padding-bottom: 2rem; font-size: .95rem; }
.hs-footer a { color: var(--wp--preset--color--paper); }

@media (max-width: 600px) {
	.hs-band { padding-top: 2.25rem; padding-bottom: 2.25rem; }
	.hs-main { padding-top: 1.5rem; }
}

/* Hero photo: text sits low over the dark deck, saunas stay visible */
.hs-hero .wp-block-cover__inner-container { padding-bottom: clamp(1rem, 4vh, 3rem); }
.hs-hero .wp-block-cover__background { background: linear-gradient(180deg, rgba(20,14,10,0) 45%, rgba(20,14,10,.75) 100%) !important; opacity: 1 !important; }

/* ---- Photo as the site background ---- */
body.hs-has-bg { background: #17110d; }
body.hs-has-bg::before { content: ""; position: fixed; inset: 0; z-index: -1; background: linear-gradient(rgba(20,14,10,.55), rgba(20,14,10,.72)), var(--hs-bg) center / cover no-repeat; }

/* Front page: sections become see-through dark panels with light text */
.hs-has-bg .hs-main-front .hs-band { background: rgba(23,17,13,.55); margin-top: 0; }
.hs-has-bg .hs-main-front .hs-band-light { background: rgba(23,17,13,.25); }
.hs-has-bg .hs-main-front .hs-band-lake { background: rgba(47,111,106,.88); }
.hs-has-bg .hs-main-front .hs-band > h2,
.hs-has-bg .hs-main-front .hs-band > p,
.hs-has-bg .hs-main-front .hs-band .wp-block-column > h3,
.hs-has-bg .hs-main-front .hs-band .wp-block-column > p:not(.hs-step-no) { color: #fff; }
.hs-has-bg .hs-card { border-color: transparent; box-shadow: 0 10px 30px rgba(0,0,0,.35); }

/* Other pages: content on an off-white panel, photo visible around it */
.hs-has-bg .hs-main { background: var(--wp--preset--color--paper); width: calc(100% - 1.5rem); max-width: 940px; margin: 2rem auto !important; padding: 2rem clamp(1rem, 4vw, 3rem) 3rem; border-radius: 16px; box-shadow: 0 16px 50px rgba(0,0,0,.45); }
.hs-has-bg .hs-header { background: rgba(35,24,18,.92); }
.hs-has-bg .hs-footer { background: rgba(35,24,18,.92); margin-top: 0; }
@media (max-width: 600px) {
	.hs-has-bg .hs-main { margin: 1rem auto !important; padding: 1.25rem 1rem 2rem; border-radius: 12px; }
}

/* Article photos (Talisuplus) */
.hs-photo { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.hs-photo img { width: 100%; height: auto; border-radius: 12px; display: block; }
.hs-photo figcaption { font-size: .88rem; color: var(--wp--preset--color--accent-4); text-align: left; margin-top: .5rem; }
.hs-photo .hs-credit { display: block; font-size: .8rem; opacity: .85; }
.hs-photo .hs-credit a { color: inherit; }
.hs-byline { color: var(--wp--preset--color--accent-4); font-size: .95rem; }
.hs-sources-title { font-size: 1rem; margin-top: 2rem; }
.hs-sources { font-size: .85rem; color: var(--wp--preset--color--accent-4); }