/*
Theme Name: Ecotone Editorial
Theme URI: https://ecotone.example/
Author: Ecotone
Description: Editorial Block-Theme für Ecotone mit editierbaren Fullscreen-Headern, Buchpräsentationen und Gutenberg-Vorlagen.
Version: 1.3.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: ecotone-editorial
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
:root{--ec-gold:#dcc15f;--ec-white:#f6f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ef;color:#1e2b27;font-family:Montserrat,Arial,sans-serif}a{color:inherit}a:hover{text-decoration:none}body .wp-site-blocks{overflow:clip}.ec-layout{position:relative}.ec-topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:13px clamp(22px,3vw,50px);color:#fff}.ec-topbar .wp-block-image{width:clamp(160px,18.6vw,294px);margin:0;flex-shrink:0}.ec-topbar .wp-block-image img{width:100%;height:auto}.ec-topbar .wp-block-navigation{margin-top:24px}.ec-topbar .wp-block-navigation__container{gap:clamp(15px,2.7vw,45px)}.ec-topbar .wp-block-navigation-item__content{font-size:12px;letter-spacing:.14em;text-decoration:none}.ec-topbar .wp-block-navigation-item__content:hover{text-decoration:underline;text-decoration-color:var(--ec-gold);text-underline-offset:8px}.ec-topbar .wp-block-navigation__responsive-container-open{color:white}.ec-topbar .wp-block-navigation__responsive-container.is-menu-open{color:#142b23}.ec-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;min-height:100svh;padding:clamp(230px,30vh,360px) 5.5% 5.8%;color:var(--ec-white);background:#063c36 center center/cover no-repeat}.ec-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,22,20,.38),transparent 72%),linear-gradient(180deg,rgba(0,12,12,.25),transparent 38%,rgba(0,0,0,.32))}.ec-hero .ec-hero-intro{margin:0 0 clamp(55px,10vh,150px);max-width:840px}.ec-hero h1{margin:0 0 11px -.045em;font-size:clamp(48px,5.45vw,84px);font-weight:300;letter-spacing:.185em;line-height:1}.ec-hero .ec-hero-sub{font-size:clamp(12px,1.25vw,19px);letter-spacing:.19em;line-height:1.65;white-space:nowrap;margin:0 0 32px}.ec-hero .ec-eyebrow-gold{color:var(--ec-gold);font-size:12px;letter-spacing:.2em;margin-top:20px}.ec-pill a{display:inline-block!important;border:1px solid var(--ec-gold)!important;border-radius:50px!important;background:transparent!important;color:#fff!important;font-size:12px!important;letter-spacing:.13em!important;padding:14px 24px!important}.ec-pill a:hover{background:rgba(255,255,255,.13)!important}.ec-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px!important;max-width:none!important;margin:0!important}.ec-card{display:flex!important;flex-direction:column;justify-content:flex-end;min-width:0;min-height:128px;padding:17px 20px!important;border:1px solid #ffffff66;border-radius:9px;background:#16282077;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s}.ec-card:hover{background:#1a30269b}.ec-card .ec-card-icon{font-size:29px;line-height:1;margin:0 0 12px}.ec-card .ec-card-title{font-size:clamp(13px,1.22vw,18px);letter-spacing:.10em;margin:0 0 5px;font-weight:400;line-height:1.3}.ec-card .ec-card-title a{text-decoration:none}.ec-card .ec-card-sub{font-size:clamp(9px,.8vw,12px);letter-spacing:.02em;line-height:1.5;margin:0}.ec-hero-closing{text-align:center;font-size:clamp(17px,1.5vw,23px);letter-spacing:.15em;line-height:1.45;margin:52px 0 0}.ec-hero-closing:before{content:'';display:block;background:var(--ec-gold);width:77px;height:2px;margin:0 auto 22px}.ec-hero-closing p{margin:0}.ec-editorial-section{background:#f5f4ef;color:#1e2b27;padding:clamp(75px,9vw,150px) 24px}.ec-editorial-inner{max-width:1130px;margin:0 auto}.ec-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#65766e;margin:0 0 20px}.ec-editorial-section h2{font-size:clamp(36px,5vw,70px);font-weight:300;line-height:1.14;letter-spacing:-.035em;margin:0 0 30px}.ec-editorial-section h3{font-size:clamp(31px,4vw,56px);font-weight:300;line-height:1.2;letter-spacing:-.025em;margin:0}.ec-editorial-section p:not(.ec-kicker){font-size:clamp(16px,1.4vw,19px);line-height:1.9;font-weight:300;color:#43534c}.ec-lead-columns{gap:clamp(35px,8vw,120px);align-items:center}.ec-lead-columns .wp-block-column:first-child{flex-basis:63%}.ec-lead-columns .wp-block-column:last-child{flex-basis:37%}.ec-round-image img{width:100%;max-width:360px;aspect-ratio:1;object-fit:cover;border-radius:50%}.ec-round-image figcaption{font-size:12px;letter-spacing:.06em;color:#68786e;line-height:1.6}.ec-story-columns{gap:clamp(40px,7vw,120px)}.ec-story-columns .wp-block-column:first-child{flex-basis:40%}.ec-story-columns .wp-block-column:last-child{flex-basis:60%}.ec-rule{border:0;border-top:1px solid #c8cec6;margin:90px 0}.ec-meta{border-top:1px solid #c8cec6;padding-top:35px;margin-top:70px;gap:30px}.ec-meta p{font-size:14px!important;line-height:1.5!important}.ec-meta strong{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8b978f}.ec-book-link a{display:inline-block;border:1px solid #42645c;padding:14px 22px;text-decoration:none;font-size:12px;letter-spacing:.1em}.ec-book-link a:hover{background:#e3e9df}.ec-quote-band{background:#0e3530;color:#f3f5ee;padding:clamp(70px,10vw,150px) 25px;text-align:center}.ec-quote-band .ec-kicker{color:var(--ec-gold);margin-bottom:30px}.ec-quote-band p:last-child{margin:0 auto;max-width:950px;font-size:clamp(27px,4vw,61px);font-weight:300;line-height:1.4;letter-spacing:.04em}.ec-footer{background:#092c28;color:#e9eee8;padding:34px clamp(24px,5vw,70px);font-size:11px;letter-spacing:.08em}.ec-footer a{color:inherit}.ec-plain-page{min-height:55vh;padding:170px 6% 100px;background:#f5f4ef}.ec-plain-page h1{font-size:clamp(38px,6vw,78px);font-weight:300}.ec-plain-page .wp-block-post-content{max-width:1130px;margin:auto}.ec-post-list{padding:45px 6% 90px}.ec-post-list a{color:#163b32}.ec-post-list h2{font-size:clamp(24px,3vw,44px);font-weight:300}
@media(max-width:1050px){.ec-card-grid{gap:11px!important}.ec-card{padding:14px!important}.ec-hero-closing{margin-top:30px}.ec-topbar .wp-block-navigation__container{gap:15px}.ec-topbar .wp-block-navigation-item__content{font-size:10px}}
@media(max-width:800px){.ec-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-topbar .wp-block-image{width:155px}.ec-hero{padding-top:26vh}.ec-lead-columns,.ec-story-columns{flex-wrap:wrap!important}.ec-lead-columns>.wp-block-column,.ec-story-columns>.wp-block-column{flex-basis:100%!important}}
@media(max-width:600px){.ec-topbar{padding:12px 18px}.ec-hero{min-height:100svh;padding:155px 20px 50px}.ec-hero .ec-hero-intro{margin-bottom:50px}.ec-hero h1{font-size:clamp(37px,10.5vw,59px);letter-spacing:.11em}.ec-hero .ec-hero-sub{font-size:10px;letter-spacing:.12em;white-space:normal;line-height:2}.ec-card-grid{grid-template-columns:1fr;gap:12px!important}.ec-card{min-height:108px}.ec-card .ec-card-title{font-size:16px}.ec-card .ec-card-sub{font-size:11px}.ec-hero-closing{margin-top:36px;font-size:15px}.ec-rule{margin:60px 0}.ec-meta{flex-wrap:wrap!important;gap:12px}.ec-meta>.wp-block-column{flex-basis:100%!important}.ec-editorial-section{padding:70px 24px}}

.ec-card-grid>.wp-block-column{min-width:0;flex-basis:auto!important}.ec-card-grid .ec-card{height:100%}.ec-topbar .wp-block-navigation__responsive-container-content{gap:22px}

/* 1.1: public rendering and editor consistency */
body .wp-site-blocks,body .wp-site-blocks>.wp-block-group{margin-top:0}
.ec-layout{position:relative;isolation:isolate}
.ec-layout>header.wp-block-template-part{position:absolute;top:0;left:0;width:100%;z-index:40;margin:0;padding:0;background:transparent!important}
.ec-layout>header.wp-block-template-part>.ec-topbar{background:transparent!important}
.ec-topbar{position:relative;top:auto;left:auto;right:auto;width:100%;background:transparent!important}
.ec-topbar .wp-block-navigation{background:transparent!important;color:#fff}
.ec-topbar .wp-block-navigation-item__content{color:#fff!important}
.ec-layout>.wp-block-post-content{margin-top:0}
.ec-layout>.wp-block-post-content>.ec-hero:first-child{margin-top:0}
.ec-hero{background-size:cover!important;background-position:center center!important}
.ec-hero .wp-block-columns.ec-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.ec-hero .ec-card-grid>.wp-block-column{width:auto!important;max-width:none!important;margin:0!important}
.ec-hero .ec-card-grid .ec-card{background:rgba(22,40,32,.48)!important;border:1px solid rgba(255,255,255,.43)!important;border-radius:9px!important;padding:17px 20px!important}
.ec-hero .ec-card-title,.ec-hero .ec-card-title a,.ec-hero .ec-card-sub,.ec-hero .ec-card-icon{color:#fff!important}
.ec-hero h1,.ec-hero .ec-hero-sub,.ec-hero .ec-eyebrow-gold{color:#fff}
.ec-hero .ec-eyebrow-gold{color:#dcc15f}
.ec-editorial-section{background:#f5f4ef!important}
.ec-quote-band{background:#0e3530!important}
.ec-layout .ec-footer{background:#092c28!important}
@media(max-width:800px){.ec-hero .wp-block-columns.ec-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.ec-hero .wp-block-columns.ec-card-grid{grid-template-columns:1fr!important}.ec-topbar .wp-block-navigation__responsive-container-open{color:#fff!important}}

/* 1.2: Shared editable contact footer */
.ec-layout>.wp-block-template-part:has(.ec-footer){margin:0!important}
.ec-footer{padding:clamp(50px,6vw,94px) clamp(24px,6vw,100px) 23px!important;font-size:14px;letter-spacing:.02em;background:#092c28!important;color:#e9eee8!important}
.ec-footer .ec-footer-columns{max-width:1180px;margin:0 auto;gap:clamp(30px,6vw,100px)}
.ec-footer .ec-footer-heading{font-weight:300;font-size:clamp(29px,3vw,43px);line-height:1.15;letter-spacing:.025em;color:#fff;margin:0 0 32px}
.ec-footer .ec-footer-brand{font-size:16px;letter-spacing:.04em}
.ec-footer .ec-footer-columns p{font-size:15px;font-weight:300;line-height:1.8;margin:0 0 18px;color:#e9eee8}
.ec-footer .ec-footer-columns a{color:#e9eee8;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42)}
.ec-footer .ec-footer-divider{max-width:1180px;width:100%;margin:42px auto 18px;border-top:1px solid rgba(255,255,255,.3)!important}
.ec-footer .ec-footer-bottom{max-width:1180px;margin:auto;font-size:10px;letter-spacing:.11em;opacity:.75}
.ec-footer .ec-footer-bottom p{margin:0}
@media(max-width:700px){.ec-footer .ec-footer-columns{flex-direction:column!important;gap:16px}.ec-footer .ec-footer-columns>.wp-block-column{flex-basis:100%!important}.ec-footer .ec-footer-heading{margin-bottom:18px}.ec-footer .ec-footer-bottom{gap:12px}}

/* v1.3: original Lucide line icons. Selector-based assets also update pages
   already saved in Gutenberg without overwriting their content. */
.ec-card-grid .ec-card .ec-card-icon {
  display:block!important; width:36px!important; height:36px!important;
  flex:0 0 36px!important; margin:0 0 11px!important;
  font-size:0!important; line-height:0!important; color:transparent!important;
  background-repeat:no-repeat!important; background-position:left center!important;
  background-size:34px 34px!important;
}
.ec-card-grid > .wp-block-column:nth-child(1) .ec-card-icon {background-image:url('assets/icons/leaf.svg')!important}
.ec-card-grid > .wp-block-column:nth-child(2) .ec-card-icon {background-image:url('assets/icons/sprout.svg')!important}
.ec-card-grid > .wp-block-column:nth-child(3) .ec-card-icon {background-image:url('assets/icons/camera.svg')!important}
.ec-card-grid > .wp-block-column:nth-child(4) .ec-card-icon {background-image:url('assets/icons/newspaper.svg')!important}
/* Standalone eco_ card uses leaf icon as a default. */
.ec-card .ec-card-icon {background-image:url('assets/icons/leaf.svg')}