/* Ace Extensions B2B */
:root{
  --ace-ink:var(--wp--preset--color--contrast,#17110D);
  --ace-base:var(--wp--preset--color--base,#FCFBF9);
  --ace-surface:var(--wp--preset--color--surface,#F3EFE9);
  --ace-blush:var(--wp--preset--color--blush,#E2D7C8);
  --ace-choc:var(--wp--preset--color--chocolate,#2A1E17);
  --ace-muted:var(--wp--preset--color--muted,#7D746C);
  --ace-line:var(--wp--preset--color--line,#CFC7BC);
  --ace-gold:var(--wp--preset--color--gold,#9C7642);
  --ace-cream:#F6EFE4;
  --ace-display:var(--wp--preset--font-family--display);
}
body{-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--ace-gold);outline-offset:2px}
h1,h2,h3{text-wrap:balance}

/* Etiketter */
.ace-eyebrow{font-size:11px!important;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--ace-muted)}
.ace-eyebrow-light{color:#D8B9A3}
.ace-italic em,.ace-italic i{font-style:italic;color:#E2C9A6}
.ace-nouc{font-size:12.5px;display:flex;align-items:center;gap:8px;margin-top:14px}
.ace-nouc::before{content:"";width:7px;height:7px;border-radius:50%;background:#58A675;flex:none}

/* Knappar */
.ace-btn,.wp-block-button.is-style-outline .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border-radius:999px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-decoration:none;border:1px solid var(--ace-ink);transition:transform .2s,opacity .2s}
.ace-btn{background:var(--ace-ink);color:var(--ace-base)}
.ace-btn--light{background:var(--ace-cream);color:var(--ace-ink);border-color:var(--ace-cream)}
.ace-btn--ghost-light{background:transparent;color:var(--ace-cream);border-color:var(--ace-cream)}
.wp-block-button__link:hover,.ace-btn:hover{transform:translateY(-1px);opacity:.92}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent}

/* Toppremsa + header */
.ace-usp{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.ace-usp p{margin:0}
.ace-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--ace-line)}
.admin-bar .ace-header{top:32px}
@media (max-width:782px){.admin-bar .ace-header{top:46px}}
.ace-logo{text-align:center;line-height:1}
.ace-logo .wp-block-site-title,.ace-logo .ace-logo__name{font-family:var(--ace-display);font-size:28px;letter-spacing:.08em;margin:0;text-transform:uppercase}
.ace-logo .wp-block-site-title a{text-decoration:none}
.ace-logo .ace-logo__tag{font-size:8.5px;letter-spacing:.42em;font-weight:600;margin:5px 0 0}
.ace-mainnav{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.ace-mainnav a{text-decoration:none}
.ace-mainnav a:hover{text-decoration:underline;text-underline-offset:5px}
@media (max-width:860px){.ace-hide-mobile{display:none!important}.ace-logo .wp-block-site-title{font-size:21px}}

/* Hero */
.ace-hero h1{max-width:14ch}
.ace-hero p{max-width:50ch}

/* Metodchips */
.ace-chips{gap:10px!important}
.ace-chips .wp-block-button__link{background:var(--wp--preset--color--white,#fff);color:var(--ace-ink);border:1px solid var(--ace-line);letter-spacing:.02em;text-transform:none;font-weight:500;font-size:14px;padding:10px 20px}
.ace-chips .wp-block-button__link:hover{border-color:var(--ace-ink)}

/* Metodkort */
.ace-method .wp-block-image img,.ace-method .wp-block-cover{aspect-ratio:3/4;object-fit:cover;width:100%}
.ace-method h3{font-size:26px;margin:.6em 0 .2em}
.ace-method p{color:#4F4741;font-size:14px;margin:0}
.ace-link{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.ace-link a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}

/* Nyckeltal */
.ace-stats{gap:1px!important;background:rgba(246,239,228,.18)}
.ace-stats > .wp-block-column{background:var(--ace-choc);padding:26px 22px;margin:0!important}
.ace-stats .ace-stat{font-family:var(--ace-display);font-size:46px;line-height:1;color:#E2C9A6;margin:0 0 6px}
.ace-stats p{font-size:13.5px;margin:0}

/* Flikar för färgton */
.ace-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ace-line);margin-bottom:28px;overflow-x:auto}
.ace-tabs a{padding:12px 18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ace-muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.ace-tabs a[aria-current]{color:var(--ace-ink);border-color:var(--ace-ink)}
.ace-tabs a span{font-weight:500;opacity:.6;margin-left:3px}

/* Produktkort */
.wc-block-product-template,.wp-block-woocommerce-product-template{row-gap:36px!important}
.wc-block-components-product-image,.wp-block-woocommerce-product-image{overflow:hidden;background:var(--ace-surface);margin-bottom:8px!important}
.wc-block-components-product-image img{aspect-ratio:3/4;object-fit:cover;width:100%}
.ace-has-hover{position:relative}
.ace-hover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none}
li.product:hover .ace-hover-img,.wc-block-product:hover .ace-hover-img{opacity:1}
.wc-block-components-product-name,.wp-block-post-title.ace-card-title{font-family:var(--ace-display)!important;font-size:21px!important;line-height:1.15!important;font-weight:400!important}
.wc-block-components-product-name a,.wp-block-post-title a{text-decoration:none}
.ace-lock{font-size:12.5px;color:var(--ace-muted)}
.ace-price{display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}
.ace-price__main small{color:var(--ace-muted);font-size:.8em}
.ace-price__ex{font-size:12.5px;color:var(--ace-muted)}
.ace-price__kg{font-size:12.5px;color:var(--ace-muted)}
.wc-block-components-product-sale-badge{border-radius:999px}

/* Produktsida */
.single-product .wp-block-woocommerce-product-price .ace-price__main{font-family:var(--ace-display);font-size:42px;line-height:1}
.single-product .wp-block-woocommerce-product-price .ace-price__main small{font-family:var(--wp--preset--font-family--body);font-size:13px}
.ace-pbox{background:#fff;border:1px solid var(--ace-line);padding:20px 22px}
.woocommerce-variation-price .ace-price__main{font-family:var(--ace-display);font-size:42px;line-height:1}
.woocommerce-variation-price .ace-price__main small{font-family:var(--wp--preset--font-family--body);font-size:13px}
.woocommerce-variation-price{margin:16px 0;padding:20px 22px;background:#fff;border:1px solid var(--ace-line)}
table.variations{border:0;margin:0}
table.variations tr{display:block;margin-bottom:6px}
table.variations th,table.variations td{display:block;padding:0;border:0;text-align:left}
table.variations th label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin:16px 0 10px;display:block}
.ace-opts{display:flex;flex-wrap:wrap;gap:8px}
.ace-opt{border:1px solid var(--ace-line);background:#fff;color:var(--ace-ink);border-radius:999px;padding:10px 18px;font:inherit;font-size:13.5px;cursor:pointer}
.ace-opt:hover{border-color:var(--ace-ink)}
.ace-opt[aria-pressed="true"]{background:var(--ace-ink);color:#fff;border-color:var(--ace-ink)}
.ace-opt:disabled{opacity:.35;cursor:not-allowed}
.ace-hidden-select{position:absolute!important;opacity:0;pointer-events:none;width:1px;height:1px}
.reset_variations{display:none!important}
form.cart .quantity{display:inline-flex}
form.cart .quantity input.qty{border:1px solid var(--ace-ink);border-radius:999px;height:50px;width:80px;text-align:center;font:inherit}
form.cart .single_add_to_cart_button{border-radius:999px!important;background:var(--ace-ink)!important;color:#fff!important;padding:15px 34px!important;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px!important;font-weight:600!important;min-height:50px}
.woocommerce-variation-add-to-cart{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ace-qty-note{font-size:12.5px;color:var(--ace-muted);margin-top:8px}
.ace-lockbox{padding:22px;background:var(--ace-choc);color:var(--ace-cream);margin-top:16px}
.ace-lockbox p{margin:0 0 14px}
.ace-lockbox__row{display:flex;gap:10px;flex-wrap:wrap}
.ace-lockbox .ace-nouc{margin:14px 0 0}
.ace-details details{border-bottom:1px solid var(--ace-line)}
.ace-details{border-top:1px solid var(--ace-line)}
.ace-details summary{padding:16px 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer}
.ace-details ul,.ace-details p{color:#4F4741;font-size:14px}
.wp-block-woocommerce-product-image-gallery img{aspect-ratio:4/5;object-fit:contain;background:#fff}

/* Före/efter */
.ace-ba{gap:0!important;position:relative}
.ace-ba > .wp-block-column{margin:0!important;position:relative}
.ace-ba .wp-block-cover,.ace-ba .wp-block-image img{min-height:440px;aspect-ratio:auto;object-fit:cover;width:100%}
.ace-ba::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ace-cream);transform:translateX(-1px)}
.ace-ba-label{position:absolute;top:16px;z-index:2;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--ace-base);color:var(--ace-ink);margin:0!important}
.ace-ba > .wp-block-column:first-child .ace-ba-label{left:16px}
.ace-ba > .wp-block-column:last-child .ace-ba-label{right:16px}
@media (max-width:781px){.ace-ba::after{display:none}.ace-ba .wp-block-cover{min-height:320px}}

/* Prislista */
.ace-table table{font-variant-numeric:tabular-nums;min-width:640px}
.ace-table{overflow-x:auto;background:#fff;border:1px solid var(--ace-line)}
.ace-table th,.ace-table td{padding:14px 16px!important;border:0!important;border-bottom:1px solid var(--ace-line)!important;text-align:right}
.ace-table td small{display:block;color:var(--ace-muted);font-size:11.5px}
.ace-table th:first-child,.ace-table td:first-child{text-align:left}
.ace-table thead th{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ace-muted);font-weight:600}
.ace-pricelock{background:var(--ace-surface);padding:28px;text-align:center}

/* Steg */
.ace-steps > .wp-block-column{border-top:1px solid var(--ace-ink);padding-top:18px}
.ace-steps h3{font-size:28px}

/* Mitt konto / inloggning */
.woocommerce-account .woocommerce{display:grid;gap:36px}
.woocommerce-account .u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ace-line);background:#fff}
@media (max-width:860px){.woocommerce-account .u-columns.col2-set{grid-template-columns:1fr}}
.woocommerce-account .u-column1,.woocommerce-account .u-column2{padding:44px!important;width:auto!important;float:none!important}
.woocommerce-account .u-column2{background:var(--ace-choc);color:var(--ace-cream)}
.woocommerce-account .u-column2 a,.woocommerce-account .u-column2 label{color:var(--ace-cream)}
.woocommerce-account h2{font-size:36px}
.woocommerce form .input-text,.woocommerce form select{border:1px solid var(--ace-line)!important;background:var(--ace-base);padding:12px 14px!important;border-radius:2px;font:inherit}
.woocommerce-account .u-column2 .input-text{background:rgba(246,239,228,.08)!important;border-color:rgba(246,239,228,.25)!important;color:var(--ace-cream)}
.woocommerce-account .woocommerce-Button,.woocommerce .button{border-radius:999px!important;background:var(--ace-ink)!important;color:#fff!important;padding:14px 28px!important;letter-spacing:.14em;text-transform:uppercase;font-size:12px!important;font-weight:600!important}
.woocommerce-account .u-column2 .woocommerce-Button{background:var(--ace-cream)!important;color:var(--ace-ink)!important}
@media (min-width:861px){.woocommerce-account.logged-in .woocommerce{grid-template-columns:220px 1fr}}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ace-line)}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 0;border-bottom:1px solid var(--ace-line);text-decoration:none}
.woocommerce-MyAccount-navigation li.is-active a{font-weight:700}
@media (max-width:860px){.woocommerce-MyAccount-navigation ul{display:flex;gap:18px;overflow-x:auto;border:0}.woocommerce-MyAccount-navigation li a{white-space:nowrap;border:0}}
.woocommerce-orders-table{border:1px solid var(--ace-line)!important;background:#fff}
.ace-unit{display:block;font-size:12.5px;color:var(--ace-muted)}

/* Om oss-band */
.ace-about p{max-width:60ch;margin-left:auto;margin-right:auto}

/* Sidfot */
.ace-footer h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#D8B9A3;font-family:var(--wp--preset--font-family--body)}
.ace-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;opacity:.85}
.ace-footer a{color:inherit;text-decoration:none}
.ace-pay{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(246,239,228,.15);padding-top:22px}
.ace-pay span{font-size:11.5px;border:1px solid rgba(246,239,228,.3);border-radius:4px;padding:5px 10px;opacity:.85}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Mobilanpassning: sektioner kant-i-kant, luft inuti, ingen sidledsscroll */
body,.wp-site-blocks{padding-left:0!important;padding-right:0!important}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.wp-site-blocks>*>*{padding-left:max(16px,3vw)!important;padding-right:max(16px,3vw)!important;box-sizing:border-box}
img,video,iframe{max-width:100%}

/* Hero-bild: 16:9 på dator, 5:4 på mobil */
.ace-hero{background:#2A1E17 url(../img/hero-dator.jpg) center/cover no-repeat}
.ace-hero>.wp-block-cover__image-background,.ace-hero>.wp-block-cover__video-background{display:none!important}
@media (max-width:781px){.ace-hero{background-image:url(../img/hero-mobil.jpg);background-position:62% center}}

/* Metodkort: bilder för alla fyra metoder */
.ace-method:nth-child(-n+4) .wp-block-cover{background-color:#E2D7C8;background-position:center;background-size:cover;background-repeat:no-repeat}
.ace-method:nth-child(1) .wp-block-cover{background-image:url(../img/tape.jpg)}
.ace-method:nth-child(2) .wp-block-cover{background-image:url(../img/genius-weft.jpg)}
.ace-method:nth-child(3) .wp-block-cover{background-image:url(../img/keratin.jpg)}
.ace-method:nth-child(4) .wp-block-cover{background-image:url(../img/butterfly-weft.jpg)}
.ace-method:nth-child(-n+4) .wp-block-cover__background,.ace-method:nth-child(-n+4) .wp-block-cover__image-background{opacity:0!important}
.ace-method:nth-child(-n+4) .wp-block-cover .ace-eyebrow{display:none}

/* Toppbanner "Grossistpriser..." borttagen */
.ace-usp{display:none!important}

/* Färgguide: bild på färgringen */
#fargguide .wp-block-cover{background:#E2D7C8 url(../img/fargkarta.jpg) center/cover no-repeat;width:100%;aspect-ratio:auto!important;min-height:clamp(240px,25vw,460px)!important}
#fargguide .wp-block-cover__background,#fargguide .wp-block-cover__image-background{opacity:0!important}
#fargguide .wp-block-cover .ace-eyebrow{display:none}

/* Prislista: fyll hela bredden på dator (mobil scrollar fortfarande i sidled) */
.ace-table table{width:100%}

/* Metodkort: exakt 3:4 så hela bilden syns, även på mobil (WP sätter aspect-ratio:unset inline) */
.ace-method:nth-child(-n+4) .wp-block-cover{aspect-ratio:3/4!important;min-height:0!important;height:auto!important}