/*
Theme Name: SmartHouse Publishing
Author: SmartHouse
Description: Premium editorial publishing theme for smart homes and Germany housing. Companion plugins manage slides, advertising, SEO and analytics.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smarthouse
*/
:root{--green:#087a42;--ink:#142a22;--muted:#647269;--paper:#f5f7f3;--line:#dfe6df;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1240px,92%);margin-inline:auto}.topbar{background:#102e22;color:#e1eee5;font-size:12px;letter-spacing:1.1px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{color:#e1eee5;font-size:12px;letter-spacing:0}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:102px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;line-height:1.1;letter-spacing:-1px}.brand>.dashicons{font-size:37px;width:39px;height:39px;color:var(--green)}.brand small{display:block;font-size:11px;letter-spacing:.2px;font-weight:400;color:var(--muted);margin-top:7px}.custom-logo{max-width:240px;max-height:75px;width:auto}.nav ul{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav a{font-size:14px;font-weight:650;padding:10px 0}.nav .current-menu-item>a{color:var(--green);border-bottom:2px solid var(--green)}.search-form{display:flex;gap:7px;align-items:center}.search-field{width:165px;max-width:100%;min-width:0;border:1px solid var(--line);background:var(--paper);padding:10px 13px;border-radius:7px}.search-submit{background:var(--green);color:#fff;border:0;border-radius:7px;padding:10px 12px;font-size:13px}.menu-toggle{display:none}.hero-wrap{margin-top:8px}.hero{position:relative;isolation:isolate;min-height:520px;border-radius:16px;overflow:hidden;display:flex;align-items:center;background:#193629;color:white}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a2c21e8 0%,#123121a8 43%,#12312108 90%)}.hero-copy{max-width:710px;padding:58px 6%}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2.2px;color:var(--green);margin-bottom:12px}.hero .eyebrow{color:#d3e6cf}.hero h1{font-size:clamp(38px,4.4vw,61px);line-height:1.05;letter-spacing:-2.6px;margin:20px 0}.hero h1 span{color:#d3e8c7}.hero p{max-width:460px;font-size:17px;line-height:1.6;color:#e5eee7;margin:22px 0 28px}.button{display:inline-block;border:1px solid var(--green);border-radius:7px;padding:12px 22px;background:var(--green);color:white;font-size:14px;font-weight:700}.button:hover{background:#11462d;color:white}.hero .button,.button.light{background:white;color:#1b482e;border-color:white}h1,h2,h3{line-height:1.15;font-weight:750;letter-spacing:-.8px}h2{font-size:32px;margin:0}h3{font-size:22px}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head a{font-size:14px;font-weight:650;color:var(--green);white-space:nowrap}.topics-section{padding-bottom:18px}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic{border:1px solid var(--line);border-radius:9px;display:flex;gap:14px;align-items:center;padding:19px 20px;font-size:14px;font-weight:650;transition:background .2s}.topic:hover{background:#eef5ed}.topic>.dashicons{font-size:27px;width:29px;height:29px;color:var(--green)}.topic-arrow{margin-left:auto;color:#879789}.reading-shell{width:min(1240px,92%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.reading-shell.has-left{width:min(1540px,96%);grid-template-columns:220px minmax(0,1fr)}.reading-shell.has-right{width:min(1540px,96%);grid-template-columns:minmax(0,1fr) 220px}.reading-shell.has-left.has-right{width:min(1740px,96%);grid-template-columns:200px minmax(0,1fr) 200px}.reading-main{min-width:0}.ad-rail{padding-top:35px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px #16322308;background:#fff;display:flex;flex-direction:column;min-width:0}.story-image{display:block;aspect-ratio:1.6;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.story-image:hover img{transform:scale(1.03)}.story-body{padding:23px;flex:1;display:flex;flex-direction:column}.category-badge{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:.7px;text-transform:uppercase;font-weight:700;background:#e7f0e7;color:#186137;padding:4px 9px;border-radius:4px}.story-body h3{margin:14px 0 10px;font-size:23px;line-height:1.22}.story-body p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 20px}.story-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:auto}.read-more{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:13px;font-weight:700;color:var(--green)}.story-style-2{background:#153e2a;color:#fff}.story-style-2 .story-image{aspect-ratio:1.35}.story-style-2 .story-body{background:linear-gradient(180deg,transparent,#153e2a 80px);margin-top:-58px;position:relative;padding-top:40px}.story-style-2 .story-body p,.story-style-2 .story-meta{color:#c4d4c7}.story-style-2 .read-more{color:#e6f1e5;border-color:#ffffff30}.story-style-3 .story-image{aspect-ratio:2.25}.story-style-3 .story-body h3{font-size:26px}.story-style-3{border-top:4px solid var(--green)}.feature{display:grid;grid-template-columns:1fr 1.1fr;margin-top:22px;margin-bottom:65px;background:#163e29;color:#fff;overflow:hidden;border-radius:16px}.feature-copy{padding:46px 48px}.feature h2{font-size:39px;max-width:400px}.feature .eyebrow{color:#c7dec4}.feature p{color:#d7e5d8;max-width:380px;margin-bottom:25px}.feature img{height:100%;min-height:330px;width:100%;object-fit:cover}.site-footer{background:var(--paper);border-top:1px solid var(--line);margin-top:45px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:30px;padding:48px 0}.footer-main p{font-size:14px;color:var(--muted);margin-top:20px}.footer-main ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;margin:0;padding:0;font-size:14px}.footer-top{font-size:13px}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 48px;font-size:12px;color:var(--muted)}.page-heading{padding:15px 0 34px}.page-heading h1{font-size:52px;margin:0 0 18px}.page-heading p{color:var(--muted)}.empty{grid-column:1/-1;padding:38px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}.empty h3{margin-top:0}.content{max-width:840px;margin:50px auto;min-height:45vh}.content h1{font-size:44px}.content a,.article-content a{color:var(--green);text-decoration:underline}.article-heading{max-width:860px;margin:45px auto 30px}.article-heading h1{font-size:clamp(34px,4vw,58px);line-height:1.09;margin:22px 0}.article-intro{font-size:20px;color:var(--muted);line-height:1.65}.byline{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}.article-hero{display:block;width:100%;max-height:580px;object-fit:cover;border-radius:14px}.article-content{max-width:790px;margin:35px auto;font-size:18px;line-height:1.85}.article-content h2{font-size:32px;margin:40px 0 20px}.article-content h3{font-size:26px;margin:30px 0 15px}.article-content img{height:auto}.article-content blockquote{border-left:4px solid var(--green);margin:30px 0;padding:15px 30px;background:var(--paper)}.article-content iframe{max-width:100%}.article-content table{display:block;overflow:auto;max-width:100%}.article-content input,.article-content textarea{max-width:100%}.article-content input:not([type=checkbox]),.article-content textarea{padding:10px;border:1px solid var(--line);border-radius:6px}.article-content textarea{width:100%}.pagination{margin:30px 0}.page-numbers{display:inline-block;padding:7px 13px;background:var(--paper);margin-right:5px;border-radius:5px}.page-numbers.current{background:var(--green);color:white}.nav-links{display:flex;justify-content:space-between;gap:20px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.skip-link:focus{position:fixed;z-index:9999;background:#fff;padding:15px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b08412;outline-offset:4px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.aligncenter{display:block;margin:auto}.bypostauthor{font-weight:inherit}.sticky{border-color:var(--green)}
@media(min-width:1100px){.story-style-3{flex-direction:row;grid-column:span 2}.story-style-3 .story-image{width:43%;flex-shrink:0;aspect-ratio:auto}.story-style-3 .story-body{width:57%}}
@media(max-width:1200px){.header{gap:20px}.header-search{display:none}.reading-shell.has-left.has-right{grid-template-columns:160px minmax(0,1fr) 160px}.has-left .article-grid,.has-right .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.has-left .story-style-3,.has-right .story-style-3{grid-column:span 2}.nav ul{gap:24px}.brand{font-size:24px}}
@media(max-width:900px){.reading-shell.has-left,.reading-shell.has-right,.reading-shell.has-left.has-right{width:92%;grid-template-columns:minmax(0,1fr)}.reading-main{order:0}.ad-rail{order:1;padding-top:0}.topics{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-style-3{grid-column:span 2;flex-direction:row}.story-style-3 .story-image{width:42%;aspect-ratio:auto}.story-style-3 .story-body{width:58%}.feature-copy{padding:32px}.feature h2{font-size:31px}.hero-copy{padding:45px 6%}.hero{min-height:470px}.brand small{font-size:10px}.footer-main{flex-wrap:wrap}}
@media(max-width:640px){.topbar a{display:none}.topbar{font-size:10px}.header{flex-wrap:wrap;min-height:85px;padding:16px 0}.brand{font-size:23px}.custom-logo{max-width:200px;max-height:60px}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:7px 12px;font-size:13px}.nav{display:none;width:100%}.nav.is-open{display:block}.nav ul{flex-direction:column;gap:9px;padding:12px 0}.hero{min-height:485px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero p{font-size:16px}.hero:after{background:#102e23a6}.section{padding:30px 0}.section-head{align-items:start}.section-head h2{font-size:27px}.section-head a{font-size:12px;white-space:normal;max-width:90px}.eyebrow{font-size:10px;letter-spacing:1.8px}.topics{gap:9px}.topic{flex-wrap:wrap;padding:17px 12px;font-size:12px;gap:10px}.topic>span:nth-child(2){width:100%}.topic-arrow{display:none}.article-grid,.has-left .article-grid,.has-right .article-grid{grid-template-columns:minmax(0,1fr)}.story-style-3,.has-left .story-style-3,.has-right .story-style-3{grid-column:auto;flex-direction:column}.story-style-3 .story-image,.story-style-3 .story-body{width:100%}.story-style-3 .story-image{aspect-ratio:1.6}.story-body{padding:22px}.feature{grid-template-columns:1fr;margin-bottom:40px}.feature-copy{padding:30px}.feature img{min-height:220px;height:220px}.footer-main{flex-direction:column;padding:35px 0}.copyright{flex-direction:column;gap:8px}.page-heading h1{font-size:40px}.article-intro{font-size:18px}.article-content{font-size:17px}.article-content h2{font-size:28px}.content h1{font-size:36px}.content{margin:30px auto}.search-form{flex-wrap:wrap}.article-content .nav-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep search available when navigation collapses. */
.mobile-search{display:none}@media(min-width:901px){.header-search{display:block}}@media(max-width:900px){.header-search{display:none}.mobile-search{display:block;margin-top:12px}.mobile-search .search-form{justify-content:flex-end}.header{flex-wrap:wrap}.nav{margin-left:auto}}