/* Bluebell theme additions: WordPress / WooCommerce screens the static preview did not need.
   Everything here reuses the preview's tokens (see main.css). */

.skip-link{position:absolute;left:8px;top:0;transform:translateY(-200%);background:var(--navy);color:#fff;padding:10px 16px;z-index:200}
.skip-link:focus{transform:none;top:8px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app:focus{outline:none}
a.lang{text-decoration:none;color:var(--ink)}
.hicons .ibtn{text-decoration:none;color:var(--ink)}

/* pagination */
.pagination{margin-top:34px;display:flex;justify-content:center}
.pagination ul{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap;justify-content:center}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:14px}
.pagination a.page-numbers:hover{border-color:var(--ink)}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.navigation.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}

/* notices */
.woocommerce-notices-wrapper{max-width:1240px;margin:0 auto;padding:0 24px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 18px;padding:12px 16px;border-radius:6px;font-size:14px;border:1px solid var(--line);background:var(--nude)}
.woocommerce-error{background:#fff5f6;border-color:var(--berry);color:var(--berry)}
.woocommerce-message{border-color:var(--ok);background:#e6f4ee;color:#0a5c43}
.woocommerce-message a.button,.woocommerce-info a.button{float:right;margin-inline-start:12px}
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{text-decoration:underline}
.bb-wc-page .wrap.co .woocommerce-info{max-width:none}

/* generic form controls (checkout, account, reviews, tracking) */
.form input[type=checkbox],.form input[type=radio]{width:auto;display:inline;margin:0}
.form .required,.woocommerce form .required{color:var(--berry);text-decoration:none;border:0}
.woocommerce form .form-row{margin:0 0 12px;display:block}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}
.woocommerce form .form-row label.checkbox{display:flex;gap:8px;align-items:center;font-weight:400}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce form input[type=text],.woocommerce form input[type=email],.woocommerce form input[type=tel],.woocommerce form input[type=password],.woocommerce form input[type=number],.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea,.comment-form select{display:block;width:100%;border:1px solid var(--line);border-radius:4px;padding:10px 12px;background:#fff;font:inherit}
.woocommerce form .form-row textarea,.comment-form textarea{min-height:110px}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--berry)}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.woocommerce form .form-row-wide,.woocommerce form .form-row.notes,.woocommerce form #billing_address_1_field,.woocommerce form #billing_address_2_field{grid-column:1/-1}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{grid-column:auto}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:auto;float:none}
.select2-container .select2-selection--single{height:44px;border:1px solid var(--line);border-radius:4px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px;padding-inline:12px;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}
.select2-dropdown{border-color:var(--line)}
.co .woocommerce-additional-fields h3{display:none}
.co .woocommerce-form-coupon-toggle,.co .woocommerce-form-login-toggle{grid-column:1/-1}
form.checkout_coupon,form.woocommerce-form-login{border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:18px}

/* payment methods */
.wc_payment_methods{list-style:none;padding:0;margin:0 0 12px}
.wc_payment_methods>li{border:1px solid var(--line);border-radius:6px;padding:14px;margin-bottom:8px;font-size:14px}
.wc_payment_methods>li:has(input[name=payment_method]:checked){border-color:var(--ink);background:var(--nude)}
.wc_payment_methods>li>label{display:inline;font-weight:600;cursor:pointer;margin:0 0 0 8px}
[dir=rtl] .wc_payment_methods>li>label{margin:0 8px 0 0}
.wc_payment_methods .payment_box{margin-top:8px;font-size:13px;color:var(--muted)}
.wc_payment_methods .payment_box p{margin:0}
.wc_payment_methods img{display:inline;max-height:22px;margin-inline-start:6px}
.place-order .woocommerce-terms-and-conditions-wrapper{font-size:12.5px;color:var(--muted);margin-top:12px}
.place-order .woocommerce-privacy-policy-text p{margin:0 0 8px}
#place_order{cursor:pointer;font-size:.95rem}

/* checkout / order review tables */
.shop_table{width:100%;border-collapse:collapse;font-size:14px}
.shop_table th,.shop_table td{padding:0;text-align:start;font-weight:400;vertical-align:top}
.shop_table.bb-items td{display:block}
.shop_table.bb-totals{margin-top:6px}
.shop_table.bb-totals th,.shop_table.bb-totals td{padding:3px 0}
.shop_table.bb-totals td{text-align:end}
.shop_table.bb-totals tr.off th,.shop_table.bb-totals tr.off td{color:var(--berry)}
.shop_table.bb-totals tr.order-total th,.shop_table.bb-totals tr.order-total td{font-size:17px;font-weight:600;border-top:1px solid var(--line);padding-top:10px}
.shop_table.bb-totals tr.order-total td{text-align:end}
.shop_table ul#shipping_method{list-style:none;padding:0;margin:0;text-align:end}
.shop_table ul#shipping_method li{margin:0 0 4px}
.shop_table ul#shipping_method input{margin-inline-end:6px}
.shop_table .woocommerce-shipping-totals td,.shop_table .shipping td{text-align:end}
.summary .shipping th{padding-inline-end:12px}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator{font-size:12px;color:var(--muted)}

