/* 2.2: original Megamarket styling. Color-only overrides, with truthful sample-product display. */
body.crwm-active{--wd-primary-color:#205540;--wd-alternative-color:#B69B69;--wd-link-color:#205540;--wd-link-color-hover:#327258;--btn-accented-bgcolor:#205540;--btn-accented-bgcolor-hover:#327258;--btn-accented-color:#fff;--btn-accented-color-hover:#fff;--btn-default-bgcolor:#EEF0EA;--btn-default-color:#205540}
.crwm-active .whb-header-bottom{background:#205540}
.crwm-active .crwm-style-study .star-rating,.crwm-active .crwm-style-study .wd-product-stock,.crwm-active .crwm-style-study .stock{display:none!important}

/* 2.2.1: extend only the hero backdrop beyond the stretch container.
   border-image-outset paints outside the box without increasing scroll width.
   The original 80% green / 20% white split and content geometry are retained. */
body.crwm-active.home .elementor-element.elementor-element-2aabe1f6{
 border-image-source:linear-gradient(to bottom,#327258 0%,#327258 80%,#FFFFFF 80%,#FFFFFF 100%);
 border-image-slice:0 fill;
 border-image-width:0;
 border-image-outset:0 100vw;
 border-image-repeat:stretch;
}

/* 2.4: native card details and consistent image presentation. Enabled by the explicit update. */
.crwm-cards-aligned .crwm-style-study .star-rating{display:block!important}
.crwm-cards-aligned .crwm-style-study .price{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.crwm-cards-aligned .crwm-preview-status{color:var(--wd-text-color,#444);font-weight:400;font-size:var(--wd-text-font-size,14px)}
.crwm-cards-aligned .crwm-study-label{font-weight:600;color:#205540}
.crwm-cards-aligned .crwm-preview-badge{position:absolute;z-index:2;left:10px;top:10px;background:#527563;color:#fff;padding:4px 8px;font-size:10px;line-height:1.4;font-weight:700;pointer-events:none}
.crwm-cards-aligned .crwm-style-study .product-image-link{display:block;aspect-ratio:339/387;background:#f7f7f7}
.crwm-cards-aligned .crwm-style-study .product-image-link img{width:100%;height:100%;object-fit:contain;box-sizing:border-box}
.crwm-cards-aligned .crwm-compact-image .product-image-link img{padding:10%}
.crwm-cards-aligned .product-grid-item .wd-entities-title{min-height:2.6em;line-height:1.3}
.crwm-cards-aligned .product-grid-item .wd-product-sku{min-height:1.5em}
/* 2.4.1: circular category thumbnails and shared section baseline. */
.crwm-active .elementor-element-7ae7d785 .wd-cat-thumb{
 width:110px;max-width:100%;margin-inline:auto;border-radius:50%;overflow:hidden;
}
.crwm-active .elementor-element-7ae7d785 .wd-cat-image{
 display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#f7f7f7;
}
.crwm-active .elementor-element-7ae7d785 .wd-cat-image img{
 display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;
}
/* 2.4.2: keep native auto-height flow; adjust padding on the actual card only. */
@media(min-width:1025px){
 .crwm-active .elementor-element-79181075>.elementor-widget-container{
  padding-top:25px!important;
  padding-bottom:25px!important;
 }
}

/* 2.4.3: native sticky navigation; category hover uses the template's contrast. */
.crwm-active .whb-597vx891qgpj1bv2ic1a .wd-dropdown-menu{
 background-color:#205540;
}
.crwm-active .whb-597vx891qgpj1bv2ic1a .wd-sub-menu>li>a{
 color:#fff;background-color:#205540;
}
.crwm-active .whb-597vx891qgpj1bv2ic1a .wd-sub-menu>li:hover>a,
.crwm-active .whb-597vx891qgpj1bv2ic1a .wd-sub-menu>li:focus-within>a{
 color:#111!important;background-color:#fff!important;
}
/* Top-level navigation: text-only hover; keep the green bar continuous. */
.crwm-active .whb-header-bottom .wd-header-nav>.wd-nav>li>a{
 background-color:transparent!important;
}
.crwm-active .whb-header-bottom .wd-header-nav>.wd-nav>li:hover>a,
.crwm-active .whb-header-bottom .wd-header-nav>.wd-nav>li:focus-within>a{
 color:#E0D4B9!important;background-color:transparent!important;
}

/* 2.5: spacious category mega menu. Native WoodMart dropdown/sticky handling retained. */
.crwm-active .whb-597vx891qgpj1bv2ic1a{position:relative}
.crwm-active .crwm-mega-root{position:static}
.crwm-active .crwm-menu-dots{margin-right:9px;font-size:20px;line-height:1;opacity:.7}
.crwm-active .crwm-mega-root>.woodmart-nav-link{padding-inline:12px}
.crwm-active .whb-597vx891qgpj1bv2ic1a .crwm-mega{
 left:0!important;right:auto!important;top:100%;width:min(1360px,calc(100vw - 40px));max-width:none;
 padding:0;background:#fff;color:#222;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;
}
.crwm-active .crwm-mega-root:focus-within>.crwm-mega{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.crwm-active .crwm-mega-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:520px}
.crwm-active .crwm-mega-rail{background:#205540;padding:0 0 24px}
.crwm-active .crwm-mega-rail>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;font-size:15px;font-weight:600;line-height:1.5;color:#fff!important;background:#205540;text-decoration:none}
.crwm-active .crwm-mega-rail>a:hover,.crwm-active .crwm-mega-rail>a:focus,.crwm-active .crwm-mega-rail>a.is-active{background:#fff;color:#111!important}
.crwm-active .crwm-mega-all{margin-top:12px}
.crwm-active .crwm-mega-panels{padding:30px;min-width:0;background:#fff}
.crwm-active .crwm-mega-panel{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,1.25fr) minmax(190px,1fr);gap:28px;height:100%}
.crwm-active .crwm-mega-panel[hidden]{display:none!important}
.crwm-active .crwm-mega h3{font-size:14px;font-weight:700;line-height:1.5;margin:0 0 16px;color:#222}
.crwm-active .crwm-mega-links>h3:not(:first-child){margin-top:28px}
.crwm-active .crwm-mega-links>a{display:block;color:#777;font-size:14px;line-height:1.5;padding:7px 0}
.crwm-active .crwm-mega-links>a:hover{color:#205540}
.crwm-active .crwm-mega-feature{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f6f3;padding:24px 18px;color:#205540;text-align:center}
.crwm-active .crwm-mega-feature>img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}
.crwm-active .crwm-mega-feature>strong{font-size:23px;line-height:1.3;margin:18px 0 10px}
.crwm-active .crwm-mega-feature>span{font-size:13px}
.crwm-active .crwm-mega-product{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #eee;color:#222;font-size:14px;line-height:1.5}
.crwm-active .crwm-mega-product>img{width:72px;height:88px;object-fit:contain;flex-shrink:0}
.crwm-active .crwm-mega-product small{display:block;color:#205540;margin-top:6px;font-size:12px}
@media(min-width:1025px) and (max-width:1399px){
 .crwm-active .crwm-mega-layout{grid-template-columns:220px minmax(0,1fr)}
 .crwm-active .crwm-mega-panels{padding:24px}.crwm-active .crwm-mega-panel{gap:20px;grid-template-columns:1fr 1.1fr 1fr}
 .crwm-active .crwm-mega-product>img{width:55px;height:72px}
}

/* 2.6.1: shared inner-page title and WooCommerce accents. No size/layout changes. */
body.crwm-active .wd-page-title{background-color:#327258!important}
body.crwm-active .wd-page-title.color-scheme-light{--wd-title-color:#fff;--wd-text-color:rgba(255,255,255,.8)}
body.crwm-active{--btn-default-bgcolor-hover:#E0E6DC;--btn-default-color-hover:#205540;--btn-shop-bgcolor:#205540;--btn-shop-bgcolor-hover:#327258;--btn-shop-color:#fff;--btn-shop-color-hover:#fff}

body.crwm-active{--e-global-color-primary:#205540;--e-global-color-accent:#327258}

/* 2.6.2: footer journal strip; override the original block's cached Elementor color. */
body.crwm-active .elementor-489 .elementor-element.elementor-element-557dc46:not(.elementor-motion-effects-element-type-background),
body.crwm-active .elementor-489 .elementor-element.elementor-element-557dc46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
 background-color:#205540!important;
}