/* ETB3HA — WooCommerce dark storefront */

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--card);border:1px solid var(--line);
  border-inline-start:4px solid var(--blue);border-radius:14px;color:var(--text);padding:14px 20px;list-style:none;margin:0 0 22px}
.woocommerce-error{border-inline-start-color:var(--pink)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;flex-direction:column;gap:6px}

/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:#fff !important;
  border:0;border-radius:13px;padding:12px 26px;font-weight:800;font-family:'Cairo',sans-serif;font-size:15px;
  cursor:pointer;transition:.28s;text-shadow:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{transform:translateY(-2px);opacity:.92;color:#fff}
.woocommerce .button.woocommerce-continue,.woocommerce .button.checkout,.woocommerce button[name=apply_coupon]{background:var(--grad)}
.woocommerce button.single_add_to_cart_button{background:var(--grad);box-shadow:0 10px 30px rgba(255,45,133,.35);padding:15px 34px;font-size:16.5px}
.woocommerce a.button.wc-forward{background:var(--card-2);border:1px solid var(--line);color:var(--text) !important}

/* Catalog */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0 0 30px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:100% !important;float:none !important;margin:0 !important;
  background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.3s;position:relative}
.woocommerce ul.products li.product:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(0,174,239,.45)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0;background:#fff;border-radius:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text);font-family:'Cairo',sans-serif;
  font-weight:800;font-size:17px;padding:16px 18px 4px}
.woocommerce ul.products li.product .price{color:var(--yellow);font-weight:900;font-size:16.5px;padding:0 18px;display:block}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:600}
.woocommerce ul.products li.product .button{margin:12px 18px 18px;display:flex}
.woocommerce ul.products li.product .onsale{background:var(--grad);border-radius:99px;padding:6px 14px;font-weight:800;
  font-family:'Cairo',sans-serif;top:12px;inset-inline-start:12px;inset-inline-end:auto;right:auto;left:auto;z-index:5}
.woocommerce span.onsale{background:var(--grad);border-radius:99px;padding:6px 16px;font-weight:800;font-family:'Cairo',sans-serif;top:12px;inset-inline-start:12px}

/* Single product */
.woocommerce div.product .product_title{color:var(--text);font-weight:900;font-size:clamp(24px,3vw,34px);font-family:'Cairo',sans-serif}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--yellow);font-weight:900;font-size:26px}
.woocommerce div.product div.images img{border-radius:20px;background:#fff}
.woocommerce div.product div.summary{color:var(--muted)}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted)}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}
.woocommerce div.product form.cart div.quantity{margin:0}
.woocommerce .quantity .qty{background:var(--bg-2);border:1.5px solid var(--line);color:var(--text);border-radius:12px;padding:12px;width:80px;font-family:'Cairo',sans-serif}
.woocommerce div.product .product_meta{color:var(--muted);font-size:14px}
.woocommerce div.product .product_meta a{color:var(--blue-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:8px;padding:0;margin:34px 0 0;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:14px 14px 0 0;margin:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--card);border:1px solid var(--line);border-bottom-color:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted);font-weight:800;font-family:'Cairo',sans-serif;padding:12px 22px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--card);border:1px solid var(--line);border-radius:0 18px 18px 18px;
  padding:26px;color:var(--muted)}
.woocommerce .related.products>h2,.woocommerce .upsells.products>h2{color:var(--text);font-weight:900}
.woocommerce .star-rating span::before{color:var(--yellow)}

/* Cart / checkout tables */
.woocommerce table.shop_table{background:var(--card);border:1px solid var(--line);border-radius:18px;border-collapse:separate;
  border-spacing:0;overflow:hidden;color:var(--text)}
.woocommerce table.shop_table th{background:var(--card-2);color:var(--text);font-family:'Cairo',sans-serif;font-weight:800;
  border-bottom:1px solid var(--line);padding:14px}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:14px;color:var(--muted)}