/* cart page */
.cart-lines .line{grid-template-columns:90px 1fr auto}
.cart-lines .line img{width:90px;height:90px}
.co>div>h1{font-size:2rem}

/* order received / order details */
.woocommerce-order-details h2,.woocommerce-customer-details h2,.woocommerce-order-details__title{font-size:1.4rem}
.woocommerce-table--order-details,.woocommerce-table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-table th,.woocommerce-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start}
.woocommerce-table thead th,.woocommerce-table tfoot th{background:var(--nude);font-weight:600}
.woocommerce-order-overview{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.woocommerce-order-overview li{background:var(--nude);border-radius:8px;padding:12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.woocommerce-order-overview li strong{display:block;font-size:15px;text-transform:none;letter-spacing:0;color:var(--ink);margin-top:4px}
.woocommerce-columns--addresses,.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-customer-details address{font-style:normal;border:1px solid var(--line);border-radius:8px;padding:14px;line-height:1.6}

/* my account */
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:1.4rem}
.woocommerce-MyAccount-content .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.woocommerce-MyAccount-content fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:14px 16px}
.woocommerce-MyAccount-content button.button,.woocommerce-Button,.woocommerce a.button,.woocommerce button.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;padding:11px 20px;font-size:.9rem;font-weight:500;cursor:pointer}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:#2f2922}
.account-track-link{text-align:center;margin-top:24px}
.account-track-link a{color:var(--navy);text-decoration:underline}
.woocommerce-orders-table .woocommerce-button{margin-inline-end:6px}

/* reviews */
.commentlist{list-style:none;padding:0;margin:0}
.commentlist li{border-bottom:1px solid var(--line);padding:16px 0}
.commentlist .comment_container{display:grid;grid-template-columns:48px 1fr;gap:14px}
.commentlist img.avatar{width:48px;height:48px;border-radius:50%}
.commentlist .meta{font-size:13px;color:var(--muted);margin:0 0 6px}
.commentlist .star-rating{color:#d4a017;font-size:13px;letter-spacing:2px}
.commentlist .description p{margin:0}
.comment-form{margin-top:12px}
.comment-form p{margin:0 0 12px}
.comment-form label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}
.comment-form .form-submit input,.comment-form input[type=submit]{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;padding:11px 20px;cursor:pointer;font-weight:500}
.comment-reply-title{font-size:1.2rem;font-weight:400}
#reply-title small{display:none}

/* PDP details */
.info .price .save{font-size:.78rem;font-weight:700;color:var(--berry);background:#fff5f6;border:1px solid var(--berry);border-radius:3px;padding:2px 7px;vertical-align:middle}
.shades button:disabled{opacity:.35;cursor:not-allowed}
.tabpanel .prose{max-width:none}
.tabpanel ol{padding-inline-start:20px;color:var(--ink2)}
.shipbox .bar{height:6px;background:var(--line);border-radius:3px;margin:8px 0 6px;overflow:hidden}
.shipbox .bar i{display:block;height:100%;background:var(--navy);border-radius:3px;transition:width .4s}

/* advisor steps */
.adv .step{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:12px}
.adv .step img{width:72px;height:72px;object-fit:contain;background:var(--nude);border-radius:6px}

/* misc */
.news .wrap p[role=status]{color:var(--navy)}
.tbl a.link{white-space:nowrap}
.prose img{height:auto;border-radius:8px}
.prose .wp-block-image,.prose figure{margin:1.4em 0}
.prose table{border-collapse:collapse;width:100%}
.prose table td,.prose table th{border:1px solid var(--line);padding:8px 10px}
.prose details.faq,details.faq{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:10px}
details.faq summary{cursor:pointer;font-weight:600}
.alignleft{float:left;margin:0 1em 1em 0}.alignright{float:right;margin:0 0 1em 1em}.aligncenter{display:block;margin-inline:auto}
@media(max-width:820px){
  .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper,.col2-set,.woocommerce-columns--addresses,.woocommerce-MyAccount-content .u-columns{grid-template-columns:1fr}
  .cart-lines .line{grid-template-columns:72px 1fr auto}
  .cart-lines .line img{width:72px;height:72px}
  .tbl{display:block;overflow-x:auto}
  .adv .step{grid-template-columns:56px 1fr auto}
  .adv .step img{width:56px;height:56px}
}
/* RTL polish */
[dir=rtl] .woocommerce-message a.button,[dir=rtl] .woocommerce-info a.button{float:left}
[dir=rtl] .alignleft{float:right;margin:0 0 1em 1em}[dir=rtl] .alignright{float:left;margin:0 1em 1em 0}

/* checkout polish */
.wc_payment_methods>li>label,.paym.wc_payment_methods label{display:inline;border:0;padding:0;margin:0 0 0 8px;background:none;cursor:pointer}
[dir=rtl] .wc_payment_methods>li>label{margin:0 8px 0 0}
.wc_payment_methods>li:has(input:checked)>label{background:none}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,body.woocommerce-checkout .woocommerce-form-login-toggle{max-width:1240px;margin-inline:auto;padding-inline:24px}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:12px}
.toast:not(.on){visibility:hidden}
