/* Story Core — customer area (Story palette: Porcelain, Ink Black, Rose Copper, Warm Taupe, Soft Blush) */ .bdcs-wrap{font-family:var(--bdcs-font);color:var(--bdcs-text);max-width:var(--bdcs-max);margin:0 auto;font-size:calc(15px*var(--sb-fs,1));line-height:1.6;-webkit-font-smoothing:antialiased} .bdcs-wrap *{box-sizing:border-box} .bdcs-wrap h2,.bdcs-wrap h3,.bdcs-wrap h4,.bdcs-card h3,.bdcs-card h4{font-family:var(--bdcs-head);color:var(--bdcs-text);font-weight:600;letter-spacing:.005em;margin:0 0 calc(6px*var(--sb-sp,1));line-height:1.2} .bdcs-wrap h3,.bdcs-card h3{font-size:calc(22px*var(--sb-fs,1))} .bdcs-wrap h4,.bdcs-card h4{font-size:calc(19px*var(--sb-fs,1))} .bdcs-eyebrow{display:block;font-size:calc(11px*var(--sb-fs,1));letter-spacing:.18em;text-transform:uppercase;color:var(--bdcs-accent-ink);font-weight:600;margin-bottom:calc(4px*var(--sb-sp,1))} .bdcs-card{background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);box-shadow:var(--bdcs-shadow);padding:calc(22px*var(--sb-sp,1)) calc(24px*var(--sb-sp,1));margin:0 0 calc(18px*var(--sb-sp,1))} .bdcs-card-head{margin-bottom:calc(4px*var(--sb-sp,1))} .bdcs-muted{color:var(--bdcs-muted);font-size:calc(14px*var(--sb-fs,1))} .bdcs-row{display:flex;justify-content:space-between;align-items:center;gap:calc(12px*var(--sb-sp,1));flex-wrap:wrap} .bdcs-link{color:var(--bdcs-accent-ink)!important;text-decoration:none!important;font-weight:500;font-size:calc(14px*var(--sb-fs,1));border-bottom:1px solid transparent;transition:border-color .2s} .bdcs-link:hover{border-bottom-color:currentColor} .bdcs-wrap a{color:var(--bdcs-accent-ink)} /* buttons */ .bdcs-btn,.bdcs-primary,button.bdcs-primary,a.bdcs-primary{display:inline-flex;align-items:center;justify-content:center;gap:calc(8px*var(--sb-sp,1));min-height:44px;padding:0 calc(24px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);border:1px solid var(--bdcs-primary);background:var(--bdcs-primary);color:var(--bdcs-bg)!important;font-family:var(--bdcs-font);font-weight:500;font-size:calc(14px*var(--sb-fs,1));letter-spacing:.05em;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;line-height:1} .bdcs-btn:hover,.bdcs-primary:hover{background:var(--bdcs-accent);border-color:var(--bdcs-accent);color:var(--sb-on-copper,#fff)!important} .bdcs-btn-ghost{background:transparent;color:var(--bdcs-text)!important} .bdcs-btn-ghost:hover{background:var(--bdcs-text);border-color:var(--bdcs-text);color:var(--bdcs-bg)!important} .bdcs-btn-sm{min-height:36px;padding:0 calc(18px*var(--sb-sp,1));font-size:calc(13px*var(--sb-fs,1))} .bdcs-actions{display:flex;gap:calc(10px*var(--sb-sp,1));flex-wrap:wrap;align-items:center;margin:calc(20px*var(--sb-sp,1)) 0} /* welcome */ /* stat tiles */ /* dashboard layout */ .bdcs-dash-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:calc(18px*var(--sb-sp,1));align-items:start} .bdcs-dash-side .bdcs-card{margin-bottom:calc(18px*var(--sb-sp,1))} .bdcs-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:calc(18px*var(--sb-sp,1))} .bdcs-empty{text-align:center;padding:calc(18px*var(--sb-sp,1)) 0 calc(6px*var(--sb-sp,1));color:var(--bdcs-muted)} .bdcs-empty p{margin:0 0 calc(12px*var(--sb-sp,1))} .bdcs-wrap address{font-style:normal;color:var(--bdcs-muted);line-height:1.75} .bdcs-live .bdcs-steps{margin-top:calc(22px*var(--sb-sp,1))} .bdcs-eta{margin:calc(14px*var(--sb-sp,1)) 0 0} /* quick links: one list, each row = icon, page, one live line about this customer (copper when it needs attention) */ .bdcs-ql-list{list-style:none;margin:calc(8px*var(--sb-sp,1)) 0 0;padding:0} .bdcs-ql-list>li{margin:0;padding:0;list-style:none} .bdcs-ql-row{--x:10px;position:relative;display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));max-width:none!important;margin:0 calc(-1 * var(--x));padding:calc(11px*var(--sb-sp,1)) var(--x);border-radius:calc(var(--bdcs-radius,14px)*0.857);color:var(--bdcs-text)!important;text-decoration:none!important;transition:background .2s} .bdcs-ql-list>li+li .bdcs-ql-row::before{content:"";position:absolute;top:0;left:calc(var(--x) + 48px);right:var(--x);height:1px;background:var(--bdcs-border)} .bdcs-ql-row:hover,.bdcs-ql-row:focus-visible{background:color-mix(in srgb,var(--bdcs-blush) 40%,transparent)} .bdcs-ql-list>li:hover+li .bdcs-ql-row::before,.bdcs-ql-row:hover::before{opacity:0} .bdcs-ql-row:focus-visible{outline:2px solid var(--bdcs-accent);outline-offset:0} .bdcs-ql-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:calc(var(--bdcs-radius,14px)*0.857);background:color-mix(in srgb,var(--bdcs-blush) 70%,var(--bdcs-card))} .bdcs-ql-ic::before{content:"";width:19px;height:19px;background:var(--bdcs-accent-ink);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat} .bdcs-ql-t{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0} .bdcs-ql-t b{font-size:calc(15px*var(--sb-fs,1));font-weight:500;line-height:1.3} .bdcs-ql-t small{font-size:calc(13px*var(--sb-fs,1));line-height:1.35;color:var(--bdcs-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bdcs-ql-t small.is-hot{color:var(--bdcs-accent-ink);font-weight:500} .bdcs-ql-t small.is-hot::before{content:"";display:inline-block;width:6px;height:6px;margin:0 calc(6px*var(--sb-sp,1)) 1px 0;border-radius:50%;background:var(--bdcs-accent);vertical-align:middle} .bdcs-ql-go{flex:none;width:8px;height:8px;margin-right:calc(4px*var(--sb-sp,1));border:solid var(--bdcs-taupe);border-width:1.6px 1.6px 0 0;transform:rotate(45deg);transition:transform .2s,border-color .2s} .bdcs-ql-row:hover .bdcs-ql-go{transform:translateX(2px) rotate(45deg);border-color:var(--bdcs-accent)} .bdcs-promo{margin-top:calc(4px*var(--sb-sp,1));padding:calc(26px*var(--sb-sp,1)) calc(28px*var(--sb-sp,1));border-radius:var(--bdcs-radius);background:var(--bdcs-blush);border:1px solid color-mix(in srgb,var(--sb-copper) 28%,transparent)} .bdcs-custom{background:var(--bdcs-blush)} /* pills, banners */ .bdcs-pill{display:inline-flex;align-items:center;gap:calc(6px*var(--sb-sp,1));padding:calc(3px*var(--sb-sp,1)) calc(11px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);font-size:calc(11px*var(--sb-fs,1));font-weight:500;letter-spacing:.03em;white-space:nowrap;background:color-mix(in srgb,var(--sb-copper) 16%,transparent);color:var(--bdcs-accent-ink)} .bdcs-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .bdcs-pill--delivered,.bdcs-pill--rt-completed{background:color-mix(in srgb,var(--sb-sage) 15%,transparent);color:var(--sb-sage-deep)} .bdcs-pill--cancelled,.bdcs-pill--returned,.bdcs-pill--rt-rejected{background:color-mix(in srgb,var(--sb-brick) 12%,transparent);color:var(--sb-brick-deep)} .bdcs-pill--rt-approved,.bdcs-pill--rt-received{background:color-mix(in srgb,var(--sb-gold) 16%,transparent);color:var(--sb-gold-deep)} .bdcs-banner{padding:calc(13px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1));border-radius:calc(var(--bdcs-radius)*.75);margin-bottom:calc(16px*var(--sb-sp,1));font-weight:500;border:1px solid transparent} .bdcs-bad{background:var(--sb-blush-soft);color:var(--sb-brick-deep);border-color:color-mix(in srgb,var(--sb-brick) 28%,var(--sb-card))} .bdcs-good{background:color-mix(in srgb,var(--sb-sage) 12%,var(--sb-card));color:var(--sb-sage-deep);border-color:color-mix(in srgb,var(--sb-sage) 30%,var(--sb-card))} /* tracking */ .bdcs-trackform{max-width:500px;margin:0 auto calc(18px*var(--sb-sp,1))} .bdcs-trackform input{width:100%;margin:calc(7px*var(--sb-sp,1)) 0;padding:calc(12px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-card);color:var(--bdcs-text);font:inherit} .bdcs-trackform input:focus{outline:0;border-color:var(--bdcs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-copper) 18%,transparent)} .bdcs-trackform .bdcs-primary{width:100%;margin-top:calc(6px*var(--sb-sp,1))} .bdcs-steps{list-style:none;display:flex;margin:calc(18px*var(--sb-sp,1)) 0 calc(4px*var(--sb-sp,1));padding:0;gap:calc(4px*var(--sb-sp,1))} .bdcs-steps li{flex:1;min-width:0;text-align:center;font-size:calc(12px*var(--sb-fs,1));line-height:1.3;color:var(--bdcs-muted);position:relative;letter-spacing:0;overflow-wrap:normal!important;hyphens:manual} .bdcs-steps li span{display:flex;width:34px;height:34px;margin:0 auto calc(8px*var(--sb-sp,1));border-radius:50%;background:var(--bdcs-card);border:1px solid var(--bdcs-border);align-items:center;justify-content:center;font-weight:600;position:relative;z-index:1;font-size:calc(14px*var(--sb-fs,1))} .bdcs-steps li:not(:last-child)::after{content:"";position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--bdcs-border)} .bdcs-steps li.done span{background:var(--bdcs-accent);border-color:var(--bdcs-accent);color:var(--sb-on-copper,#fff)} .bdcs-steps li.now span{background:var(--bdcs-primary);border-color:var(--bdcs-primary);color:var(--bdcs-bg);box-shadow:0 0 0 5px color-mix(in srgb,var(--sb-copper) 22%,transparent)} .bdcs-steps li.done::after{background:var(--bdcs-accent)} .bdcs-steps li.now{color:var(--bdcs-text);font-weight:600} .bdcs-log{list-style:none;margin:0;padding:0}.bdcs-log li{padding:calc(10px*var(--sb-sp,1)) 0;border-top:1px solid var(--bdcs-border)}.bdcs-log span{display:block;color:var(--bdcs-muted);font-size:calc(12px*var(--sb-fs,1))} .bdcs-tl{list-style:none;margin:calc(8px*var(--sb-sp,1)) 0 0;padding:0 0 0 calc(18px*var(--sb-sp,1));border-left:2px solid var(--bdcs-border)} .bdcs-tl li{position:relative;padding:0 0 calc(18px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1))} .bdcs-tl li::before{content:"";position:absolute;left:-26px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bdcs-card);border:2px solid var(--bdcs-taupe)} .bdcs-tl li.now::before{background:var(--bdcs-accent);border-color:var(--bdcs-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sb-copper) 20%,transparent)} .bdcs-tl b{display:block;font-weight:600}.bdcs-tl em{display:block;color:var(--bdcs-muted);font-style:normal;font-size:calc(14px*var(--sb-fs,1))}.bdcs-tl span{color:var(--bdcs-muted);font-size:calc(12px*var(--sb-fs,1))} /* social + partial payment */ .bdcs-social{margin-top:calc(18px*var(--sb-sp,1));display:flex;gap:calc(10px*var(--sb-sp,1));flex-wrap:wrap;align-items:center}.bdcs-or{width:100%;color:var(--bdcs-muted,var(--sb-taupe-deep));font-size:calc(13px*var(--sb-fs,1));text-align:center} .bdcs-social .bdcs-btn{flex:1;min-height:42px;border-radius:calc(var(--bdcs-radius,14px)*0.857);color:#fff!important} .bdcs-google{background:var(--sb-ink)!important;border-color:var(--sb-ink)!important}.bdcs-facebook{background:#1b4f9c!important;border-color:#1b4f9c!important} .bdcs-partial{border:1px solid var(--bdcs-border,var(--sb-line));border-radius:calc(var(--bdcs-radius,14px)*0.857);padding:calc(16px*var(--sb-sp,1));margin:0 0 calc(16px*var(--sb-sp,1));background:var(--bdcs-card,var(--sb-card))}.bdcs-partial label{display:block;margin:calc(6px*var(--sb-sp,1)) 0} /* My Account layout */ body.woocommerce-account{background:var(--bdcs-bg)} body.woocommerce-account .woocommerce{max-width:var(--bdcs-max);margin:0 auto;font-family:var(--bdcs-font);color:var(--bdcs-text)} body.bdcs-nav-sidebar.woocommerce-account .woocommerce{display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-rows:auto 1fr;gap:calc(18px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1));align-items:start} body.bdcs-nav-sidebar.woocommerce-account .woocommerce>:not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content):not(.bdcs-navcard){grid-column:1/-1} /* WooCommerce's clearfix ::before/::after would become grid cells and push the menu into the wide column */ body.bdcs-nav-sidebar.woocommerce-account .woocommerce::before,body.bdcs-nav-sidebar.woocommerce-account .woocommerce::after{display:none} body.bdcs-nav-sidebar.woocommerce-account .bdcs-navcard{grid-column:1;grid-row:1} body.bdcs-nav-sidebar.woocommerce-account .woocommerce-MyAccount-navigation{grid-column:1;grid-row:2} body.bdcs-nav-sidebar.woocommerce-account .woocommerce-MyAccount-content{grid-column:2;grid-row:1/span 2;min-width:0} body.woocommerce-account .woocommerce-MyAccount-navigation,body.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto} .bdcs-navcard{display:flex;align-items:center;gap:calc(14px*var(--sb-sp,1));padding:calc(18px*var(--sb-sp,1));border-radius:var(--bdcs-radius);background:linear-gradient(135deg,var(--bdcs-blush),var(--sb-blush-soft));border:1px solid color-mix(in srgb,var(--sb-copper) 28%,transparent)} .bdcs-navcard .bdcs-av{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;object-fit:cover;font-weight:600;line-height:1;width:56px;height:56px;font-size:calc(19px*var(--sb-fs,1));font-family:var(--bdcs-head);background:var(--bdcs-primary);color:var(--bdcs-bg);box-shadow:0 0 0 3px var(--bdcs-card),0 0 0 4px color-mix(in srgb,var(--sb-copper) 50%,transparent)} .bdcs-navcard strong{display:block;font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;line-height:1.15;color:var(--bdcs-text)} .bdcs-navcard span{display:block;font-size:calc(12px*var(--sb-fs,1));letter-spacing:.06em;color:var(--bdcs-muted)} body.woocommerce-account .woocommerce-MyAccount-navigation{background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);box-shadow:var(--bdcs-shadow);padding:calc(10px*var(--sb-sp,1))} body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0} body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important;border:0!important;list-style:none} body.woocommerce-account .woocommerce-MyAccount-navigation a{position:relative;display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));padding:calc(11px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border-radius:calc(var(--bdcs-radius,14px)*0.714);text-decoration:none!important;color:var(--bdcs-muted);font-weight:500;font-size:calc(14px*var(--sb-fs,1));letter-spacing:.01em;transition:background .2s,color .2s} body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:color-mix(in srgb,var(--bdcs-blush) 55%,transparent);color:var(--bdcs-text)} body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--bdcs-primary);color:var(--bdcs-bg)} body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::after{content:"";position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:var(--bdcs-accent)} body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:calc(6px*var(--sb-sp,1))!important;padding-top:calc(6px*var(--sb-sp,1))!important;border-top:1px solid var(--bdcs-border)!important} body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{color:var(--sb-brick-deep);background:var(--sb-blush-soft)} body.bdcs-icons .woocommerce-MyAccount-navigation a::before{content:"";flex:none;width:19px;height:19px;background:currentColor;-webkit-mask:var(--i,none) center/contain no-repeat;mask:var(--i,none) center/contain no-repeat} body.bdcs-icons .woocommerce-MyAccount-navigation .is-active a::before{background:var(--bdcs-accent)} body.woocommerce-account .woocommerce-MyAccount-navigation a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l-1 13h-11z'/%3E%3Cpath d='M9 7.5V7a3 3 0 0 1 6 0v.5'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--track-my-order a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 9.5h4l3 3.2V16h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v11M7.5 10l4.5 4.5 4.5-4.5M5 20.5h14'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 15.2 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.3'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--payment-methods a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c0-3.8 3.4-5.8 7.5-5.8s7.5 2 7.5 5.8'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--returns a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 13.5 4.5 9 9 4.5'/%3E%3Cpath d='M4.5 9H15a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--reviews a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.6l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5h4a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4M10 16.5l4.5-4.5L10 7.5M14.5 12H3.5'/%3E%3C/svg%3E")} .bdcs-i-bag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l-1 13h-11z'/%3E%3Cpath d='M9 7.5V7a3 3 0 0 1 6 0v.5'/%3E%3C/svg%3E")} .bdcs-i-truck{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 9.5h4l3 3.2V16h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")} .bdcs-i-return{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 13.5 4.5 9 9 4.5'/%3E%3Cpath d='M4.5 9H15a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E")} .bdcs-i-star{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.6l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")} .bdcs-i-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 15.2 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.3'/%3E%3C/svg%3E")} .bdcs-i-user{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c0-3.8 3.4-5.8 7.5-5.8s7.5 2 7.5 5.8'/%3E%3C/svg%3E")} body.bdcs-nav-top.woocommerce-account .bdcs-navcard{margin-bottom:calc(14px*var(--sb-sp,1))} body.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:calc(22px*var(--sb-sp,1))} body.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:calc(6px*var(--sb-sp,1));flex-wrap:wrap} body.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin:0 0 0 auto!important;padding:0!important;border:0} /* WooCommerce screens inside My Account */ body.woocommerce-account .woocommerce-MyAccount-content{font-size:calc(15px*var(--sb-fs,1))} body.woocommerce-account .woocommerce-MyAccount-content>h2,body.woocommerce-account .woocommerce-MyAccount-content>h3,body.woocommerce-account .woocommerce-MyAccount-content header h2,body.woocommerce-account .woocommerce-column__title,body.woocommerce-account .woocommerce-order-details__title{font-family:var(--bdcs-head);font-weight:600;color:var(--bdcs-text)} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table{background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--bdcs-shadow);width:100%} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th{font-size:calc(11px*var(--sb-fs,1));letter-spacing:.14em;text-transform:uppercase;color:var(--bdcs-muted);font-weight:600;background:color-mix(in srgb,var(--bdcs-blush) 35%,var(--bdcs-card));padding:calc(13px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border:0;border-bottom:1px solid var(--bdcs-border)} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border:0;border-top:1px solid var(--bdcs-border);vertical-align:middle} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr:first-child td{border-top:0} body.woocommerce-account .woocommerce .button,body.woocommerce-account .woocommerce button.button,body.woocommerce-account .woocommerce a.button,body.woocommerce-account .woocommerce .woocommerce-Button{background:var(--bdcs-primary)!important;color:var(--bdcs-bg)!important;border:1px solid var(--bdcs-primary)!important;border-radius:var(--sb-pill,999px)!important;padding:.7em 1.5em!important;font-family:var(--bdcs-font);font-weight:500;letter-spacing:.04em;font-size:calc(13px*var(--sb-fs,1));transition:background .2s,border-color .2s} body.woocommerce-account .woocommerce .button:hover,body.woocommerce-account .woocommerce a.button:hover,body.woocommerce-account .woocommerce button.button:hover{background:var(--bdcs-accent)!important;border-color:var(--bdcs-accent)!important;color:var(--sb-on-copper,#fff)!important} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button{padding:.45em 1.1em!important;font-size:calc(12px*var(--sb-fs,1));margin:2px} body.woocommerce-account .woocommerce-MyAccount-content input.input-text,body.woocommerce-account .woocommerce-MyAccount-content select,body.woocommerce-account .woocommerce-MyAccount-content textarea{border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*0.857);padding:calc(11px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));background:var(--bdcs-card);color:var(--bdcs-text);font:inherit;box-shadow:none} body.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,body.woocommerce-account .woocommerce-MyAccount-content select:focus,body.woocommerce-account .woocommerce-MyAccount-content textarea:focus{outline:0;border-color:var(--bdcs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-copper) 18%,transparent)} body.woocommerce-account .woocommerce-MyAccount-content label{font-weight:500;font-size:calc(14px*var(--sb-fs,1))} body.woocommerce-account .woocommerce-MyAccount-content fieldset{border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);padding:calc(18px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));margin:calc(20px*var(--sb-sp,1)) 0;background:var(--bdcs-card)} body.woocommerce-account .woocommerce-MyAccount-content legend{font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;padding:0 calc(8px*var(--sb-sp,1))} body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,body.woocommerce-account .woocommerce-customer-details address{background:var(--bdcs-card);border:1px solid var(--bdcs-border)!important;border-radius:var(--bdcs-radius);padding:calc(20px*var(--sb-sp,1)) calc(22px*var(--sb-sp,1))!important;box-shadow:var(--bdcs-shadow)} body.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:calc(10px*var(--sb-sp,1))} body.woocommerce-account .woocommerce-Address-title h2,body.woocommerce-account .woocommerce-Address-title h3{font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));margin:0 0 calc(8px*var(--sb-sp,1))} body.woocommerce-account .woocommerce-message,body.woocommerce-account .woocommerce-info,body.woocommerce-account .woocommerce-noreviews,body.woocommerce-account .wc-block-components-notice-banner{background:var(--bdcs-blush)!important;color:var(--bdcs-text)!important;border:1px solid color-mix(in srgb,var(--sb-copper) 30%,transparent)!important;border-left:3px solid var(--bdcs-accent)!important;border-radius:calc(var(--bdcs-radius,14px)*0.857)!important} body.woocommerce-account .woocommerce-message::before,body.woocommerce-account .woocommerce-info::before{color:var(--bdcs-accent-ink)!important} body.woocommerce-account mark{background:color-mix(in srgb,var(--sb-copper) 18%,transparent);color:var(--bdcs-accent-ink);padding:0 calc(4px*var(--sb-sp,1));border-radius:4px} /* order rows (dashboard + tracking list) */ .bdcs-orders{display:flex;flex-direction:column} /* the row reaches --x past the card's content on both sides (room for the hover tint); the divider is drawn separately so it lines up exactly with the content edges instead of following the row's rounded corners */ .bdcs-orow{--x:10px;position:relative;display:flex;align-items:center;gap:calc(14px*var(--sb-sp,1));max-width:none!important;padding:calc(14px*var(--sb-sp,1)) var(--x);margin:0 calc(-1 * var(--x));border-radius:calc(var(--bdcs-radius,14px)*0.857);color:var(--bdcs-text)!important;text-decoration:none!important;transition:background .2s} .bdcs-orow+.bdcs-orow::before{content:"";position:absolute;top:0;left:var(--x);right:var(--x);height:1px;background:var(--bdcs-border)} .bdcs-orow:hover::before,.bdcs-orow:hover+.bdcs-orow::before{opacity:0} .bdcs-orow:hover,.bdcs-orow:focus-visible{background:color-mix(in srgb,var(--bdcs-blush) 45%,transparent)} .bdcs-orow-thumbs{display:flex;flex:none;width:52px} .bdcs-orow-thumbs img{width:52px;height:52px;object-fit:cover;border-radius:calc(var(--bdcs-radius,14px)*0.714);border:2px solid var(--bdcs-card);background:var(--bdcs-border);margin:0} .bdcs-orow-thumbs img+img{display:none} /* one picture per row so every title starts on the same edge; the title already says "+N more" */ .bdcs-orow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(3px*var(--sb-sp,1))} .bdcs-orow-title{display:flex;gap:calc(6px*var(--sb-sp,1));align-items:baseline;min-width:0;font-weight:500} .bdcs-orow-title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .bdcs-orow-title em{flex:none;font-style:normal;font-size:calc(13px*var(--sb-fs,1));color:var(--bdcs-muted)} .bdcs-orow-meta{color:var(--bdcs-muted);font-size:calc(12px*var(--sb-fs,1));letter-spacing:.02em} .bdcs-orow-side{display:flex;flex-direction:column;align-items:flex-end;gap:calc(6px*var(--sb-sp,1));flex:none;text-align:right} .bdcs-orow-side strong{font-weight:600} .bdcs-orow-courier{color:var(--bdcs-accent-ink);font-weight:500} .bdcs-shipwith{margin:calc(18px*var(--sb-sp,1)) 0 0;padding:calc(14px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1));border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-blush);font-family:var(--bdcs-font)} .bdcs-shipwith .bdcs-eyebrow{margin-bottom:2px} .bdcs-orow-go{flex:none;color:var(--bdcs-taupe);font-size:calc(22px*var(--sb-fs,1));line-height:1;transition:transform .2s,color .2s} .bdcs-orow:hover .bdcs-orow-go{transform:translateX(3px);color:var(--bdcs-accent)} /* returns & exchanges */ .bdcs-rtform h4{margin:calc(24px*var(--sb-sp,1)) 0 calc(10px*var(--sb-sp,1))} .bdcs-rt-item{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));padding:calc(12px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*0.857);margin:0 0 calc(8px*var(--sb-sp,1));cursor:pointer;transition:border-color .2s,background .2s} .bdcs-rt-item:has(input:checked){border-color:var(--bdcs-accent);background:color-mix(in srgb,var(--bdcs-blush) 45%,transparent)} .bdcs-rt-item img{width:46px;height:46px;object-fit:cover;border-radius:calc(var(--bdcs-radius,14px)*0.643);flex:none} .bdcs-rt-item span{flex:1;min-width:0}.bdcs-rt-item small{display:block;color:var(--bdcs-muted)} .bdcs-rt-types{display:flex;gap:calc(10px*var(--sb-sp,1));flex-wrap:wrap} .bdcs-rt-types label{flex:1;min-width:140px;padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*0.857);cursor:pointer;font-weight:500;transition:border-color .2s,background .2s} .bdcs-rt-types label:has(input:checked){border-color:var(--bdcs-primary);background:color-mix(in srgb,var(--bdcs-blush) 45%,transparent)} .bdcs-rt-x label{display:block;margin-top:calc(12px*var(--sb-sp,1))} .bdcs-rtform textarea,.bdcs-rtform select,.bdcs-rtform input[type=tel]{width:100%;padding:calc(11px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));margin:calc(6px*var(--sb-sp,1)) 0;border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-card);color:inherit;font:inherit} .bdcs-rtform .bdcs-rt-item select{width:auto;flex:none;margin:0;padding:calc(6px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1))} .bdcs-rtform textarea:focus,.bdcs-rtform select:focus,.bdcs-rtform input:focus{outline:0;border-color:var(--bdcs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-copper) 18%,transparent)} .bdcs-rt-sum{margin:calc(16px*var(--sb-sp,1)) 0;padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-blush);font-weight:500} .bdcs-rt-sum:empty{display:none} .bdcs-rt-policy{font-size:calc(14px*var(--sb-fs,1));color:var(--bdcs-muted);border-left:2px solid var(--bdcs-accent);padding-left:calc(12px*var(--sb-sp,1));margin:calc(10px*var(--sb-sp,1)) 0} .bdcs-rt{padding:calc(14px*var(--sb-sp,1)) 0;border-top:1px solid var(--bdcs-border)}.bdcs-rt p{margin:calc(4px*var(--sb-sp,1)) 0} .bdcs-rtrow{display:flex;flex-wrap:wrap;align-items:center;gap:calc(14px*var(--sb-sp,1));padding:calc(14px*var(--sb-sp,1)) 0;border-top:1px solid var(--bdcs-border)} .bdcs-rtrow .bdcs-orow-main{gap:calc(5px*var(--sb-sp,1))} .bdcs-rtrow-act{flex:none} .bdcs-rtdetail{flex-basis:100%;margin:calc(4px*var(--sb-sp,1)) 0 calc(6px*var(--sb-sp,1));padding:calc(16px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1));border-radius:var(--bdcs-radius,14px);background:color-mix(in srgb,var(--bdcs-blush) 35%,var(--bdcs-card));border:1px solid var(--bdcs-border)} .bdcs-rtdetail .bdcs-steps{margin-top:calc(6px*var(--sb-sp,1))} .bdcs-rtdetail p{margin:calc(6px*var(--sb-sp,1)) 0} .bdcs-rt-drop{display:flex;align-items:center;justify-content:center;min-height:64px;border:1.5px dashed var(--bdcs-taupe);border-radius:var(--bdcs-radius,14px);cursor:pointer;color:var(--bdcs-accent-ink);font-weight:500;position:relative;transition:background .2s,border-color .2s} .bdcs-rt-drop:hover{background:color-mix(in srgb,var(--bdcs-blush) 40%,transparent);border-color:var(--bdcs-accent)} .bdcs-rt-drop input{position:absolute;inset:0;opacity:0;cursor:pointer} .bdcs-rt-previews{display:flex;gap:calc(8px*var(--sb-sp,1));flex-wrap:wrap;margin:calc(10px*var(--sb-sp,1)) 0} .bdcs-rt-previews img{width:72px;height:72px;object-fit:cover;border-radius:calc(var(--bdcs-radius,14px)*0.714);border:1px solid var(--bdcs-border)} .bdcs-rt-previews small{flex-basis:100%;color:var(--bdcs-muted)} .bdcs-rt-inhand{margin:calc(6px*var(--sb-sp,1)) 0 calc(4px*var(--sb-sp,1))} .bdcs-pill--rt-pending,.bdcs-pill--rt-awaiting_payment{background:color-mix(in srgb,var(--sb-gold) 16%,transparent);color:var(--sb-gold-deep)} .bdcs-pill--rt-paid,.bdcs-pill--rt-return_requested{background:color-mix(in srgb,var(--sb-copper) 16%,transparent);color:var(--bdcs-accent-ink)} .bdcs-pill--rt-refunded,.bdcs-pill--rt-replacement{background:color-mix(in srgb,var(--sb-sage) 15%,transparent);color:var(--sb-sage-deep)} .bdcs-order{border-top:1px solid var(--bdcs-border);padding:calc(10px*var(--sb-sp,1)) 0} /* two columns only when the dashboard itself is wide enough (the account sidebar takes room on tablets); in one column the shortcuts come before the long order list */ .bdcs-dash{container-type:inline-size} @container (max-width:819px){.bdcs-dash-grid{grid-template-columns:minmax(0,1fr)!important}.bdcs-dash-grid>.bdcs-ql{order:-1}} @media(max-width:782px){ body.bdcs-nav-sidebar.woocommerce-account .woocommerce{grid-template-columns:1fr;grid-template-rows:auto} body.bdcs-nav-sidebar.woocommerce-account .bdcs-navcard,body.bdcs-nav-sidebar.woocommerce-account .woocommerce-MyAccount-navigation,body.bdcs-nav-sidebar.woocommerce-account .woocommerce-MyAccount-content{grid-column:1;grid-row:auto} .bdcs-steps li{font-size:calc(11px*var(--sb-fs,1))} .bdcs-card{padding:calc(18px*var(--sb-sp,1))} } @media(max-width:480px){.bdcs-orow{gap:calc(10px*var(--sb-sp,1))}.bdcs-orow-thumbs{width:44px}.bdcs-orow-thumbs img{width:44px;height:44px}.bdcs-orow-thumbs img+img{display:none}.bdcs-orow-go{display:none}} @media(prefers-reduced-motion:reduce){.bdcs-wrap *,.bdcs-ql-row,.bdcs-ql-go,.bdcs-orow{transition:none!important}} /* Vouchers */ .bdcs-voucher{display:flex;justify-content:space-between;align-items:center;gap:calc(16px*var(--sb-sp,1));padding:calc(16px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1));margin:0 0 calc(12px*var(--sb-sp,1));border-radius:var(--bdcs-radius);background:linear-gradient(110deg,var(--bdcs-card) 60%,var(--sb-blush));border:1px solid var(--bdcs-border);position:relative} .bdcs-voucher strong{font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));display:block} .bdcs-voucher p{margin:2px 0} .bdcs-voucher small{color:var(--bdcs-muted)} .bdcs-vcode{flex:none;font:600 calc(14px*var(--sb-fs,1))/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;padding:calc(12px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border:2px dashed var(--sb-copper);border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--sb-porcelain);color:var(--sb-ink);cursor:pointer} .bdcs-vcode:hover{background:var(--sb-ink);color:var(--sb-porcelain);border-color:var(--sb-ink)} @media(max-width:560px){.bdcs-voucher{flex-direction:column;align-items:flex-start}} /* ===================== Order details (My Account → View order), mobile first ===================== */ .bdcs-vo{display:flex;flex-direction:column;gap:calc(14px*var(--sb-sp,1));min-width:0} .bdcs-vo *{box-sizing:border-box} .bdcs-vo-hero{position:relative;overflow:hidden;padding:calc(20px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border-radius:var(--bdcs-radius);color:var(--sb-porcelain);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--sb-copper) 60%,transparent),transparent 55%),var(--sb-ink)} .bdcs-vo-top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(12px*var(--sb-sp,1))} .bdcs-vo-id .bdcs-eyebrow{color:var(--sb-blush);margin:0} .bdcs-vo-id h2{margin:2px 0 2px!important;font-family:var(--bdcs-head);font-size:calc(30px*var(--sb-fs,1))!important;line-height:1.05;color:var(--sb-porcelain)!important;font-variant-numeric:lining-nums proportional-nums} .bdcs-vo-id small{color:var(--sb-blush);font-size:calc(13px*var(--sb-fs,1))} .bdcs-vo-pill{flex:none;padding:calc(6px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);font-size:calc(12px*var(--sb-fs,1));font-weight:600;background:color-mix(in srgb,var(--sb-porcelain) 14%,transparent);color:var(--sb-porcelain);white-space:nowrap} .bdcs-vo-pill.ok{background:var(--sb-sage)}.bdcs-vo-pill.copper{background:var(--sb-copper)}.bdcs-vo-pill.bad{background:var(--sb-brick)} .bdcs-vo-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));margin:calc(16px*var(--sb-sp,1)) 0 calc(14px*var(--sb-sp,1))} .bdcs-vo-total>span{width:100%;font-size:calc(11px*var(--sb-fs,1));letter-spacing:.16em;text-transform:uppercase;color:var(--sb-blush)} .bdcs-vo-total strong{font-family:var(--bdcs-font);font-size:calc(30px*var(--sb-fs,1));line-height:1;font-weight:600;letter-spacing:-.01em;font-variant-numeric:lining-nums proportional-nums} .bdcs-vo-total strong *{color:inherit!important;font:inherit} .bdcs-vo-total em{font-style:normal;font-size:calc(13px*var(--sb-fs,1));color:var(--sb-blush)} .bdcs-vo-total em *{color:inherit!important} .bdcs-vo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:calc(6px*var(--sb-sp,1));margin:0 calc(-4px*var(--sb-sp,1))} .bdcs-vo-actions a{display:flex;flex-direction:column;align-items:center;gap:calc(4px*var(--sb-sp,1));padding:calc(10px*var(--sb-sp,1)) calc(4px*var(--sb-sp,1));border-radius:var(--bdcs-radius,14px);background:color-mix(in srgb,var(--sb-porcelain) 8%,transparent);color:var(--sb-porcelain)!important;text-decoration:none!important;font-size:calc(13px*var(--sb-fs,1));font-weight:500;transition:background .2s} .bdcs-vo-actions a:hover,.bdcs-vo-actions a:focus-visible{background:color-mix(in srgb,var(--sb-porcelain) 18%,transparent)} .bdcs-vo-actions a span{font-size:calc(19px*var(--sb-fs,1));line-height:1} .bdcs-vo-card{padding:calc(16px*var(--sb-sp,1));background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);box-shadow:var(--bdcs-shadow);min-width:0} .bdcs-vo-h{display:flex;justify-content:space-between;align-items:baseline;gap:calc(10px*var(--sb-sp,1));flex-wrap:wrap;margin:0 0 calc(12px*var(--sb-sp,1))} .bdcs-vo-h h3{margin:0!important;font-family:var(--bdcs-head);font-size:calc(22px*var(--sb-fs,1))} .bdcs-vo-eta{font-size:calc(13px*var(--sb-fs,1));font-weight:600;color:var(--bdcs-accent-ink)} .bdcs-vo-banner{padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border-radius:var(--bdcs-radius);background:color-mix(in srgb,var(--sb-brick) 10%,transparent);color:var(--sb-brick);font-weight:500} /* delivery tracker: vertical on phones */ .bdcs-vo-track{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0} .bdcs-vo-track li{position:relative;display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));padding:0 0 calc(16px*var(--sb-sp,1));color:var(--bdcs-muted);font-size:calc(15px*var(--sb-fs,1))} .bdcs-vo-track li:last-child{padding-bottom:0} .bdcs-vo-track li:not(:last-child)::after{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:var(--bdcs-border)} .bdcs-vo-track li.is-done::after{background:var(--sb-copper)} .bdcs-vo-dot{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--sb-taupe) 70%,var(--bdcs-card));background:var(--bdcs-card);font-size:calc(13px*var(--sb-fs,1));color:var(--sb-on-copper,#fff);position:relative;z-index:1} .bdcs-vo-track li.is-done .bdcs-vo-dot{background:var(--sb-copper);border-color:var(--sb-copper)} .bdcs-vo-track li.is-now{color:var(--bdcs-text);font-weight:600} .bdcs-vo-track li.is-now .bdcs-vo-dot{background:var(--sb-ink);border-color:var(--sb-ink);color:var(--sb-on-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--sb-ink) 14%,transparent)} /* the current step: the same soft ripple as the tracking page */ .bdcs-vo-track li.is-now .bdcs-vo-dot::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--sb-ink);opacity:0;animation:bdcs-trk-ripple 2.6s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none} @media(prefers-reduced-motion:reduce){.bdcs-vo-track li.is-now .bdcs-vo-dot::after{animation:none}} .bdcs-vo-courier{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));margin:calc(14px*var(--sb-sp,1)) 0 0;padding:calc(12px*var(--sb-sp,1));border-radius:var(--bdcs-radius,14px);background:color-mix(in srgb,var(--bdcs-blush) 40%,var(--bdcs-card))} .bdcs-vo-cic{font-size:calc(22px*var(--sb-fs,1))} .bdcs-vo-courier b{display:block}.bdcs-vo-courier small{color:var(--bdcs-muted);overflow-wrap:anywhere} /* items */ .bdcs-vo-items{list-style:none;margin:0;padding:0} .bdcs-vo-items li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:calc(12px*var(--sb-sp,1));padding:calc(10px*var(--sb-sp,1)) 0;border-top:1px solid var(--bdcs-border)} .bdcs-vo-items li:first-child{border-top:0;padding-top:0} .bdcs-vo-img img{display:block;width:56px;height:56px;object-fit:cover;border-radius:calc(var(--bdcs-radius,14px)*0.857);margin:0!important} .bdcs-vo-it{display:flex;flex-direction:column;gap:2px;min-width:0} .bdcs-vo-it b{font-weight:600;line-height:1.3;overflow-wrap:anywhere} .bdcs-vo-it b a{color:var(--bdcs-text)!important;text-decoration:none!important} .bdcs-vo-it small{color:var(--bdcs-muted);font-size:calc(13px*var(--sb-fs,1))} .bdcs-vo-lt{font-weight:600;white-space:nowrap} .bdcs-vo-sum{margin:calc(12px*var(--sb-sp,1)) 0 0;padding:calc(12px*var(--sb-sp,1)) 0 0;border-top:1px dashed var(--bdcs-border)} .bdcs-vo-sum div{display:flex;justify-content:space-between;align-items:baseline;gap:calc(12px*var(--sb-sp,1));padding:calc(4px*var(--sb-sp,1)) 0;font-size:calc(14px*var(--sb-fs,1))} .bdcs-vo-sum dt{color:var(--bdcs-muted);margin:0;font-weight:400} .bdcs-vo-sum dd{margin:0;text-align:right} .bdcs-vo-sum small{display:block;color:var(--bdcs-muted);font-size:calc(12px*var(--sb-fs,1))} .bdcs-vo-sum .is-total{margin-top:calc(6px*var(--sb-sp,1));padding-top:calc(10px*var(--sb-sp,1));border-top:1px solid var(--bdcs-border)} .bdcs-vo-sum .is-total dt{color:var(--bdcs-text);font-weight:600} .bdcs-vo-sum .is-total dd{font-family:var(--bdcs-head);font-size:calc(26px*var(--sb-fs,1));font-weight:600;font-variant-numeric:lining-nums proportional-nums} .bdcs-vo-sum .is-due dt,.bdcs-vo-sum .is-due dd{color:var(--bdcs-accent-ink);font-weight:600} .bdcs-vo .bdcs-rw-earn{margin:calc(10px*var(--sb-sp,1)) 0 0} .bdcs-vo-2{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(14px*var(--sb-sp,1))} .bdcs-vo-card address{font-style:normal;line-height:1.6;overflow-wrap:anywhere} .bdcs-vo-line{margin:calc(6px*var(--sb-sp,1)) 0 0;overflow-wrap:anywhere} .bdcs-vo-note{margin:calc(10px*var(--sb-sp,1)) 0 0;padding:calc(10px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1));border-left:3px solid var(--sb-copper);background:var(--bdcs-bg,var(--sb-porcelain));border-radius:0 calc(var(--bdcs-radius,14px)*0.714) calc(var(--bdcs-radius,14px)*0.714) 0;font-size:calc(14px*var(--sb-fs,1))} .bdcs-vo-note span{display:block;font-size:calc(11px*var(--sb-fs,1));letter-spacing:.12em;text-transform:uppercase;color:var(--bdcs-muted)} .bdcs-vo-notes{list-style:none;margin:0;padding:0} .bdcs-vo-notes li{padding:calc(10px*var(--sb-sp,1)) 0;border-top:1px solid var(--bdcs-border)}.bdcs-vo-notes li:first-child{border-top:0;padding-top:0} .bdcs-vo-notes small{color:var(--bdcs-muted)}.bdcs-vo-notes p{margin:2px 0 0} .bdcs-vo-helpb{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:calc(8px*var(--sb-sp,1))} .bdcs-vo-helpb a{display:flex;align-items:center;justify-content:center;gap:calc(8px*var(--sb-sp,1));min-height:48px;padding:0 calc(14px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);font-weight:600;text-decoration:none!important;border:1px solid var(--bdcs-border);color:var(--bdcs-text)!important;background:var(--bdcs-card)} .bdcs-vo-helpb a>span{display:inline-grid;place-items:center} .bdcs-vo-helpb a.is-chat{background:var(--sb-ink);color:var(--sb-porcelain)!important;border-color:var(--sb-ink)} .bdcs-vo-helpb a.is-wa{background:#1DA851;color:#fff!important;border-color:#1DA851} @media(max-width:699px){.bdcs-vo-helpb{grid-template-columns:repeat(2,minmax(0,1fr))}.bdcs-vo-helpb a:first-child:nth-last-child(2n+1){grid-column:1/-1}} /* odd count: the first button takes the full row, no lone button */ .bdcs-vo-back{margin:calc(4px*var(--sb-sp,1)) 0 0}.bdcs-vo-back a{color:var(--bdcs-accent-ink)!important} @media(min-width:700px){ .bdcs-vo-hero{padding:calc(26px*var(--sb-sp,1)) calc(26px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1))} .bdcs-vo-id h2{font-size:calc(40px*var(--sb-fs,1))!important} .bdcs-vo-actions{grid-template-columns:repeat(auto-fit,minmax(96px,max-content));margin:0} .bdcs-vo-actions a{flex-direction:row;padding:calc(10px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1))} .bdcs-vo-card{padding:calc(20px*var(--sb-sp,1)) calc(22px*var(--sb-sp,1))} .bdcs-vo-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .bdcs-vo-track{flex-direction:row} .bdcs-vo-track li{flex:1;flex-direction:column;text-align:center;padding:0;gap:calc(8px*var(--sb-sp,1));font-size:calc(13px*var(--sb-fs,1))} .bdcs-vo-track li:not(:last-child)::after{left:calc(50% + 18px);right:calc(-50% + 18px);top:13px;bottom:auto;width:auto;height:2px} .bdcs-vo-items li{grid-template-columns:72px minmax(0,1fr) auto} .bdcs-vo-img img{width:72px;height:72px} } /* ===================== Customer area: no horizontal overflow on any screen ===================== */ body.woocommerce-account .woocommerce,body.woocommerce-account .woocommerce-MyAccount-content,body.woocommerce-account .woocommerce-MyAccount-navigation{min-width:0;max-width:100%} body.woocommerce-account .woocommerce-MyAccount-content *{max-width:100%} body.woocommerce-account .woocommerce-MyAccount-content img{height:auto} body.woocommerce-account .woocommerce-MyAccount-content :is(p,li,td,th,dd,dt,address,span,small,b,strong,a,h2,h3,h4){overflow-wrap:break-word} body.woocommerce-account .woocommerce-MyAccount-content :is(input,select,textarea){max-width:100%;box-sizing:border-box} body.woocommerce-account .woocommerce-MyAccount-content :is(.col2-set,.u-columns,.woocommerce-Addresses){display:grid;grid-template-columns:minmax(0,1fr);gap:calc(16px*var(--sb-sp,1));width:auto;margin:0} body.woocommerce-account .woocommerce-MyAccount-content :is(.col2-set,.u-columns,.woocommerce-Addresses)::before,body.woocommerce-account .woocommerce-MyAccount-content :is(.col2-set,.u-columns,.woocommerce-Addresses)::after{display:none} body.woocommerce-account .woocommerce-MyAccount-content :is(.col-1,.col-2,.u-column1,.u-column2,.woocommerce-Address){float:none!important;width:auto!important;max-width:100%;margin:0!important} body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:calc(6px*var(--sb-sp,1))} body.woocommerce-account .woocommerce-MyAccount-content form .form-row{float:none;width:100%} body.woocommerce-account .woocommerce-MyAccount-content .bdcs-row{flex-wrap:wrap} @media(min-width:700px){body.woocommerce-account .woocommerce-MyAccount-content :is(.col2-set,.u-columns,.woocommerce-Addresses){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last{width:48%;float:left}body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last{float:right}} /* tables become cards on phones */ @media(max-width:640px){ body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody,body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr,body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{display:block;width:100%} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead{display:none} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr{padding:calc(12px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border-bottom:1px solid var(--bdcs-border)} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{display:flex;justify-content:space-between;gap:calc(12px*var(--sb-sp,1));padding:calc(5px*var(--sb-sp,1)) 0!important;border:0!important;text-align:right!important} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before{content:attr(data-title);float:none!important;flex:none;text-align:left;color:var(--bdcs-muted);font-size:calc(13px*var(--sb-fs,1));font-weight:500} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions{flex-wrap:wrap;justify-content:flex-start} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions::before{display:none} body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button{margin:calc(4px*var(--sb-sp,1)) calc(6px*var(--sb-sp,1)) 0 0} } /* content keeps clear of the theme's bottom bar */ @media(max-width:1024px){body.woocommerce-account .woocommerce-MyAccount-content{padding-bottom:calc(calc(24px*var(--sb-sp,1)) + var(--bdcs-bottom-nav,0px))}} /* ===================== Orders list (My Account → Orders), mobile first ===================== Current orders: cards with a stitched progress seam (the one bold element). Earlier orders: quiet, aligned rows. */ .bdcs-ol-sec+.bdcs-ol-sec{margin-top:calc(30px*var(--sb-sp,1))} .bdcs-ol-h{display:flex;align-items:baseline;gap:calc(10px*var(--sb-sp,1));margin:0 0 calc(12px*var(--sb-sp,1))!important;font:600 calc(22px*var(--sb-fs,1))/1.2 var(--bdcs-head)!important;color:var(--bdcs-text)} .bdcs-ol-h span{font:500 calc(13px*var(--sb-fs,1)) var(--bdcs-font);color:var(--bdcs-muted)} /* order counts: a small ink badge so the number stands off the page background */ .bdcs-ol-h,.bdcs-wrap .bdcs-now-h h3{align-items:center} .bdcs-ol-h .bdcs-count,.bdcs-now-h h3 span{display:inline-grid;place-items:center;min-width:calc(24px*var(--sb-fs,1));height:calc(24px*var(--sb-fs,1));padding:0 calc(8px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);background:var(--bdcs-primary);color:var(--bdcs-bg)!important;font:600 calc(12.5px*var(--sb-fs,1))/1 var(--bdcs-font)!important;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;box-sizing:border-box;vertical-align:middle} .bdcs-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(12px*var(--sb-sp,1))} .bdcs-ol>li{margin:0;list-style:none} /* shared: picture, name, meta, total */ .bdcs-ol-main{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:calc(14px*var(--sb-sp,1));color:var(--bdcs-text)!important;text-decoration:none!important} .bdcs-ol-pic{position:relative;width:64px;height:64px;flex:none} .bdcs-ol-pic img{display:block;width:64px;height:64px;object-fit:cover;border-radius:calc(var(--bdcs-radius,14px)*0.857);margin:0!important;background:var(--bdcs-border)} .bdcs-ol-more{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 calc(6px*var(--sb-sp,1));border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-primary);color:var(--bdcs-bg);font-size:calc(11px*var(--sb-fs,1));font-weight:600;box-shadow:0 0 0 2px var(--bdcs-card)} .bdcs-ol-info{display:flex;flex-direction:column;gap:calc(4px*var(--sb-sp,1));min-width:0} .bdcs-ol-name{font-size:calc(15px*var(--sb-fs,1));font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .bdcs-ol-meta{display:flex;flex-wrap:wrap;gap:2px calc(12px*var(--sb-sp,1));font-size:calc(13px*var(--sb-fs,1));color:var(--bdcs-muted)} .bdcs-ol-total{display:flex;flex-direction:column;align-items:flex-end;font-size:calc(16px*var(--sb-fs,1));font-weight:600;white-space:nowrap} .bdcs-ol-total small{font-size:calc(12px*var(--sb-fs,1));font-weight:400;color:var(--bdcs-muted)} /* current order card */ .bdcs-ol>.bdcs-ol-card{padding:calc(16px*var(--sb-sp,1));background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);box-shadow:var(--bdcs-shadow);min-width:0} .bdcs-ol-now{margin:calc(14px*var(--sb-sp,1)) 0 0;padding:calc(14px*var(--sb-sp,1)) 0 0;border-top:1px solid var(--bdcs-border)} .bdcs-ol-status{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px calc(12px*var(--sb-sp,1));margin:0 0 calc(10px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1))} .bdcs-ol-status b{font-weight:600} .bdcs-ol-status span{font-size:calc(13px*var(--sb-fs,1));color:var(--bdcs-accent-ink);font-weight:500} /* the seam: a dashed thread, copper stitches up to today's step */ .bdcs-seam{list-style:none;display:flex;gap:calc(6px*var(--sb-sp,1));margin:0;padding:0} .bdcs-seam li{flex:1;height:4px;margin:0;padding:0;border-radius:2px;background:repeating-linear-gradient(90deg,var(--bdcs-taupe) 0 6px,transparent 6px 10px);opacity:.55} .bdcs-seam li.is-done{background:var(--bdcs-accent);opacity:1} .bdcs-seam li.is-now{background:linear-gradient(90deg,var(--bdcs-accent) 0 55%,transparent 55%),repeating-linear-gradient(90deg,var(--bdcs-taupe) 0 6px,transparent 6px 10px);opacity:1;position:relative} .bdcs-seam li.is-now::after{content:"";position:absolute;left:55%;top:50%;width:10px;height:10px;margin:calc(-5px*var(--sb-sp,1)) 0 0 calc(-5px*var(--sb-sp,1));border-radius:50%;background:var(--bdcs-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--bdcs-accent) 35%,transparent)} .bdcs-ol-acts{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));margin:calc(16px*var(--sb-sp,1)) 0 0} .bdcs-ol-btn{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:0 calc(18px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);background:var(--bdcs-primary);color:var(--bdcs-bg)!important;font-size:calc(14px*var(--sb-fs,1));font-weight:500;text-decoration:none!important;transition:background .2s} .bdcs-ol-btn:hover{background:var(--bdcs-accent);color:var(--sb-on-copper,#fff)!important} .bdcs-ol-btn{white-space:nowrap} .bdcs-ol-btn.is-pay{flex-basis:100%;background:var(--bdcs-accent)} .bdcs-ol-btn.is-pay+.bdcs-ol-btn{background:transparent;color:var(--bdcs-text)!important;box-shadow:inset 0 0 0 1px var(--bdcs-border)} .bdcs-ol-link{padding:calc(10px*var(--sb-sp,1)) calc(8px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1));font-weight:500;color:var(--bdcs-accent-ink)!important;text-decoration:underline!important;text-underline-offset:3px} /* earlier orders: one quiet list */ .bdcs-ol-past{gap:0;background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:var(--bdcs-radius);overflow:hidden} .bdcs-ol>.bdcs-ol-row{padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1))} .bdcs-ol-row+.bdcs-ol-row{border-top:1px solid var(--bdcs-border)} .bdcs-ol-row .bdcs-ol-main{grid-template-columns:52px minmax(0,1fr) auto;align-items:center} .bdcs-ol-row .bdcs-ol-pic,.bdcs-ol-row .bdcs-ol-pic img{width:52px;height:52px;border-radius:calc(var(--bdcs-radius,14px)*0.714)} .bdcs-ol-row .bdcs-ol-name{font-weight:500;-webkit-line-clamp:1} .bdcs-ol-row .bdcs-ol-total{font-size:calc(15px*var(--sb-fs,1))} .bdcs-ol-state{font-weight:600;color:var(--bdcs-muted)} .bdcs-ol-state.is-ok{color:var(--sb-sage-deep)}.bdcs-ol-state.is-bad{color:var(--sb-brick-deep)} .bdcs-ol-links{display:flex;flex-wrap:wrap;gap:calc(8px*var(--sb-sp,1));margin:calc(12px*var(--sb-sp,1)) 0 0 calc(66px*var(--sb-sp,1))} .bdcs-ol-links:empty{display:none} /* order actions: small pills with a line icon (no underlines) */ .bdcs-ol-chip{display:inline-flex;align-items:center;gap:calc(6px*var(--sb-sp,1));min-height:34px;padding:0 calc(13px*var(--sb-sp,1)) 0 calc(10px*var(--sb-sp,1));border:1px solid var(--bdcs-border);border-radius:var(--sb-pill,999px);background:var(--bdcs-card);color:var(--bdcs-text)!important;font-size:calc(13px*var(--sb-fs,1));font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none!important;box-sizing:border-box;transition:background .18s,border-color .18s,color .18s,transform .18s} .bdcs-ol-chip::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat} .bdcs-ol-chip:hover{border-color:var(--bdcs-text);background:color-mix(in srgb,var(--bdcs-blush) 45%,var(--bdcs-card))} .bdcs-ol-chip:active{transform:scale(.97)} .bdcs-ol-chip.is-hot{background:var(--bdcs-primary);border-color:var(--bdcs-primary);color:var(--bdcs-bg)!important} .bdcs-ol-chip.is-hot:hover{background:var(--bdcs-accent);border-color:var(--bdcs-accent);color:var(--sb-on-copper,#fff)!important} .bdcs-ol-chip.is-done{border-color:color-mix(in srgb,var(--sb-sage-deep,#4F6B52) 35%,transparent);background:color-mix(in srgb,var(--sb-sage,#8FA58F) 14%,var(--bdcs-card));color:var(--sb-sage-deep,#4F6B52)!important} .bdcs-ol-chip.is-pay{border-color:var(--sb-brick-deep,#9B3B2E);color:var(--sb-brick-deep,#9B3B2E)!important} .bdcs-ol-acts .bdcs-ol-chip{justify-content:center;min-height:40px} .bdcs-i-card{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")} .bdcs-ol-main:focus-visible,.bdcs-ol-acts a:focus-visible,.bdcs-ol-links a:focus-visible,.bdcs-ol-load:focus-visible{outline:2px solid var(--bdcs-accent);outline-offset:3px;border-radius:calc(var(--bdcs-radius,14px)*0.571)} .bdcs-ol-pages{display:flex;flex-direction:column;align-items:center;gap:calc(10px*var(--sb-sp,1));margin:calc(22px*var(--sb-sp,1)) 0 0;font-size:calc(13px*var(--sb-fs,1));color:var(--bdcs-muted)} .bdcs-ol-newer{color:var(--bdcs-text)!important;font-weight:500;text-decoration:none!important} .bdcs-ol-load{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(10px*var(--sb-sp,1));min-height:48px;min-width:min(100%,260px);padding:0 calc(24px*var(--sb-sp,1));border:1px solid var(--bdcs-border);border-radius:var(--sb-pill,999px);background:var(--bdcs-card);color:var(--bdcs-text)!important;font-size:calc(14.5px*var(--sb-fs,1));font-weight:600;text-decoration:none!important;overflow:hidden;box-sizing:border-box;transition:border-color .2s,box-shadow .25s,transform .2s} .bdcs-ol-load:hover{border-color:var(--bdcs-text);box-shadow:0 10px 24px -14px color-mix(in srgb,var(--bdcs-text) 45%,transparent);transform:translateY(-1px)} .bdcs-ol-load-ic{position:relative;flex:none;width:18px;height:18px} .bdcs-ol-load-ic::before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s} .bdcs-ol-load:hover .bdcs-ol-load-ic::before{transform:translateY(2px)} .bdcs-ol-load.is-loading{pointer-events:none;color:var(--bdcs-muted)!important} .bdcs-ol-load.is-loading .bdcs-ol-load-ic::before{display:none} .bdcs-ol-load.is-loading .bdcs-ol-load-ic::after{content:"";position:absolute;inset:0;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:var(--bdcs-text);border-radius:50%;animation:bdcs-spin .7s linear infinite} .bdcs-ol-load.is-loading::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:40%;background:var(--bdcs-text);animation:bdcs-ol-bar 1s ease-in-out infinite} .bdcs-ol-load.is-fail{border-color:var(--sb-brick-deep,#9B3B2E);color:var(--sb-brick-deep,#9B3B2E)!important} @keyframes bdcs-spin{to{transform:rotate(360deg)}} @keyframes bdcs-ol-bar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}} /* rows that just arrived rise in one after another; placeholders shimmer while they load */ .bdcs-ol>li.is-new{animation:bdcs-ol-in .75s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(120ms + var(--n,0)*90ms)} @keyframes bdcs-ol-in{from{opacity:0;transform:translate3d(0,22px,0) scale(.985)}to{opacity:1;transform:none}} .bdcs-ol-skel{animation:bdcs-ol-skel-in .35s ease both} @keyframes bdcs-ol-skel-in{from{opacity:0;transform:translateY(8px)}} .bdcs-ol-skel{display:flex;gap:calc(14px*var(--sb-sp,1));align-items:center;padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));list-style:none} .bdcs-ol-skel+.bdcs-ol-skel,.bdcs-ol-row+.bdcs-ol-skel{border-top:1px solid var(--bdcs-border)} .bdcs-ol-skel i{display:block;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--bdcs-text) 6%,transparent) 25%,color-mix(in srgb,var(--bdcs-text) 12%,transparent) 50%,color-mix(in srgb,var(--bdcs-text) 6%,transparent) 75%) 0 0/300% 100%;animation:bdcs-shimmer 1.2s linear infinite} .bdcs-ol-skel i:first-child{flex:none;width:52px;height:52px} .bdcs-ol-skel span{flex:1;display:grid;gap:8px}.bdcs-ol-skel span i:first-child{width:60%;height:12px}.bdcs-ol-skel span i+i{width:35%;height:10px} @keyframes bdcs-shimmer{to{background-position:-300% 0}} @media(prefers-reduced-motion:reduce){.bdcs-ol>li.is-new,.bdcs-ol-skel i,.bdcs-ol-load.is-loading::after{animation:none}.bdcs-ol-load,.bdcs-ol-chip{transition:none}} .bdcs-ol-empty{text-align:center;padding:calc(30px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));background:var(--bdcs-card);border:1px dashed var(--bdcs-border);border-radius:var(--bdcs-radius)} .bdcs-ol-empty>span{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--bdcs-blush);color:var(--bdcs-accent-ink)}.bdcs-ol-empty h3{font-family:var(--bdcs-head);margin:calc(6px*var(--sb-sp,1)) 0} /* wider lists (measured on the list itself, so the account sidebar doesn't matter): current orders read left to right (picture, story, money + next step); earlier orders line up in columns */ .bdcs-ol-sec{container-type:inline-size} @container (min-width:640px){ .bdcs-ol>.bdcs-ol-card{display:grid;grid-template-columns:minmax(0,1fr) 184px;column-gap:calc(20px*var(--sb-sp,1));padding:calc(18px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1))} .bdcs-ol-card .bdcs-ol-main{grid-template-columns:72px minmax(0,1fr) auto} .bdcs-ol-card .bdcs-ol-pic,.bdcs-ol-card .bdcs-ol-pic img{width:72px;height:72px} .bdcs-ol-card .bdcs-ol-now{grid-column:1;margin-left:calc(86px*var(--sb-sp,1))} .bdcs-ol-card .bdcs-ol-acts{grid-column:2;grid-row:1/3;flex-direction:column;align-items:stretch;justify-content:center;gap:calc(6px*var(--sb-sp,1));margin:0;padding-left:calc(20px*var(--sb-sp,1));border-left:1px solid var(--bdcs-border)} .bdcs-ol-card .bdcs-ol-acts>*{flex:none} .bdcs-ol-row .bdcs-ol-main{grid-template-columns:52px minmax(0,1fr) 110px} .bdcs-ol-links{margin-left:calc(66px*var(--sb-sp,1))} } /* very narrow lists (small phones): the price moves under the name so names never break mid-word */ @container (max-width:400px){ .bdcs-ol-main{grid-template-columns:64px minmax(0,1fr);row-gap:calc(6px*var(--sb-sp,1))} .bdcs-ol-row .bdcs-ol-main{grid-template-columns:52px minmax(0,1fr)} .bdcs-ol-pic{grid-row:1/3} .bdcs-ol-total{grid-column:2;flex-direction:row;align-items:baseline;gap:calc(8px*var(--sb-sp,1))} .bdcs-ol-name{overflow-wrap:normal;word-break:normal} .bdcs-ol-links{margin-left:0} } @media(prefers-reduced-motion:reduce){.bdcs-ol-btn{transition:none}} /* numbers in the customer area: lining, proportional figures (Cormorant's old-style "1" reads like "I") */ .bdcs-wrap :is(.bdcs-hello,.bdcs-now,.bdcs-card h3,.bdcs-card strong,.bdcs-order-total),.bdcs-vo,.bdcs-ol,.bdcs-rwa,.bdcs-wallet{font-variant-numeric:lining-nums proportional-nums} /* ===================== Account navigation on phones & small tablets: section switcher ===================== */ body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--wishlist a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--vouchers a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v2.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 6.5v11' stroke-dasharray='1.5 2'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--referrals a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 19.5c.6-3.2 3.1-5 6-5s5.4 1.8 6 5'/%3E%3Cpath d='M18.5 8v6M15.5 11h6'/%3E%3C/svg%3E")} body.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--rewards a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.8 2.5 5.1 5.6.8-4 4 .9 5.6-5-2.7-5 2.7.9-5.6-4-4 5.6-.8z'/%3E%3C/svg%3E")} .bdcs-navtog,.bdcs-navcard>.bdcs-navtog-c{display:none} .bdcs-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} @media(max-width:782px){ body.woocommerce-account .woocommerce-MyAccount-navigation{position:relative;padding:calc(6px*var(--sb-sp,1));overflow:visible} body.woocommerce-account .woocommerce-MyAccount-navigation ul,body.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;width:auto;max-width:none} body.woocommerce-account .woocommerce-MyAccount-navigation a{box-sizing:border-box;gap:calc(12px*var(--sb-sp,1));min-height:46px;padding:calc(10px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1));line-height:1.25;white-space:normal;overflow-wrap:break-word} body.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin:calc(6px*var(--sb-sp,1)) 0 0!important;padding:calc(6px*var(--sb-sp,1)) 0 0!important;border-top:1px solid var(--bdcs-border)!important} body.woocommerce-account .bdcs-navcard{padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));gap:calc(12px*var(--sb-sp,1))} body.woocommerce-account .bdcs-navcard .bdcs-av{width:46px;height:46px;font-size:calc(17px*var(--sb-fs,1))} /* with JavaScript: the row shows the current section; the full menu is a bottom sheet */ body.woocommerce-account .bdcs-navjs ul{display:none!important} body.bdcs-nav-card.woocommerce-account .woocommerce-MyAccount-navigation.bdcs-navjs{display:none!important} body.woocommerce-account .bdcs-navcard-btn{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .2s;user-select:none} body.woocommerce-account .bdcs-navcard-btn>div{flex:1;min-width:0} body.woocommerce-account .bdcs-navcard-btn:active{transform:scale(.985)} body.woocommerce-account .bdcs-navcard-btn:focus{outline:none} body.woocommerce-account .bdcs-navcard-btn:focus-visible{outline:2px solid var(--bdcs-accent);outline-offset:3px} body.woocommerce-account .bdcs-navcard-btn .bdcs-navtog-c{background:var(--bdcs-card);box-shadow:0 1px 3px color-mix(in srgb,var(--sb-ink) 10%,transparent)} body.woocommerce-account .bdcs-navcard-btn .bdcs-navtog-c.is-hot::after{box-shadow:0 0 0 2px var(--bdcs-card)} body.woocommerce-account .bdcs-navcard-btn:active .bdcs-navtog-c{background:var(--bdcs-primary)} body.woocommerce-account .bdcs-navcard-btn:active .bdcs-navtog-c i{background:var(--bdcs-bg)} .bdcs-navjs .bdcs-navtog{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));width:100%;min-height:52px;margin:0;padding:calc(8px*var(--sb-sp,1)) calc(8px*var(--sb-sp,1)) calc(8px*var(--sb-sp,1)) calc(8px*var(--sb-sp,1));border:0;border-radius:calc(var(--bdcs-radius,14px)*0.714);background:transparent;color:var(--bdcs-text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent} .bdcs-navtog-i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:calc(var(--bdcs-radius,14px)*0.714);background:var(--bdcs-primary);color:var(--bdcs-bg)} .bdcs-navtog-i::before{content:"";display:block;width:20px;height:20px;background:var(--bdcs-accent);-webkit-mask:var(--i,none) center/contain no-repeat;mask:var(--i,none) center/contain no-repeat} .bdcs-navtog-t{flex:1;min-width:0} .bdcs-navtog-t small{display:block;font-size:calc(11px*var(--sb-fs,1));letter-spacing:.08em;text-transform:uppercase;color:var(--bdcs-muted)} .bdcs-navtog-t b{display:block;font-weight:600;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bdcs-navcard>.bdcs-navtog-c,.bdcs-navtog-c{position:relative;display:block;flex:none;width:42px;height:42px;border-radius:calc(var(--bdcs-radius,14px)*0.857);background:var(--bdcs-blush);transition:background .2s} .bdcs-navtog-c i{position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 calc(-9px*var(--sb-sp,1));border-radius:2px;background:var(--bdcs-text);transition:transform .22s ease,opacity .15s ease} .bdcs-navtog-c i:nth-child(1){transform:translateY(-6px)} .bdcs-navtog-c i:nth-child(3){transform:translateY(6px)} .bdcs-navtog-c.is-hot::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--bdcs-accent);box-shadow:0 0 0 2px var(--bdcs-blush)} .bdcs-navtog:active .bdcs-navtog-c{background:var(--bdcs-primary)}.bdcs-navtog:active .bdcs-navtog-c i{background:var(--bdcs-bg)} } @media(max-width:360px){.bdcs-navtog-t small{letter-spacing:.05em}} /* ---------- bottom sheet ---------- */ html.bdcs-sheet-lock,html.bdcs-sheet-lock body{overflow:hidden!important;overscroll-behavior:none} .bdcs-sheet{position:fixed;inset:0;z-index:100000;font-family:var(--bdcs-font);color:var(--bdcs-text)} .bdcs-sheet[hidden]{display:none} .bdcs-sheet-dim{position:absolute;inset:0;background:color-mix(in srgb,var(--sb-ink) 42%,transparent);opacity:0;transition:opacity .26s ease;-webkit-tap-highlight-color:transparent} .bdcs-sheet-p{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(88vh,88dvh);margin:0 auto;max-width:560px;background:var(--bdcs-bg);border-radius:calc(var(--bdcs-radius,14px)*1.714) calc(var(--bdcs-radius,14px)*1.714) 0 0;box-shadow:0 -18px 48px -12px color-mix(in srgb,var(--sb-ink) 35%,transparent);transform:translateY(105%);transition:transform .3s cubic-bezier(.22,.8,.26,1);will-change:transform} .bdcs-sheet.is-open .bdcs-sheet-dim{opacity:1} .bdcs-sheet.is-open .bdcs-sheet-p{transform:translateY(0)} .bdcs-sheet-p.is-drag{transition:none} .bdcs-sheet-top{flex:none;padding:calc(8px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));touch-action:none;background:linear-gradient(180deg,var(--bdcs-blush),var(--bdcs-bg));border-radius:calc(var(--bdcs-radius,14px)*1.714) calc(var(--bdcs-radius,14px)*1.714) 0 0} .bdcs-sheet-grab{display:block;width:44px;height:5px;margin:2px auto calc(12px*var(--sb-sp,1));border-radius:5px;background:color-mix(in srgb,var(--sb-ink) 22%,transparent)} .bdcs-sheet-me{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1))} .bdcs-sheet-me .bdcs-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;line-height:1;background:var(--bdcs-primary);color:var(--bdcs-bg);box-shadow:0 0 0 3px var(--bdcs-card),0 0 0 4px color-mix(in srgb,var(--sb-copper) 50%,transparent)} .bdcs-sheet-me>div{flex:1;min-width:0} .bdcs-sheet-me strong{display:block;font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bdcs-sheet-me span{display:block;font-size:calc(12px*var(--sb-fs,1));letter-spacing:.04em;color:var(--bdcs-muted)} .bdcs-sheet-x{position:relative;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--bdcs-card);box-shadow:0 1px 3px color-mix(in srgb,var(--sb-ink) 12%,transparent);cursor:pointer} .bdcs-sheet-x::before,.bdcs-sheet-x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 calc(-8px*var(--sb-sp,1));border-radius:2px;background:var(--bdcs-text);transform:rotate(45deg)} .bdcs-sheet-x::after{transform:rotate(-45deg)} .bdcs-sheet-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:calc(8px*var(--sb-sp,1));margin-top:calc(14px*var(--sb-sp,1))} .bdcs-sheet-q>a,.bdcs-sheet-q>button{display:flex;flex-direction:column;align-items:center;gap:calc(6px*var(--sb-sp,1));min-height:64px;margin:0;padding:calc(10px*var(--sb-sp,1)) calc(6px*var(--sb-sp,1));border:1px solid color-mix(in srgb,var(--sb-copper) 30%,transparent);border-radius:calc(var(--bdcs-radius,14px)*1.143);background:var(--bdcs-card);color:var(--bdcs-text)!important;font:inherit;font-size:calc(12px*var(--sb-fs,1));font-weight:500;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s} .bdcs-sheet-q>a:active,.bdcs-sheet-q>button:active{transform:scale(.96)} /* the theme gives