/*
Theme Name: Sukkerblomster
Theme URI: https://sukkerblomster.dk
Author: Sukkerblomster.dk
Description: Rent, Apple-inspireret WooCommerce-tema til Sukkerblomster.dk med ombygningstilstand, Google-verifikation, automatiske ordremails og manuel ordrebekræftelse.
Version: 1.0.6
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sukkerblomster
Tags: e-commerce, custom-logo, custom-menu, translation-ready
*/

:root{--pink:#ff7bcc;--pink-deep:#c2188a;--pink-tint:#ffe6f4;--ink:#1d1d1f;--muted:#6e6e73;--panel:#f5f5f7;--line:#e8e8ed;--radius:24px;--font:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5}
img{max-width:100%;height:auto}
a{color:var(--pink-deep);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--pink-deep);outline-offset:2px}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.sb-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.sb-narrow{max-width:900px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.1;margin:0}
.sb-eyebrow{margin:0 0 12px;font-size:19px;font-weight:600;color:var(--pink-deep)}
.sb-h1{font-size:clamp(38px,6.4vw,76px);font-weight:600;letter-spacing:-.03em;line-height:1.04}
.sb-h2{font-size:clamp(28px,3.6vw,44px);font-weight:600;letter-spacing:-.025em}
.sb-lead{font-size:clamp(18px,2.2vw,23px);line-height:1.4;color:var(--muted)}

/* Knapper */
.button,.sb-btn,button.button,input.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:980px;background:var(--pink);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.2}
.button:hover,.sb-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{opacity:.88;text-decoration:none;background:var(--pink);color:var(--ink)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--pink);color:var(--ink)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--pink);color:var(--ink);opacity:.88}
.sb-link{font-size:17px}

