/* Shop Trust UI (01.11.2026) - additiv, Rueckweg: mu-plugin 100-shop-trust-ui(.php + Ordner) entfernen. */
:root{
--bbt-ink:var(--bb-ink,#17130f);--bbt-text:#33333a;--bbt-line:var(--bb-line,#e0d5c3);--bbt-surface:var(--bb-surface,#f2ece1);--bbt-accent:var(--bb-accent,#c8421f);--bbt-r:var(--bb-radius,14px);
--i-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a5 5 0 00-5 5v3H6a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1V7a5 5 0 00-5-5zm-3 8V7a3 3 0 016 0v3zm3 4a2 2 0 011 3.7V19h-2v-1.3A2 2 0 0112 14z'/%3E%3C/svg%3E");
--i-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1 3v2h16V8zm0 5v4h16v-4z'/%3E%3C/svg%3E");
--i-return:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 109 9h-2a7 7 0 11-2-4.9L14 10h7V3l-2.6 2.6A9 9 0 0012 3z'/%3E%3C/svg%3E");
--i-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l9 4.5v11L12 22l-9-4.5v-11zm0 2.2L6.5 7 12 9.8 17.5 7zM5 8.7v7.6l6 3V11.7zm14 0l-6 3v7.6l6-3z'/%3E%3C/svg%3E");
--i-truck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h11v8H3zm11 2h4l3 3v3h-7zM7 19a2 2 0 100-4 2 2 0 000 4zm10 0a2 2 0 100-4 2 2 0 000 4z'/%3E%3C/svg%3E");
--i-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v16H3zm2 2v12h14V6zm2 10l3.5-4.5 2.5 3 1.5-2 3.5 3.5z'/%3E%3C/svg%3E");
--i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1.6 2L12 12.4 19.4 7z'/%3E%3C/svg%3E");
}
.bbt-ic::before{content:"";flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

/* A) Vertrauensleiste Startseite (Runde 2): zurueck zum ruhigen Look der alten Leiste - keine Icons, Haarlinien, viel Luft, etwas dunkleres Grau */
.bb-trust{margin-block:0!important;padding:1.25rem 0!important;gap:0!important;border-block:1px solid var(--bbt-line);flex-wrap:nowrap!important}
.bb-trust.wp-block-columns{align-items:flex-start;width:min(1280px,calc(100vw - 40px));max-width:none!important;margin-inline:auto!important}
.bb-trust>.wp-block-column{min-width:0;padding:.15rem clamp(.75rem,1.6vw,2rem);flex-basis:0!important;flex-grow:1!important;border-left:1px solid var(--bbt-line)}
.bb-trust>.wp-block-column:first-child{border-left:0;padding-left:0}
.bb-trust>.wp-block-column:last-child{padding-right:0}
.bb-trust .bb-trust__title{font-size:.9375rem!important;line-height:1.35;color:var(--bbt-ink)!important}
.bb-trust .bb-trust__title strong{font-weight:600}
.bb-trust .bb-trust__text{font-size:.875rem!important;line-height:1.45;color:#55555c!important;margin-top:.25rem!important}
.bb-trust .bb-trust__text a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:781px){
 .bb-trust.wp-block-columns{flex-wrap:wrap!important;gap:1rem 0!important;padding:1rem 0!important}
 .bb-trust.wp-block-columns>.wp-block-column{flex:0 0 50%!important;max-width:50%;box-sizing:border-box;padding:0 .75rem 0 0;border-left:0}
 .bb-trust.wp-block-columns>.wp-block-column:nth-child(even){padding:0 0 0 .875rem;border-left:1px solid var(--bbt-line)}
 .bb-trust .bb-trust__title{font-size:.875rem!important}
 .bb-trust .bb-trust__text{font-size:.8125rem!important;margin-top:.15rem!important}
}
/* Hero: Hoehe folgt dem Fenster (svh), Ankuendigungsleiste + Header + Vertrauensleiste bleiben im ersten Viewport sichtbar */
:root{--bbt-chrome:196px}
@media (min-width:782px){
 .bb-hero2{display:flex;align-items:center;box-sizing:border-box;min-height:clamp(430px,calc(100svh - var(--bbt-chrome)),900px);padding-block:clamp(1rem,3svh,3.5rem)!important}
 .bb-hero2>.bb-hero2__cols{width:100%;max-width:var(--wp--style--global--wide-size,1200px);margin-inline:auto}
 .bb-hero2 .bb-eyebrow{margin-bottom:clamp(.4rem,1.3svh,.9rem)}
 .bb-hero2 .bb-hero2__title{font-size:clamp(2.25rem,min(5.4vw,8.4svh),5.75rem)!important;margin-bottom:clamp(.5rem,1.8svh,1.1rem)}
 .bb-hero2 .bb-hero2__lead{font-size:clamp(.9375rem,min(1.5vw,2.5svh),1.375rem)!important;line-height:1.5}
 .bb-hero2 .wp-block-buttons{margin-top:clamp(.75rem,2.6svh,1.75rem)}
 .bb-hero2 .bb-collage{max-width:min(620px,calc(100svh - var(--bbt-chrome) - 5rem),100%)}
}
.bb-hero2__note{display:none!important}
.bb-hero2 .bb-btn-studio .wp-block-button__link{box-sizing:border-box;min-height:49px;padding:0 1.6rem;display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;box-shadow:none;text-decoration:none!important;transition:background .15s,border-color .15s}
.bb-hero2 .bb-btn-studio .wp-block-button__link:hover{background:rgba(255,255,255,.14)!important;border-color:#fff}
@media (max-width:781px){
 .bb-hero2{padding-top:1.25rem!important;padding-bottom:1.5rem!important}
 .bb-hero2 .bb-hero2__title{font-size:clamp(2rem,9.5vw,2.6rem)!important;margin-bottom:.75rem}
 .bb-hero2 .bb-hero2__lead{font-size:1rem!important}
 .bb-hero2 .wp-block-buttons{margin-top:1.25rem}
 .bb-hero2 .bb-collage{max-width:min(300px,25svh)}
}

/* A) EIN Vertrauensblock: Produktseite, Warenkorb, Kasse (Runde 2) */
.bbt-assure{margin:1rem 0 0;padding:1rem 1.25rem;border:1px solid var(--bbt-line);border-radius:var(--bbt-r);background:var(--bb-base,#fff);color:var(--bbt-text);font-size:.875rem;line-height:1.45;box-sizing:border-box}
.bbt-assure__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}
.bbt-assure__list li{display:block;margin:0;min-width:0}
.bbt-assure__list li:last-child:nth-child(odd){grid-column:1/-1}
.bbt-assure__list strong{display:block;color:var(--bbt-ink);font-weight:600;font-size:.875rem;line-height:1.4}
.bbt-assure__list span{display:block;color:#4a4a52;font-size:.8125rem;line-height:1.45}
.bbt-assure__list a{color:var(--bbt-ink);text-decoration:underline;text-underline-offset:2px}
.bbt-assure__links{margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid var(--bbt-line);font-size:.8125rem;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.bbt-assure__links a{color:#4a4a52;text-decoration:underline;text-underline-offset:2px;min-height:24px;display:inline-flex;align-items:center}
.bbt-assure--cart{margin:1rem 0 1.5rem}
.bbt-assure--cart .bbt-assure__list{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.bbt-assure--cart .bbt-assure__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.bbt-assure__list{grid-template-columns:1fr}}
.bbt-assure--co{margin:1.5rem 0}
.bbt-assure--moved{margin-top:1rem}

/* 2-year-EU-guarantee-Link (74-shop-legal-guarantee.php): nur Textlink, ohne Dokument-Vorschaubild; Dialog + Ziel unveraendert */
.bb-lg-product{min-height:0!important;margin:1rem 0 0!important}
.bb-lg-product-link{min-height:24px!important;gap:0!important;color:var(--bbt-ink);font-size:.875rem;font-weight:600;text-underline-offset:2px}
.bb-lg-product-link>img{display:none!important}

/* Gutscheinfeld: kein reservierter Leerraum mehr (vorher min-height 208px + Chips 40px + Meldungen 54px); Kasse: Innenabstand wie die uebrigen Summenzeilen */
.wp-block-woocommerce-cart-order-summary-coupon-form-block,.wp-block-woocommerce-checkout-order-summary-coupon-form-block{min-height:0!important;padding-block:16px!important}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block{padding-inline:16px!important}
.bb-cpn .bb-cpn__chips{min-height:0;margin-top:0;padding:0}
.bb-cpn .bb-cpn__chips:not(:empty){margin-top:8px;min-height:32px;padding:0}
.bb-cpn .bb-cpn__chips:empty{display:none}
.bb-cpn .bb-cpn__msgs{min-height:0;margin-top:0}
.bb-cpn .bb-cpn__msg:not(:empty){margin-top:8px}

/* A) Footer: Wer steckt dahinter */
.bb-footer__who{margin:.9rem 0 0;padding:.9rem 1rem;border:1px solid var(--bbt-line);border-radius:var(--bbt-r);font-size:.9375rem;line-height:1.5;color:var(--bbt-text)}
.bb-footer__who strong{display:block;color:var(--bbt-ink);margin-bottom:.25rem}
.bb-footer__who a{color:var(--bbt-ink);text-decoration:underline}

/* B1 Produktseite: Hinweiszeile dezent, Raumbild-Knopf, Motiv-Zoom */
.bbpm-selection,.bbpm-preview-note p{font-weight:400!important;font-size:.8125rem!important;color:#55555c!important}
.bbpm-selection *{font-weight:400!important}
.woocommerce-product-gallery__image[data-bbpm-view="front"]{overflow:hidden}
.woocommerce-product-gallery__image[data-bbpm-view="front"] img{transform-origin:50% 50%}
.bbt-room{position:absolute;left:12px;z-index:6;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .9rem;border:1px solid var(--bbt-line);border-radius:999px;background:rgba(255,255,255,.94);color:var(--bbt-ink);font:600 .875rem/1.2 inherit;font-family:inherit;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.bbt-room::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--i-frame) center/contain no-repeat;mask:var(--i-frame) center/contain no-repeat}
.bbt-room:hover{background:#fff}
.bbt-room:focus-visible{outline:3px solid var(--bbt-accent);outline-offset:2px}

/* B2 Groesse: Preis am Chip + Raumsatz */
.bb-opts .bb-opt.bbt-priced{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;line-height:1.25}
.bbt-opt-price{font-size:.8125rem;font-weight:400;opacity:.8;white-space:nowrap}
.bb-opt[aria-pressed="true"] .bbt-opt-price{opacity:.95}
.bbt-size-note{margin:.6rem 0 0;font-size:.875rem;line-height:1.45;color:#4a4a52}

/* B3 Leerflaeche vor "This artwork on other products": nur aktives Tab-Panel nimmt Platz */
.woocommerce-tabs.wc-tabs-wrapper>.wc-tab[style*="display: none"],.woocommerce-tabs.wc-tabs-wrapper>.wc-tab[style*="display:none"]{display:none!important}
.woocommerce-tabs.wc-tabs-wrapper:not(:has(ul.tabs li.active))>.wc-tab:not(:first-of-type){display:none!important}

/* B4 Kategorie-Intro: Zeilenlaenge ~75 Zeichen, mobil einklappbar */
.wp-block-term-description p{max-width:66ch}
.wp-block-term-description.bbt-clamped p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.bbt-more{margin:.35rem 0 0;padding:.35rem 0;min-height:44px;background:none;border:0;color:var(--bbt-ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bbt-more:focus-visible{outline:3px solid var(--bbt-accent);outline-offset:2px}

/* B6: Sticky-Kaufleiste existiert bereits im Theme (.bb-sticky-atc in motion.js/shop.css) - hier bewusst nichts doppelt. */

/* Kassenkopf: "Secure checkout - no account needed" steht jetzt im einen Vertrauensblock (keine Doppelung) */
.bb-header--checkout .bb-secure{display:none!important}

.bb-footer__who ul{list-style:none;margin:0;padding:0}
.bb-footer__who li{margin:0;padding:.15rem 0}

/* Einzige Groesse: Wert, kein Auswahlknopf; immer einzeilig */
.bb-opts--single .bb-opt{pointer-events:none;background:var(--bb-base-2,#f1f1f4)!important;color:var(--bb-ink,#16161a)!important;border-color:transparent!important;min-height:40px;padding:.4rem .9rem;white-space:nowrap}
.bb-opts--single .bbt-opt-price{display:none}
.bb-opts .bb-opt{white-space:nowrap}
/* Rechtliche Garantie im Vertrauenscontainer */
.bbt-assure__lg{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--bbt-line)}
.bbt-assure__lg .bb-lg-product{margin:0!important;min-height:0!important}
.bbt-assure__lg .bb-lg-product-link{min-height:0!important}
.bbt-assure__lg .bb-lg-product-link{min-height:44px!important;font-size:.875rem;font-weight:600;color:var(--bbt-ink)}
/* Zahlungs-Logos + SSL */
.bbt-pay{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;color:var(--bbt-text);font-size:.8125rem}
.bbt-pay__lock{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--bbt-ink)}
.bbt-pay__logos{display:inline-flex;flex-wrap:wrap;gap:.5rem}
.bbt-pay__logo{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 .5rem;background:#fff;border:1px solid var(--bbt-line);border-radius:6px}
.bbt-pay__logo img{display:block;height:20px;width:auto;max-width:56px}
.bbt-pay--box{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--bbt-line)}
.bbt-pay--bar{max-width:var(--wp--style--global--wide-size,1200px);margin:.9rem auto 0;padding-inline:var(--wp--style--root--padding-left,0);justify-content:center}
.bbt-pay--footer{margin-top:.9rem}

.bbt-pay--hero{margin-top:1.1rem;color:rgba(255,255,255,.82)}
.bbt-pay--hero .bbt-pay__lock{color:#fff}
.bbt-pay--hero .bbt-pay__logo{height:28px;border-color:transparent}
.bbt-pay--footer .bbt-pay__logo{background:#fff}
@media (max-width:781px){.bbt-pay--hero{margin-top:.9rem}.bbt-pay--hero .bbt-pay__lock{width:100%}}

/* Header: "Shop by artwork" als ruhiger Textknopf links neben "Design your own" */
.bb-header__cta{gap:.5rem;align-items:center}
.bb-btn-byart .wp-block-button__link{background:transparent!important;color:var(--bbt-ink,#16161a)!important;border:0;box-shadow:none;min-height:44px;padding:0 .9rem;display:inline-flex;align-items:center;font-weight:600;white-space:nowrap;border-radius:999px;transition:background .15s}
.bb-btn-byart .wp-block-button__link:hover{background:rgba(22,22,26,.07)!important}
@media (max-width:1100px){.bb-btn-byart{display:none}}

/* Designer-Einstieg je Produkt */
.bbt-cbadge{position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .55rem;border-radius:999px;background:rgba(255,255,255,.94);color:var(--bbt-ink,#16161a)!important;font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-decoration:none!important;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:background .15s,color .15s,transform .15s}
.bbt-cbadge svg{flex:none}
.bbt-cbadge__arrow{transition:transform .18s}
.bbt-cbadge:hover,.bbt-cbadge:focus-visible{background:var(--bbt-ink,#16161a);color:#fff!important}
.bbt-cbadge:hover .bbt-cbadge__arrow{transform:translate(2px,-2px)}
.bbt-cbadge:focus-visible{outline:3px solid var(--bb-accent);outline-offset:2px}
.bb-product__cat{position:relative}
.bbt-cbadge--pdp{top:50%;left:auto;right:0;transform:translateY(-50%);background:transparent;box-shadow:none;border:1.5px solid var(--bbt-ink,#16161a);font-size:.75rem;text-transform:none;letter-spacing:.01em;padding:.28rem .65rem}
.bbt-cbadge--pdp:hover{transform:translateY(-50%)}
@media(max-width:520px){.bbt-cbadge--pdp{font-size:.6875rem;padding:.22rem .5rem}}
.bbt-cart-cust{display:inline-flex;position:static;margin:.5rem 0 0;border:1.5px solid var(--bbt-ink,#16161a);background:transparent;box-shadow:none;font-size:.75rem;padding:.3rem .65rem}
.bb-opt .bb-area{margin-left:.45em;font-size:.78em;font-weight:500;opacity:.68;white-space:nowrap}
.bb-opt .bb-area::before{content:"· ";}
.wc-block-components-product-image a.bbt-cbadge,a.bbt-cbadge{position:absolute;display:inline-flex;width:auto;max-width:none;padding:.26rem .6rem;top:10px;left:10px;right:auto;transform:none}
.bb-product__cat a.bbt-cbadge--pdp{top:50%;right:0;left:auto;transform:translateY(-50%);padding:.28rem .65rem}
@media(max-width:520px){.bb-product__cat a.bbt-cbadge--pdp{padding:.22rem .5rem}}
a.bbt-cbadge.bbt-cart-cust{position:static;margin:.5rem 0 0;padding:.3rem .65rem}
a.bbt-cbadge{min-height:0;min-width:0;height:auto}
@media(max-width:600px){.bb-product__cat{display:flex;flex-wrap:wrap;align-items:center;gap:0 .35rem}.bb-product__cat a.bbt-cbadge--pdp{position:static;transform:none;margin-left:auto}}
.bb-opt .bb-area::before{content:none}
.bb-opt .bb-area{margin-left:0;opacity:.8}
/* Badge = gleicher Stil wie "Design your own" (Pille, 1.5px Tinte, bei Hover gefuellt), Karten: oben rechts */
a.bbt-cbadge{align-items:center;gap:.4rem;line-height:1;min-height:30px;padding:0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.01em;background:rgba(255,255,255,.94)!important;color:var(--bb-ink,#16161a)!important;border:1.5px solid var(--bb-ink,#16161a);box-shadow:none;white-space:nowrap}
a.bbt-cbadge span{display:block;line-height:1;padding-top:1px}
a.bbt-cbadge svg{display:block;flex:none;margin:0}
a.bbt-cbadge:hover,a.bbt-cbadge:focus-visible{background:var(--bb-ink,#16161a)!important;color:#fff!important}
a.bbt-cbadge:hover span,a.bbt-cbadge:hover svg{color:#fff!important}
.wc-block-components-product-image a.bbt-cbadge{left:auto;right:10px;top:10px}
a.bbt-cbadge.bbt-cbadge--pdp{background:transparent!important;min-height:28px}
a.bbt-cbadge.bbt-cbadge--pdp:hover{background:var(--bb-ink,#16161a)!important}
a.bbt-cbadge.bbt-cart-cust{min-height:28px}
a.bbt-cbadge.bbt-cart-cust{margin:0 0 0 .6rem;vertical-align:middle}
.wc-block-cart-item__wrap{position:relative}
a.bbt-cbadge.bbt-cart-cust{position:absolute;top:-2px;right:0;margin:0}
.wc-block-cart-item__wrap .wc-block-components-product-name{display:inline-block;max-width:calc(100% - 13rem)}
@media(max-width:700px){a.bbt-cbadge.bbt-cart-cust{position:static;margin:.4rem 0 0}.wc-block-cart-item__wrap .wc-block-components-product-name{max-width:none}}
a.bbt-cbadge.bbt-cart-cust{left:auto}@media(max-width:700px){a.bbt-cbadge.bbt-cart-cust{left:auto}}
.bbt-proof{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}
.bbt-proof__i{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;color:inherit;text-decoration:none}
.bbt-proof__i strong{font-weight:700;color:var(--bbt-ink)}
a.bbt-proof__i:hover{text-decoration:underline}
.bbt-proof__i svg{flex:none;opacity:.85}
.bbt-pay--hero .bbt-proof__i strong{color:#fff}
.bbt-pay--hero .bbt-proof{width:100%}
.bbt-pay__logos::before{content:"";}
/* reste 01.11.: Footer/Theme setzt Links auf display:block -> Icon klebte am Text. */
.bbt-proof a.bbt-proof__i{display:inline-flex;align-items:center;gap:.4rem;min-height:44px}
.bb-footer .bb-footer__cols .bbt-proof a.bbt-proof__i[href]{display:inline-flex}