/* NAJWA Demo Store Builder — v2.0.0 */
:root{
    --najwa-media:#f8f6f2;
    --najwa-ink:#111111;
    --najwa-muted:#756f69;
    --najwa-line:rgba(17,17,17,.10);
}

/* Keep transparent NAJWA product artwork clean in WooCommerce / WoodMart. */
.woocommerce ul.products li.product .product-wrapper,
.woocommerce ul.products li.product .product-element-top,
.woocommerce ul.products li.product .product-image-wrap,
.woocommerce ul.products li.product .product-image-link,
.woocommerce ul.products li.product .wrap-loading,
.wd-product .product-wrapper,
.wd-product .product-element-top,
.wd-product .product-image-wrap,
.wd-product .product-image-link,
.wd-product .wrap-loading,
.product-grid-item .product-wrapper,
.product-grid-item .product-element-top,
.product-grid-item .product-image-wrap,
.product-grid-item .product-image-link,
.product-grid-item .wrap-loading,
.content-product-imagin,
.content-product-imagin a,
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image>a,
.single-product .product-images-inner,
.single-product .wd-owl,
.single-product .wd-carousel-item{
    background:var(--najwa-media)!important;
    background-color:var(--najwa-media)!important;
    box-shadow:none!important;
}

.woocommerce ul.products li.product .product-wrapper::before,
.woocommerce ul.products li.product .product-wrapper::after,
.woocommerce ul.products li.product .product-element-top::before,
.woocommerce ul.products li.product .product-element-top::after,
.woocommerce ul.products li.product .product-image-wrap::before,
.woocommerce ul.products li.product .product-image-wrap::after,
.woocommerce ul.products li.product .product-image-link::before,
.woocommerce ul.products li.product .product-image-link::after,
.wd-product .product-wrapper::before,
.wd-product .product-wrapper::after,
.wd-product .product-element-top::before,
.wd-product .product-element-top::after,
.wd-product .product-image-wrap::before,
.wd-product .product-image-wrap::after,
.wd-product .product-image-link::before,
.wd-product .product-image-link::after,
.product-grid-item .product-wrapper::before,
.product-grid-item .product-wrapper::after,
.product-grid-item .product-element-top::before,
.product-grid-item .product-element-top::after,
.product-grid-item .product-image-wrap::before,
.product-grid-item .product-image-wrap::after,
.product-grid-item .product-image-link::before,
.product-grid-item .product-image-link::after,
.single-product .woocommerce-product-gallery::before,
.single-product .woocommerce-product-gallery::after,
.single-product .woocommerce-product-gallery__wrapper::before,
.single-product .woocommerce-product-gallery__wrapper::after,
.single-product .woocommerce-product-gallery__image::before,
.single-product .woocommerce-product-gallery__image::after{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
}

.woocommerce ul.products li.product .product-element-top img,
.woocommerce ul.products li.product .product-image-link img,
.woocommerce ul.products li.product .hover-img img,
.wd-product .product-element-top img,
.wd-product .product-image-link img,
.wd-product .hover-img img,
.product-grid-item .product-element-top img,
.product-grid-item .product-image-link img,
.product-grid-item .hover-img img,
.single-product .woocommerce-product-gallery img,
.single-product .product-images-inner img{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    object-fit:contain!important;
}

/* Brand identity row on the single product page. */
.najwa-showcase-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 14px;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.najwa-showcase-meta>span{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border:1px solid var(--najwa-line);
    border-radius:2px;
    background:#fff;
    color:var(--najwa-ink);
    line-height:1;
}

.najwa-showcase-meta .najwa-showcase-brand{
    background:var(--najwa-ink);
    border-color:var(--najwa-ink);
    color:#fff;
    font-weight:800;
    letter-spacing:.14em;
}

.najwa-showcase-meta .najwa-showcase-code{font-weight:800}
.najwa-showcase-meta .najwa-showcase-edition{color:var(--najwa-muted)}

.najwa-product-copy{
    max-width:840px;
    color:#262321;
    line-height:1.95;
}

.najwa-product-intro{
    margin-bottom:20px;
    padding:19px 20px;
    border:1px solid var(--najwa-line);
    border-radius:4px;
    background:linear-gradient(180deg,#fff 0%,#faf8f5 100%);
}

.najwa-product-intro p,
.najwa-product-note{margin:8px 0 0}

.najwa-product-kicker{
    display:inline-block;
    margin-bottom:2px;
    color:#827b74;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}

.najwa-product-highlights{margin:0 0 18px}
.najwa-product-highlights h4{margin:0 0 10px;font-size:17px}
.najwa-product-highlights ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.najwa-product-highlights li{
    position:relative;
    margin:0;
    padding:11px 36px 11px 13px;
    border:1px solid rgba(17,17,17,.06);
    border-radius:3px;
    background:#faf8f5;
}

.najwa-product-highlights li::before{
    content:'✓';
    position:absolute;
    right:13px;
    top:11px;
    color:#827b74;
    font-weight:900;
}

.najwa-product-note{
    padding-top:14px;
    border-top:1px solid var(--najwa-line);
    color:#746e68;
    font-size:12px;
}

.single-product form.variations_form table.variations{margin-top:12px}
.single-product form.variations_form table.variations th.label{min-width:88px;vertical-align:middle}
.single-product form.variations_form table.variations th.label label{font-weight:800;color:#171717}
.single-product form.variations_form table.variations select{min-height:44px;border-radius:2px}

@media(max-width:767px){
    .najwa-product-highlights ul{grid-template-columns:1fr}
    .najwa-showcase-meta{gap:5px}
    .najwa-showcase-meta>span{min-height:26px;padding:6px 8px;font-size:9px}
}
