/*
Theme Name: Soff V6
Theme URI: https://soff.dk
Author: Soff
Description: Soff webshoptema bygget direkte efter det godkendte mockup.
Version: 6.12.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: soff-v6
*/
:root{
 --navy:#063d52;--navy2:#075c72;--teal:#087d86;--green:#079f59;--blue:#0874a2;
 --light:#eaf6fa;--mint:#edf8f2;--paper:#f6fafb;--line:#d4e5e9;
 --text:#0b3d4f;--muted:#6b838c;--white:#fff;--shadow:0 12px 28px rgba(4,53,70,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.s6-wrap{max-width:1460px;margin:auto;padding-left:40px;padding-right:40px}

/* top ribbon */
.s6-ribbon{background:linear-gradient(90deg,#07516a,#078482);color:#fff}
.s6-ribbon .s6-wrap{height:34px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;font-size:12px;font-weight:750}

/* header */
.s6-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #d9e8eb;box-shadow:0 4px 16px rgba(5,55,70,.05)}
.s6-head{height:88px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:34px}
.s6-brand img{width:220px!important;height:auto!important;display:block!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}
.s6-nav{display:flex;justify-content:center;align-items:center;gap:29px;font-weight:800;font-size:15px}
.s6-nav a{padding:31px 0 25px;border-bottom:3px solid transparent}
.s6-nav a:hover,.s6-nav a:first-child{color:var(--green);border-color:var(--green)}
.s6-actions{display:flex;align-items:center;gap:10px}.s6-icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.s6-cart{border:1px solid var(--line);background:#f5fafb;border-radius:24px;padding:8px 15px;display:flex;align-items:center;gap:8px;font-weight:850}.s6-cart small{display:block;font-size:10px;color:var(--muted);font-weight:650}

/* hero: proportions matching approved design */
.s6-hero{background:linear-gradient(100deg,#e8f8f3 0%,#e8f5fa 48%,#ddecf2 100%)}
.s6-hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;min-height:520px}
.s6-hero-copy{padding:63px 48px 55px 0;display:flex;flex-direction:column;justify-content:center}
.s6-eyebrow{font-size:13px;letter-spacing:.65px;text-transform:uppercase;font-weight:900}
.s6-hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.3px;margin:13px 0 16px}
.s6-hero p{font-size:19px;color:#365d69;max-width:610px;margin:0 0 24px}
.s6-buttons{display:flex;gap:11px;flex-wrap:wrap}
.s6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:11px;background:var(--green);color:#fff;font-weight:850;border:1px solid transparent}
.s6-btn.alt{background:#fff;color:var(--text);border-color:#8dbbb5}.s6-btn.blue{background:#086f95}.s6-btn.small{padding:10px 14px;border-radius:8px}
.s6-hero-photo{background:url('assets/img/hero-care.jpg') center/cover no-repeat;min-height:520px}

/* categories */
.s6-cat-strip{background:linear-gradient(#e8f4f8,#f3f9fa);border-top:1px solid rgba(255,255,255,.7)}
.s6-cats{padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.s6-cat{height:158px;border-radius:16px;overflow:hidden;position:relative;border:1px solid #d3e4e8;background:#fff}
.s6-cat img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(1.04)}
.s6-cat:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,249,250,.96) 0%,rgba(239,249,250,.78) 58%,rgba(239,249,250,.18) 100%)}
.s6-catcopy{position:absolute;left:20px;top:27px;z-index:2;max-width:165px}.s6-catcopy b{font-size:18px;display:block;margin-bottom:6px}.s6-catcopy small{color:#52717b}
.s6-arr{position:absolute;z-index:3;right:15px;bottom:15px;width:36px;height:36px;border-radius:50%;background:#07556c;color:#fff;display:flex;align-items:center;justify-content:center}

/* product section */
.s6-products-bg{background:linear-gradient(#edf6f8,#fff)}
.s6-section{padding-top:48px;padding-bottom:48px}
.s6-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:20px}
.s6-heading h2{font-size:36px;margin:0;letter-spacing:-1.1px}.s6-heading p{color:var(--muted);margin:3px 0 0}
.s6-products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.s6-product{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.s6-pic{height:205px;position:relative;background:#f4f8f9;overflow:hidden}.s6-pic img{width:100%;height:100%;object-fit:cover}
.s6-badge{position:absolute;top:10px;left:10px;background:var(--green);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.s6-badge.blue{background:#0a69c0}
.s6-body{padding:14px;display:flex;flex-direction:column;flex:1}.s6-body h3{font-size:16px;line-height:1.25;margin:0 0 8px;min-height:40px}.s6-price{font-size:18px;font-weight:900}.s6-note{font-size:11px;color:var(--muted);min-height:33px;margin:4px 0 9px}.s6-body .s6-btn{margin-top:auto;width:100%}

/* trust row */
.s6-trust{background:#fff;border-bottom:1px solid #eaf1f3}
.s6-trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-top:32px;padding-bottom:32px}
.s6-trustitem{display:flex;align-items:center;gap:13px}.s6-trusticon{width:55px;height:55px;flex:0 0 55px;border-radius:50%;background:#edf8f2;display:flex;align-items:center;justify-content:center;font-size:25px}
.s6-trustitem b{display:block}.s6-trustitem small{color:var(--muted)}

/* about, as mockup */
.s6-about-shell{background:linear-gradient(110deg,#dceef3,#edf8f2);overflow:hidden}
.s6-about{display:grid;grid-template-columns:.78fr 1.22fr;min-height:300px;align-items:center}
.s6-about-photo{height:300px;background:url('assets/img/about-care.jpg') center/cover no-repeat;border-radius:16px}
.s6-about-copy{padding:34px 50px}.s6-about h2{font-size:34px;margin:4px 0 9px;letter-spacing:-1px}.s6-about p{color:#466a74;line-height:1.7;margin-bottom:18px}

/* newsletter */
.s6-news-wrap{background:#e4f1f4}
.s6-news{transform:translateY(18px);background:linear-gradient(90deg,#07566f,#057d80);color:#fff;border-radius:15px;padding:21px 28px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.s6-news b{font-size:18px}.s6-news small{opacity:.9}.s6-form{display:flex;gap:9px}.s6-form input{width:290px;border:0;border-radius:8px;padding:12px 13px}

/* footer */
.s6-footer{background:linear-gradient(#063d50,#053344);color:#d8edf1;padding:56px 0 20px}
.s6-footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:42px}
.s6-footbrand{width:210px;filter:none!important;opacity:1}.s6-footer h3{color:#fff;margin:0 0 12px}.s6-footer a{display:block;margin:7px 0;color:#d8edf1}.s6-footer p{color:#cde2e7}
.s6-copy{margin-top:32px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;font-size:12px}

/* generic */
.s6-page{max-width:1380px;margin:auto;padding:50px 36px}
.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--green);color:#fff;border-radius:9px;font-weight:800}
body.admin-bar .s6-header{top:32px}

@media(max-width:1050px){
 .s6-nav{display:none}.s6-head{grid-template-columns:210px 1fr auto}.s6-hero-grid{grid-template-columns:1fr}.s6-hero-copy{padding-right:0}.s6-hero-photo{min-height:350px}
 .s6-cats{grid-template-columns:repeat(2,1fr)}.s6-products{grid-template-columns:repeat(2,1fr)}.s6-trustgrid{grid-template-columns:repeat(2,1fr)}.s6-about{grid-template-columns:1fr}.s6-footergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .s6-wrap{padding-left:18px;padding-right:18px}.s6-ribbon .s6-wrap{grid-template-columns:1fr 1fr}.s6-ribbon span:nth-child(2),.s6-ribbon span:nth-child(3){display:none}
 .s6-head{height:72px;grid-template-columns:1fr auto}.s6-brand img{width:150px}.s6-icon{display:none}.s6-cart small{display:none}
 .s6-hero h1{font-size:43px}.s6-hero-copy{padding-top:40px;padding-bottom:35px}.s6-hero-photo{min-height:280px}
 .s6-cats,.s6-products,.s6-trustgrid{grid-template-columns:1fr}.s6-heading{display:block}.s6-heading .s6-btn{margin-top:12px}.s6-about-copy{padding:28px 0}.s6-about-photo{height:240px}.s6-news{grid-template-columns:1fr}.s6-form{display:grid}.s6-form input{width:100%}.s6-footergrid{grid-template-columns:1fr}.s6-copy{display:block}
 body.admin-bar .s6-header{top:46px}
}

.s6-header,.s6-head,.s6-brand{background:#fff!important}.s6-brand{display:flex;align-items:center}.s6-brand img{background:transparent!important;box-shadow:none!important;border:0!important}

.s6-header,.s6-head,.s6-brand{background:#fff!important}.s6-brand:before,.s6-brand:after{display:none!important;content:none!important}

.s6-header,.s6-head,.s6-brand{background:#fff!important}
.s6-brand{display:flex!important;align-items:center!important;overflow:visible!important}
.s6-brand img{background-color:transparent!important}
.s6-brand:before,.s6-brand:after{content:none!important;display:none!important}

/* V6.6: force only the new logo asset to display */
.s6-brand{background:#fff!important;display:flex!important;align-items:center!important;overflow:visible!important}
.s6-brand img{background:transparent!important;border:0!important;box-shadow:none!important}
.s6-brand::before,.s6-brand::after{content:none!important;display:none!important}
.custom-logo-link,.site-logo,.site-branding img:not(.s6-brand img){display:none!important}


/* SOFF V6.9 — større og tydeligere antalsvælger */
.woocommerce .quantity,
.woocommerce-page .quantity {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
    width: 92px !important;
    min-width: 92px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 8px 12px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    border: 2px solid #2f6f73 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #183f43 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

.woocommerce .quantity .qty:focus,
.woocommerce-page .quantity .qty:focus {
    outline: 3px solid rgba(47,111,115,.18) !important;
    outline-offset: 2px !important;
    border-color: #1f565a !important;
}

.woocommerce div.product form.cart .quantity {
    margin-right: 12px !important;
}

/* lidt større på mobil også */
@media (max-width: 640px) {
    .woocommerce .quantity .qty,
    .woocommerce-page .quantity .qty {
        width: 104px !important;
        min-width: 104px !important;
        height: 58px !important;
        min-height: 58px !important;
        font-size: 22px !important;
    }
}

/* SOFF V6.10 */
.woocommerce div.product form.cart{display:flex!important;align-items:stretch!important;gap:10px!important}
.woocommerce div.product form.cart .quantity{margin:0!important;display:inline-flex!important;align-items:stretch!important}
.woocommerce div.product form.cart .quantity .qty,
.woocommerce-page div.product form.cart .quantity .qty{
width:76px!important;min-width:76px!important;height:48px!important;min-height:48px!important;
padding:6px 10px!important;font-size:18px!important;font-weight:700!important;line-height:1!important;
box-sizing:border-box!important;border-radius:9px!important}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button{
height:48px!important;min-height:48px!important;padding-top:0!important;padding-bottom:0!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
box-sizing:border-box!important;margin:0!important}
@media(max-width:640px){
.woocommerce div.product form.cart .quantity .qty,.woocommerce-page div.product form.cart .quantity .qty{
width:80px!important;min-width:80px!important;height:48px!important;min-height:48px!important;font-size:18px!important}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button{height:48px!important;min-height:48px!important}}

/* V6.12 */
.s6-product .s6-pic img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}