.woocommerce table.shop_table img{border-radius:12px;width:64px;background:#fff}
.woocommerce table.shop_table .product-name a{color:var(--text);font-weight:700}
.woocommerce table.shop_table .amount,.woocommerce table.shop_table .woocommerce-Price-amount{color:var(--yellow);font-weight:800}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals{color:var(--text)}
.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th{color:var(--text)}
.woocommerce a.remove{color:var(--pink) !important;background:transparent}
.woocommerce a.remove:hover{background:var(--pink);color:#fff !important}
.coupon{display:flex;gap:8px}
.coupon .input-text{width:200px !important}

/* Forms */
.woocommerce form .form-row label{color:var(--text);font-weight:700;font-family:'Cairo',sans-serif}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce input.text,.woocommerce input[type=email],.woocommerce input[type=password],.woocommerce input[type=tel],
.woocommerce input[type=search],.woocommerce textarea,.select2-container--default .select2-selection--single{
  background:var(--bg-2) !important;border:1.5px solid var(--line) !important;border-radius:13px !important;color:var(--text) !important;
  padding:12px 15px !important;font-family:'Cairo',sans-serif !important;font-size:15px;width:100%;outline:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text) !important;line-height:1.9 !important}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--muted) transparent transparent transparent !important}
.select2-dropdown{background:var(--card) !important;border:1px solid var(--line) !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--grad) !important;color:#fff}
.select2-container--default .select2-results__option{color:var(--text)}
.woocommerce form .form-row input.input-text:focus,.woocommerce textarea:focus{border-color:var(--blue) !important}
::placeholder{color:#6a6a80}
.woocommerce form .form-row .required{color:var(--pink)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:6px}
.woocommerce-MyAccount-navigation li a{display:block;background:var(--card);border:1px solid var(--line);border-radius:13px;
  padding:13px 18px;font-weight:700;color:var(--muted)}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{color:#fff;border-color:var(--pink)}
.woocommerce-MyAccount-content{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;color:var(--muted)}
.woocommerce-MyAccount-content strong{color:var(--text)}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}
@media(max-width:768px){.woocommerce-account .woocommerce{grid-template-columns:1fr}}

/* Checkout blocks */
.woocommerce-checkout #payment{background:var(--card);border:1px solid var(--line);border-radius:18px;color:var(--muted)}
.woocommerce-checkout #payment div.payment_box{background:var(--bg-2);color:var(--muted)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{
  border-bottom:1px solid var(--line)}
#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{color:var(--text)}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{display:block}
.woocommerce-checkout-review-order-table tfoot th,.woocommerce-checkout-review-order-table tfoot td{color:var(--text)}
.woocommerce form.checkout{color:var(--muted)}
.woocommerce h3,.woocommerce h2{color:var(--text)}
.woocommerce-checkout #payment input[type=radio]{accent-color:var(--pink)}
.woocommerce .woocommerce-thankyou-order-received{background:rgba(255,199,44,.1);border:1px solid rgba(255,199,44,.4);color:var(--yellow);
  border-radius:16px;padding:18px 22px;font-weight:800}
.wc-item-meta{color:var(--muted);font-size:13px;list-style:none;padding:0;margin:6px 0 0}
.wc-item-meta li{margin:0}
.wc-item-meta p{margin:0}

/* Login form (default fallback) */
.woocommerce form.login,.woocommerce form.register,.woocommerce form.lost_reset_password{
  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.woocommerce .woocommerce-privacy-policy-text{color:var(--muted);font-size:13px}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;background:var(--card);border-radius:12px;overflow:hidden}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  background:transparent;color:var(--muted);font-family:'Cairo',sans-serif;font-weight:700;min-width:44px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--grad);color:#fff}
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce .woocommerce-ordering select{background:var(--bg-2);border:1.5px solid var(--line);border-radius:12px;color:var(--text);padding:10px 14px;font-family:'Cairo',sans-serif}

/* Downloads */
.woocommerce-account .woocommerce-MyAccount-content .etb3-dl-btn{display:inline-flex;gap:8px;align-items:center;
  background:var(--grad);color:#fff;border-radius:10px;padding:8px 16px;font-weight:800;font-size:13.5px;margin-top:8px}
.woocommerce-account .woocommerce-MyAccount-content table td{color:var(--text)}

/* ETB3HA design preview inside cart/order rows */
.etb3-line-preview{display:flex;align-items:center;gap:10px;margin-top:8px}
.etb3-line-preview img{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}

@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .woocommerce table.shop_table_responsive tr td{text-align:start !important}
}