/* Scoped Doodle Hub additions. Payment controls are left to WooCommerce and Stripe. */
#doodle-checkout-preview[data-hub] .dp-brand-banner{padding:8px 20px!important}
#doodle-checkout-preview[data-hub] .dp-brand-banner .dp-logo{max-height:140px;width:auto;max-width:100%;margin:auto;object-fit:contain}
#doodle-checkout-preview[data-hub] .dp-hero{padding:32px 36px 24px}
#doodle-checkout-preview[data-hub] .dp-hero-grid{grid-template-columns:1fr;max-width:1000px;margin:auto;text-align:center}
#doodle-checkout-preview[data-hub] .dp-intro{max-width:720px;margin:18px auto 22px}
#doodle-checkout-preview[data-hub] .dp-actions{justify-content:center}
#doodle-checkout-preview[data-hub] .dph-hero-pops{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:750;box-shadow:0 4px 0 #45306a}
#doodle-checkout-preview[data-hub] .dp-pops-teaser{margin:24px auto;max-width:1120px;border:2px solid #deccea;box-shadow:0 5px 0 #f0e5f6}
#doodle-checkout-preview[data-hub] .dp-theme-layout{grid-template-areas:'art choice' 'art purchase';row-gap:18px}
#doodle-checkout-preview[data-hub] .dp-theme-artwork{grid-area:art;min-width:0}
#doodle-checkout-preview[data-hub] .dp-theme-choice{grid-area:choice;min-width:0;padding:24px 24px 0}
#doodle-checkout-preview[data-hub] .dp-theme-choice h1,#doodle-checkout-preview[data-hub] .dp-theme-choice h2{font-size:clamp(30px,4vw,42px);line-height:1.12;margin:14px 0;color:#b83773;overflow-wrap:anywhere}
#doodle-checkout-preview[data-hub] .dp-theme-purchase{grid-area:purchase;min-width:0}
#doodle-checkout-preview[data-hub] .dp-theme-choice>p{font-size:15px;margin:10px 0}
#doodle-checkout-preview[data-hub] .dph-delivered strong{display:block;color:#31645a;font-size:21px}
#doodle-checkout-preview[data-hub] .dph-delivered span{display:block;font-size:13px;color:#625e70;margin-top:4px}
#doodle-checkout-preview[data-hub] .dph-compare{background:#f2edff;border:1px solid #d1bfeb;color:#513580;width:100%;cursor:pointer;margin-bottom:9px}
#doodle-checkout-preview[data-hub] .dph-difference{font-size:14px;color:#625e70;margin:0 0 14px;white-space:pre-line}
#doodle-checkout-preview[data-hub] .dph-pack-pictures{display:grid;gap:18px}
#doodle-checkout-preview[data-hub] .dph-extras{margin:18px 0;border:1px solid #ddcde8;border-radius:12px;background:#faf7ff;padding:14px}
#doodle-checkout-preview[data-hub] .dph-extras summary{cursor:pointer;font-weight:750;min-height:30px;font-size:15px;color:#65459c}
#doodle-checkout-preview[data-hub] .dph-extras p{font-size:13px;margin:10px 0}
#doodle-checkout-preview[data-hub] .dph-extra{border-top:1px solid #e6ddee;margin-top:12px;padding-top:12px}
#doodle-checkout-preview[data-hub] .dph-extra-choice{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:14px}
#doodle-checkout-preview[data-hub] .dph-extra-choice input{width:20px;height:20px;min-width:20px;margin:3px 0;accent-color:#65459c}
#doodle-checkout-preview[data-hub] .dph-extra-choice span{flex:1;min-width:0}
#doodle-checkout-preview[data-hub] .dph-extra-choice small{display:block;color:#625e70;line-height:1.4;margin-top:4px}
#doodle-checkout-preview[data-hub] .dph-extra-fields label{display:block;font-size:14px;margin-top:12px}
#doodle-checkout-preview[data-hub] .dph-extra-fields input{display:block;width:100%;max-width:100%;font-size:16px;padding:10px;border:1px solid #cfc5dc;border-radius:8px;background:white}
#doodle-checkout-preview[data-hub] .dph-extra-fields input:focus{outline:2px solid #65459c;outline-offset:2px}
#doodle-checkout-preview[data-hub] .dp-pops-added:focus{outline:3px solid #31645a;outline-offset:3px}
#doodle-checkout-preview[data-hub] .dph-dispatch{color:#45365d;font-weight:650}
.dph-commerce{background:#fff8fb!important;color:#323044}
.dph-commerce .dph-commerce-header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#fff0f5,#f2edff,#e9f8f5);padding:12px 24px;border-radius:18px;border:1px solid #e5d8ec;margin:0 0 28px}
.dph-commerce-header img{display:block;width:150px;height:100px;object-fit:contain}
.dph-commerce-header nav{display:flex;gap:10px;flex-wrap:wrap}
.dph-commerce-header nav a{display:inline-flex;align-items:center;padding:10px 15px;min-height:44px;color:#65459c;background:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700}
.dph-commerce .woocommerce table.shop_table{background:#fff;border-color:#e5d8ec;border-radius:16px}
.dph-commerce .woocommerce a.button,.dph-commerce .woocommerce button.button,.dph-commerce .woocommerce a.checkout-button{background:#65459c;color:white;border-radius:10px}
.dph-commerce .woocommerce a.button:hover,.dph-commerce .woocommerce button.button:hover{background:#513580;color:white}
.dph-commerce .woocommerce input.input-text{border-radius:8px;border-color:#d7ccdf}
.dph-commerce .wc-block-cart,.dph-commerce .wc-block-checkout{--wp--preset--color--contrast:#65459c;--wp--preset--color--base:#fff}
@media(max-width:700px){
 #doodle-checkout-preview[data-hub] .dph-home-intro{display:flex;flex-direction:column}
 #doodle-checkout-preview[data-hub] .dph-home-intro>.dp-pops-teaser{order:-1;align-self:stretch;margin:14px 16px 20px}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser{gap:12px;padding:18px}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser-copy{display:contents}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser .dp-pops-kicker{grid-row:1;justify-self:start}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser h2{grid-row:2;margin:0;font-size:28px}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser .dp-pops-peek{grid-row:3;display:grid;width:100%;max-width:420px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser-copy>p:first-of-type{grid-row:4;font-size:14px;line-height:1.45}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser-small{grid-row:5;margin:0!important;line-height:1.5}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser .dp-pops-shop-link{grid-row:6;margin:0;font-size:13px;padding:12px;gap:8px}
 #doodle-checkout-preview[data-hub] .dp-pops-mini .dp-pop-picture{height:115px}
 #doodle-checkout-preview[data-hub] .dp-pops-mini:nth-child(2){margin-top:0}
 #doodle-checkout-preview[data-hub] .dp-brand-banner .dp-logo{max-height:105px}
 #doodle-checkout-preview[data-hub] .dp-hero{padding:26px 20px 22px}
 #doodle-checkout-preview[data-hub] .dp-actions>*{width:100%;font-size:15px}
 #doodle-checkout-preview[data-hub] .dp-pops-teaser{margin:20px 16px}
 #doodle-checkout-preview[data-hub] .dp-theme-layout{grid-template-areas:'choice' 'art' 'purchase';grid-template-columns:minmax(0,1fr);gap:20px}
 #doodle-checkout-preview[data-hub] .dp-theme-choice{padding:0}
 #doodle-checkout-preview[data-hub] .dp-theme-purchase{padding:18px}
 #doodle-checkout-preview[data-hub] .dp-theme-artwork .dp-pop-picture{height:min(115vw,500px)}
 .dph-commerce .dph-commerce-header{flex-direction:column;gap:4px;padding:12px}
 .dph-commerce-header nav{justify-content:center;gap:8px}
}
@media(prefers-reduced-motion:reduce){#doodle-checkout-preview[data-hub] *{scroll-behavior:auto!important;transition:none!important}}
