/* Masadri blog brand refresh - scoped to classic theme chrome */

/* Masadri Sejoli store — full width layout, native commerce UI preserved */
body.page-id-2973{background:#f6f8f5}
body.page-id-2973 .site-canvas,
body.page-id-2973 .site-container,
body.page-id-2973 .site-inner,
body.page-id-2973 .site-content,
body.page-id-2973 .site-content>.container{
  width:100%!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
  border-radius:0!important;box-shadow:none!important;
}
body.page-id-2973 .elementor-2973,
body.page-id-2973 .elementor-2973>.e-con,
body.page-id-2973 .elementor-2973 .elementor-widget,
body.page-id-2973 .elementor-2973 .elementor-widget-container{
  max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
}
body.page-id-2973 .site-header .container,
body.page-id-2973 .main-navigation .container{
  max-width:1440px!important;width:100%!important;margin-inline:auto!important;
  padding-inline:clamp(20px,4vw,64px)!important;
}
.msd-store-hero{background:#10251e;color:#eef7ed;padding:76px clamp(20px,4vw,64px) 80px;text-align:center}
.msd-store-hero-inner{max-width:910px;margin-inline:auto}
.msd-store-eyebrow{display:block;color:#b7ed42;font-size:12px;letter-spacing:.14em;font-weight:800}
.msd-store-hero h1{font-size:clamp(34px,4vw,55px);line-height:1.16;letter-spacing:-.025em;color:#fff;margin:16px 0 18px}
.msd-store-hero p{max-width:730px;margin:auto;color:#d4e6d7;line-height:1.75;font-size:clamp(15px,1.7vw,18px)}
.msd-store-intro{max-width:1440px;margin:0 auto;box-sizing:border-box;padding:58px clamp(20px,4vw,64px) 15px}
.msd-store-intro .msd-store-eyebrow{color:#317954}
.msd-store-intro h2{font-size:clamp(25px,2.7vw,35px);line-height:1.25;margin:12px 0;color:#142f24}
.msd-store-intro p{color:#607568;font-size:15px;line-height:1.6;margin:0}
body.page-id-2973 .sjc-catalog{max-width:1440px!important;margin:0 auto!important;box-sizing:border-box;padding:18px clamp(20px,4vw,64px) 85px!important;background:transparent}
body.page-id-2973 .sjc-store-container{max-width:none!important;width:100%!important}
body.page-id-2973 .sjc-catalog-toolbar button.sjc-catalog-apply{background:#297a52;color:#fff;border-color:#297a52}
body.page-id-2973 .sjc-catalog-toolbar button.sjc-catalog-apply:hover{background:#1d5f40}
@media(max-width:767px){
  .msd-store-hero{padding:50px 20px 56px}
  .msd-store-intro{padding-top:40px}
  body.page-id-2973 .sjc-catalog{padding-bottom:58px!important}
}


/* Dynamic /artikel/ archive */

/* Desktop /artikel/: remove LandingPress/Elementor boxed wrappers and align with Masadri header */
@media (min-width: 1024px) {
  body.page-id-2975,
  body.page-id-2975 .site-canvas,
  body.page-id-2975 .site-container,
  body.page-id-2975 .site-inner,
  body.page-id-2975 .site-content,
  body.page-id-2975 .site-content > .container {
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.page-id-2975 .site-header .container,
  body.page-id-2975 .main-navigation .container {
    width:100%!important;
    max-width:1440px!important;
    margin-inline:auto!important;
    padding-inline:clamp(24px,4vw,64px)!important;
  }
  body.page-id-2975 .elementor.elementor-2975,
  body.page-id-2975 .elementor-2975 > .e-con,
  body.page-id-2975 .elementor-2975 .elementor-widget-shortcode,
  body.page-id-2975 .elementor-2975 .elementor-widget-shortcode > .elementor-widget-container,
  body.page-id-2975 .elementor-2975 .elementor-shortcode {
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-id-2975 .msd-articles-hero {
    padding:72px clamp(24px,4vw,64px) 76px;
    background:#10251e;
  }
  body.page-id-2975 .msd-articles-main {
    width:100%;
    max-width:1440px;
    padding:60px clamp(24px,4vw,64px) 80px;
  }
  body.page-id-2975 .msd-articles-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
  }
  body.page-id-2975 .msd-article-card {border-radius:14px}
  body.page-id-2975 .msd-article-body h3 {font-size:20px;letter-spacing:-.012em}
}

.msd-articles-page{font-family:inherit;color:#112c22;background:#f7f9f6;width:100%;overflow:hidden}
.msd-articles-hero{padding:75px 24px 80px;background:#10291e;color:#fff;text-align:center}
.msd-articles-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#9cdf4a}
.msd-articles-hero h1{color:#fff;font-size:clamp(32px,4vw,56px);line-height:1.12;margin:17px auto;max-width:900px}
.msd-articles-hero p{color:#d2e4d9;font-size:clamp(15px,1.7vw,19px);line-height:1.65;max-width:680px;margin:0 auto}
.msd-articles-main{max-width:1440px;margin:auto;padding:64px clamp(20px,4vw,64px) 85px;box-sizing:border-box}
.msd-articles-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:29px}
.msd-articles-heading .msd-articles-eyebrow{color:#287b57}
.msd-articles-heading h2{font-size:clamp(24px,2.6vw,34px);margin:10px 0 0;color:#112c22;line-height:1.28}
.msd-articles-heading p{color:#637369;font-size:14px;margin:0}
.msd-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.msd-article-card{overflow:hidden;border:1px solid #e2eae4;background:white;border-radius:16px;box-shadow:0 6px 22px rgba(18,49,34,.05);display:flex;flex-direction:column}
.msd-article-image{display:block;aspect-ratio:16/9;background:#dae8de;overflow:hidden}
.msd-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.msd-article-image:hover img{transform:scale(1.045)}
.msd-article-placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#193e2e;font-size:29px;font-weight:800}
.msd-article-placeholder span{color:#7fad37}
.msd-article-body{padding:24px;display:flex;flex-direction:column;flex:1}
.msd-article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#477d60;font-size:12px;font-weight:700}
.msd-article-body h3{font-size:21px;line-height:1.35;margin:13px 0 10px}
.msd-article-body h3 a{color:#152d23;text-decoration:none}
.msd-article-body h3 a:hover{color:#24734f}
.msd-article-body p{font-size:14px;line-height:1.7;color:#596960;margin:0 0 24px;flex:1}
.msd-article-more{color:#24744d;font-weight:750;font-size:14px;text-decoration:none}
.msd-article-more:hover{color:#123d29}
.msd-article-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:42px}
.msd-article-pagination a{border:1px solid #cadbd0;border-radius:9px;min-width:40px;text-align:center;padding:10px 13px;color:#1d5035;background:#fff;text-decoration:none}
.msd-article-pagination a[aria-current=page]{background:#1c6242;color:#fff}
@media(max-width:950px){.msd-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.msd-articles-hero{padding:52px 20px}.msd-articles-main{padding-top:43px}.msd-articles-heading{display:block}.msd-articles-heading p{margin-top:12px}.msd-articles-grid{grid-template-columns:1fr;gap:20px}}

/* Compact footer: copyright only, same horizontal alignment as header. */
.masadri-footer .masadri-footer-inner{padding-top:20px!important;padding-bottom:20px!important}.masadri-footer .masadri-footer-bottom{margin-top:0!important;padding-top:0!important;border-top:0!important;text-align:center!important}
/* Footer content follows the identical max-width and horizontal gutters as header. */
body .masadri-footer .masadri-footer-inner{max-width:1440px!important;padding-left:clamp(20px,4vw,64px)!important;padding-right:clamp(20px,4vw,64px)!important;}

/* Full-width classic blog canvas; preserve comfortable article reading width */
body:is(.blog,.archive,.single-post,.search) {margin:0!important;background:#fff!important}
body:is(.blog,.archive,.single-post,.search) .site-canvas,
body:is(.blog,.archive,.single-post,.search) .site-container,
body:is(.blog,.archive,.single-post,.search) .site-inner,
body:is(.blog,.archive,.single-post,.search) .site-content {
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
  border-radius:0!important;box-shadow:none!important;
}
body:is(.blog,.archive,.single-post,.search) .site-content>.container {
  box-sizing:border-box;max-width:1440px!important;width:100%!important;
  margin-inline:auto!important;padding-inline:clamp(20px,4vw,64px)!important;
}
body:is(.blog,.archive,.single-post,.search) .site-header .container,
body:is(.blog,.archive,.single-post,.search) .main-navigation .container {
  width:100%!important;max-width:1440px!important;padding-inline:clamp(20px,4vw,64px)!important;margin-inline:auto!important;
}
/* Match the footer content and four-column hierarchy used on the main Masadri homepage */
.site-footer-widgets{display:none!important}
.masadri-footer{width:100%;border-top:0!important;background:#0c2119!important;padding:0!important;color:#d5e2d8!important}
.masadri-footer .masadri-footer-inner{box-sizing:border-box;width:100%!important;max-width:1440px!important;padding:58px clamp(20px,4vw,64px) 24px!important;margin:0 auto!important;background:transparent!important}
.masadri-footer-grid{display:grid;grid-template-columns:minmax(230px,1.65fr) repeat(3,minmax(135px,1fr));gap:clamp(22px,3vw,55px)}
.masadri-footer-logo{display:inline-block;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.7px;color:#fff!important;text-decoration:none!important}
.masadri-footer-logo span{color:#a3e635}
.masadri-footer-brand p{margin:16px 0 0;max-width:300px;line-height:1.75;color:#bdcdc3;font-size:14px}
.masadri-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.masadri-footer-links h2{margin:0 0 9px;color:#fff;font-size:14px;font-weight:750;letter-spacing:.03em;line-height:1.5}
.masadri-footer-links a,.masadri-footer-links a:visited{font-size:14px;color:#c6d5cb!important;text-decoration:none!important;line-height:1.45}
.masadri-footer-links a:hover,.masadri-footer-links a:focus-visible{color:#b8ee63!important}
.masadri-footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:20px;font-size:13px;color:#91a99a}
@media(max-width:850px){.masadri-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.masadri-footer .masadri-footer-inner{padding-top:38px!important}.masadri-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.masadri-footer-brand{grid-column:1/-1}.masadri-footer-links a{overflow-wrap:anywhere}.masadri-footer-bottom{margin-top:32px}}

.site-header,.site-header .site-branding{background:#10251e!important;color:#f7faf7!important}
.site-header .site-branding{padding:15px 0!important}
.site-header .site-title a,.site-header .header-text,.site-header .site-description{color:#f7faf7!important}
.site-header .header-logo{display:inline-flex;align-items:center;max-width:100%}
.site-header .header-logo img{display:block;width:auto;max-width:min(280px,85vw);max-height:70px;object-fit:contain}
.main-navigation{background:#0b1c16!important}
.main-navigation a{color:#f0f5f1!important}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:#b7ed42!important}
.site-header .container,.main-navigation .container{box-sizing:border-box}
.search-form{display:flex;max-width:100%;align-items:stretch}
.search-form input[type=search],.search-form input[type=text]{min-width:0;background:#fff!important;color:#183128!important;border:1px solid #cad8d0!important}
.search-form button,.search-form input[type=submit],.search-form .search-submit{background:#287b57!important;color:#fff!important;border-color:#287b57!important;transition:background .2s ease}
.search-form button:hover,.search-form input[type=submit]:hover,.search-form .search-submit:hover{background:#1c6043!important;color:#fff!important}
.search-form button svg,.search-form .search-submit svg{fill:currentColor;stroke:currentColor}
.site-footer-widgets{background:#17342a!important;color:#e0ebe4!important}
.site-footer,.site-footer .container{background:#0b1c16!important;color:#d7e4db!important}
.site-footer a,.site-footer a:visited,.site-footer-widgets a{color:#c9eaa0!important}
.site-footer a:hover,.site-footer-widgets a:hover{color:#fff!important}
.site-footer{border-top:3px solid #9fe32f!important}
@media(max-width:767px){.site-header .site-branding{padding:12px 0!important}.site-header .header-logo img{max-height:56px}.main-navigation .container{max-width:100%}.search-form{width:100%}}