/* Meddelelsesbjælke og header */
.sb-announce{background:var(--ink);color:#fff;font-size:12px;text-align:center;padding:9px 16px}
.sb-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.admin-bar .sb-header{top:32px}
.sb-header__in{max-width:1200px;margin:0 auto;padding:6px 20px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sb-logo{display:inline-flex;align-items:center;min-height:44px}
.sb-logo img{height:44px;width:auto;display:block}
.sb-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.sb-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);font-size:15px;border-radius:980px}
.sb-nav a:hover,.sb-nav .current-menu-item>a{background:var(--panel);text-decoration:none}
.sb-tools{display:flex;align-items:center;gap:2px}
.sb-icon{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:0;cursor:pointer;border-radius:22px}
.sb-icon:hover{background:var(--panel);text-decoration:none}
.sb-cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pink);color:var(--ink);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sb-cart-count:empty,.sb-cart-count[data-n="0"]{display:none}
.sb-search{display:none;border-top:1px solid var(--line);background:#fff}
.sb-search.open{display:block}
.sb-search form{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;gap:10px}
.sb-search input[type=search]{flex:1;height:48px;border:1px solid #d2d2d7;border-radius:14px;padding:0 16px;font:inherit}
.sb-menu-toggle{display:none}
@media(max-width:860px){.sb-menu-toggle{display:inline-flex}.sb-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 16px}.sb-nav.open{display:block}.sb-nav ul{flex-direction:column}.sb-header__in{position:relative}}

/* Forside */
.sb-hero{padding:72px 0 0;text-align:center}
.sb-hero .sb-lead{max-width:640px;margin:20px auto 0}
.sb-hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;align-items:center}
.sb-hero__photos{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.sb-hero__photos img{width:100%;height:clamp(280px,36vw,480px);object-fit:cover;border-radius:28px;display:block}
.sb-tiles{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.sb-tile{flex:1 1 300px;border-radius:28px;background:var(--panel);padding:40px 28px 0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;min-height:380px}
.sb-tile--big{flex:1 1 480px;min-height:520px;padding-top:44px}
.sb-tile--dark{background:var(--ink);color:#fff}
.sb-tile--dark p{color:#a1a1a6}.sb-tile--dark a{color:var(--pink)}
.sb-tile--sage{background:#eef0ea}.sb-tile--sand{background:#f3ece2}.sb-tile--rose{background:var(--pink-tint)}
.sb-tile h2{font-size:clamp(26px,3.2vw,40px);font-weight:600}
.sb-tile p{margin:10px 0 0;font-size:18px;color:var(--muted)}
.sb-tile__links{margin-top:16px;display:flex;gap:24px}
.sb-tile img{margin-top:auto;width:100%;max-width:420px;height:200px;object-fit:cover;border-radius:18px 18px 0 0;display:block;padding-top:0}
.sb-tile:not(.sb-tile--big) img{height:150px;margin-top:24px}
.sb-section{padding-top:96px}
.sb-section__lead{margin:8px 0 0;font-size:19px;color:var(--muted)}
.sb-story{background:var(--panel);border-radius:28px;padding:clamp(32px,6vw,80px);display:flex;flex-wrap:wrap;gap:32px 64px;align-items:center}
.sb-story>div{flex:1 1 380px}
.sb-story img{flex:1 1 320px;max-width:520px;height:340px;object-fit:cover;border-radius:20px}
.sb-story .sb-lead{margin:18px 0 0}

/* Indhold */
.sb-main{padding:48px 0 0;min-height:50vh}
.sb-content{max-width:900px;margin:0 auto}
.sb-content h1{font-size:clamp(34px,5vw,56px);font-weight:600;margin-bottom:24px}
.sb-content h2{font-size:28px;margin:36px 0 12px}
.sb-content p,.sb-content li{color:#424245}
.sb-pagehead{text-align:center;padding:48px 0 0}
.sb-pagehead .sb-lead{max-width:680px;margin:16px auto 0}
.sb-cta-box{background:var(--pink-tint);border-radius:28px;padding:clamp(32px,6vw,64px);text-align:center;margin-top:72px}

/* Produkter (WooCommerce) */
.woocommerce ul.products,ul.products{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--panel);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;transition:transform .2s}
ul.products li.product:hover{transform:translateY(-2px)}
ul.products li.product a img{width:100%;height:200px;object-fit:contain;background:#fff;border-radius:16px;margin:0 0 12px!important;display:block}
ul.products li.product .woocommerce-loop-product__title{font-size:16px;font-weight:600;padding:0;margin:2px 0 0;line-height:1.3;color:var(--ink)}
ul.products li.product .price{display:block;margin-top:auto;padding-top:12px;color:var(--ink);font-size:16px}
ul.products li.product .price del{color:var(--muted)}
ul.products li.product .price ins{text-decoration:none;font-weight:600}
ul.products li.product .button{margin-top:12px;align-self:flex-start;min-height:44px}
ul.products li.product .onsale,.woocommerce span.onsale{background:var(--pink);color:var(--ink);min-width:auto;min-height:auto;line-height:1;padding:7px 12px;border-radius:980px;top:14px;left:14px;right:auto;font-weight:600;font-size:12px}
.woocommerce-result-count{color:var(--muted);font-size:14px}
.woocommerce-ordering select{height:44px;border:1px solid #d2d2d7;border-radius:12px;padding:0 12px;font:inherit;background:#fff}
.woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin:0 0 20px}
.woocommerce-products-header__title,.page-title{font-size:clamp(34px,5vw,56px);font-weight:600;letter-spacing:-.03em}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:44px;height:44px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--ink);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:#fff}

/* Enkelt produkt */
.woocommerce div.product{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start}
.woocommerce div.product div.images{flex:1 1 440px;float:none;width:auto;margin:0}
.woocommerce div.product div.images img{border-radius:28px;background:#fff}
.woocommerce div.product div.summary{flex:1 1 380px;float:none;width:auto;margin:0}
.woocommerce div.product .product_title{font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.08}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:28px;color:var(--ink);margin:16px 0}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:24px 0}
.woocommerce .quantity .qty{height:48px;width:80px;border:1px solid #d2d2d7;border-radius:980px;text-align:center;font:inherit}
.woocommerce div.product form.cart .button{min-height:52px;flex:1 1 200px;font-size:17px}
.woocommerce div.product .product_meta{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.woocommerce div.product .product_meta>span{display:block;margin-bottom:4px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{flex:1 1 100%;width:100%;margin-top:40px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 16px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 0;color:var(--muted);font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2{font-size:clamp(26px,3.4vw,40px);font-weight:600}
.sb-sku{color:var(--muted);font-weight:400}

/* Kurv, kasse, konto */
.woocommerce table.shop_table{border:0;border-radius:0;border-collapse:collapse}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:16px 12px}
.woocommerce-cart table.cart img{width:80px;border-radius:12px}
.woocommerce table.cart td.actions .coupon .input-text,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection--single{height:48px;border:1px solid #d2d2d7;border-radius:12px;padding:0 14px;font:inherit}
.woocommerce form .form-row textarea{height:auto;padding:12px 14px}
.woocommerce form .form-row label{font-size:13px;color:var(--muted)}
.woocommerce-checkout #payment{background:var(--panel);border-radius:20px}
.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:12px;color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)}
.woocommerce-checkout #place_order{width:100%;min-height:56px;font-size:18px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--pink-deep);background:var(--panel);border-radius:12px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--pink-deep)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 0;color:var(--ink)}
.woocommerce-MyAccount-navigation .is-active a{font-weight:600;color:var(--pink-deep)}
.woocommerce-cart .cart-collaterals .cart_totals{float:none;width:100%;max-width:480px;margin-left:auto}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{min-height:52px;font-size:17px}

/* Formularer */
.sb-form{display:grid;gap:14px;max-width:640px}
.sb-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.sb-form input,.sb-form textarea,.sb-form select{width:100%;border:1px solid #d2d2d7;border-radius:12px;padding:12px 14px;font:inherit;background:#fff;min-height:48px}
.sb-form textarea{min-height:140px}
.sb-form .sb-hp{position:absolute;left:-9999px}
.sb-form .row{display:flex;flex-wrap:wrap;gap:14px}.sb-form .row>div{flex:1 1 200px}
.sb-ok{background:#e7f6ec;color:#0a4a22;border-radius:14px;padding:16px 18px;margin-bottom:20px}
.sb-err{background:#fde8e8;color:#7a1212;border-radius:14px;padding:16px 18px;margin-bottom:20px}

/* Footer */
.sb-footer{margin-top:96px;background:var(--panel);color:var(--muted);font-size:12px;line-height:1.7}
.sb-footer__in{max-width:1200px;margin:0 auto;padding:40px 20px 28px}
.sb-footer__cols{display:flex;flex-wrap:wrap;gap:32px 64px;padding-bottom:28px;border-bottom:1px solid #d2d2d7}
.sb-footer__cols>div{flex:1 1 160px}
.sb-footer__h{margin:0 0 8px;color:var(--ink);font-weight:600}
.sb-footer a{display:block;color:#424245}
.sb-footer p{margin:20px 0 0}

/* Ombygning */
.sb-maint{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px}
.sb-maint img.logo{height:64px;width:auto}
.sb-maint h1{margin-top:40px;max-width:760px;font-size:clamp(28px,5vw,52px);font-weight:600;line-height:1.1}
.sb-maint p{color:var(--muted);margin-top:20px}
.sb-maint img.photo{margin-top:48px;width:min(100%,720px);height:240px;object-fit:cover;border-radius:28px}

.sb-footer ul{list-style:none;margin:0;padding:0}

.sb-pagehero{display:block;max-width:100%;width:auto;height:auto;max-height:min(80vh,820px);margin:40px auto 0;border-radius:28px}
