/* ============================================================ Nabux glue — responsive + WooCommerce pages. Loaded AFTER spa.css so these rules win. Uses SPA tokens. ============================================================ */ /* ---------- Product/card art: contain the image, never overflow ---------- */ .productCard{overflow:hidden} .productCard .cardArt{position:relative;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;border-radius:var(--r-2xl,22px);height:170px;background:var(--grad-art)} .productCard .cardArt .artChip{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center} .productCard .cardArt .artChip img.artLogo{width:100%;height:100%;object-fit:cover} .productCard .cardArt .artMono{font-size:46px;font-weight:900;color:#fff;opacity:.92} .cardArt .artDiscount,.productMedia .artDiscount{position:absolute;top:10px;inset-inline-start:10px;z-index:2} .cardArt .artBadge,.productMedia .artBadge{position:absolute;top:10px;inset-inline-end:10px;z-index:2} /* Product hero media — capped height so it can never blow up, image contained */ .nx-single-wrap .productMedia{position:relative;overflow:hidden;border-radius:var(--r-hero,34px);background:var(--grad-art);display:flex;align-items:center;justify-content:center;padding:22px;min-height:260px;max-height:440px;width:100%} .nx-single-wrap .productMedia .artChip{position:static;width:auto!important;height:auto!important;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center} .nx-single-wrap .productMedia .artChip img.artLogo{max-width:100%;max-height:360px;width:auto;height:auto;object-fit:contain;border-radius:16px} .nx-single-wrap .productMedia .artMono{font-size:96px;font-weight:900;color:#fff;opacity:.9} /* Titles never overflow their container */ .productCard h3,.nx-single-wrap .productInfo h1,.hero h1,.nx-h1,.dealName,.nx-panel__title,.categoryLabel{overflow-wrap:break-word;word-break:break-word;min-width:0} .productCard h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* ---------- Explicit grids (base) so layout is predictable ---------- */ .cardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:6px 0 26px} .vendorsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .trustStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} /* ---------- Language switcher: compact dropdown ---------- */ .nx-langdd{position:relative;display:inline-block} .nx-langdd__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;background:var(--surface-3);border:1px solid var(--line);color:var(--text);font-weight:800;font-size:12px;line-height:1;cursor:pointer;text-transform:uppercase} .nx-langdd__btn:hover{border-color:var(--brand-border)} .nx-langdd__cur{display:inline-flex;align-items:center;gap:6px} .nx-langdd__cur img{width:18px;height:auto;border-radius:2px;display:block} .nx-langdd__caret{opacity:.75;transition:transform .15s ease} .nx-langdd.is-open .nx-langdd__caret{transform:rotate(180deg)} .nx-langdd__menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:210px;max-height:min(60vh,360px);overflow:auto;list-style:none;margin:0;padding:6px;background:var(--panel,#101521);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-float,0 24px 80px rgba(0,0,0,.4));display:none;z-index:70} .nx-langdd.is-open .nx-langdd__menu{display:block} .nx-langdd__menu li{margin:0;list-style:none} .nx-langdd__item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:13px} .nx-langdd__item:hover{background:var(--surface-2);color:var(--text)} .nx-langdd__item.is-current{background:var(--brand-tint);color:var(--text)} .nx-langdd__item img{width:18px;height:auto;border-radius:2px} .nx-langdd__name{flex:1;text-transform:none} .nx-langdd__item .nx-langdd__code{font-size:11px;font-weight:800;color:var(--muted)} .nx-langdd__item.is-current .nx-langdd__code{color:var(--brand)} html[dir="rtl"] .nx-langdd__menu{inset-inline-end:auto;inset-inline-start:0} /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:1024px){ .topbar{padding-inline:clamp(16px, 3vw, 28px);gap:14px} .trustStrip{grid-template-columns:repeat(2,minmax(0,1fr))} .vendorsGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .cardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .footerGrid{grid-template-columns:1fr 1fr} } @media (max-width:900px){ .hero{grid-template-columns:1fr!important;gap:26px} .hero .dealPanel{max-width:560px;width:100%} .hero h1,.nx-h1{font-size:clamp(36px,9vw,62px)} .woocommerce-account .woocommerce{grid-template-columns:1fr!important} } @media (max-width:640px){ .utilBar{display:none} .topbar{padding-inline:16px;height:62px} .topbar .brand span:not(.brandMark){font-size:16px} .cardsGrid{grid-template-columns:1fr;gap:16px} .trustStrip{grid-template-columns:1fr} .vendorsGrid{grid-template-columns:1fr} .footerGrid{grid-template-columns:1fr;gap:22px} .footerBottom{flex-direction:column;gap:16px;align-items:flex-start} .offices{flex-direction:column;gap:14px} .hero h1,.nx-h1{font-size:clamp(30px,10vw,44px)} .productDetails{margin-top:12px} } /* ============================================================ WOOCOMMERCE — cart / checkout / account / shop ============================================================ */ .screen .woocommerce a:not(.button){color:var(--brand-2)} .screen .woocommerce h1,.screen .woocommerce h2,.screen .woocommerce h3{color:var(--text)} /* Buttons */ .woocommerce a.button,.woocommerce button.button,.woocommerce input.button, .woocommerce #respond input#submit,.woocommerce .button.alt, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .wc-block-components-button{ background:var(--grad-brand)!important;color:var(--on-brand)!important;border:0!important; border-radius:var(--r-md,14px)!important;font-weight:750!important;padding:13px 22px!important; box-shadow:none!important;text-shadow:none!important;transition:filter .15s ease;line-height:1.1 } .woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button.alt:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{filter:brightness(1.06)} .woocommerce a.button.wc-backward{background:var(--surface-3)!important;color:var(--text)!important} /* Inputs / selects */ .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea, .woocommerce .input-text,.woocommerce select,.woocommerce input[type=text], .woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password], .woocommerce input[type=number],.select2-container--default .select2-selection--single, .wc-block-components-text-input input,.woocommerce table.cart td.actions .coupon .input-text{ background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important; border-radius:var(--r-md,14px)!important;padding:12px 14px!important;min-height:46px } .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text);line-height:44px} .woocommerce form .form-row label,.woocommerce-checkout label,.woocommerce-cart label{color:var(--muted);font-weight:600} .woocommerce ::placeholder{color:var(--muted);opacity:.7} /* Panels */ /* Panels */ .woocommerce .cart-collaterals .cart_totals, .woocommerce .woocommerce-order .woocommerce-order-overview, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-order-received .woocommerce-order .order_details { background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:22px } .woocommerce #payment .payment_methods li{border-radius:14px} /* Tables */ .woocommerce table.shop_table{background:var(--surface-1);border:1px solid var(--line); border-radius:var(--r-3xl,26px)!important;border-collapse:separate;border-spacing:0;overflow:hidden} .woocommerce table.shop_table th{color:var(--muted);border:0} .woocommerce table.shop_table td{border-top:1px solid var(--line);color:var(--text)} .woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{border-top:1px solid var(--line)} .woocommerce-cart table.cart img{border-radius:10px;max-width:64px} .woocommerce table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap} /* Notices */ .woocommerce .woocommerce-message,.woocommerce-message, .woocommerce .woocommerce-info,.woocommerce-info{ background:var(--surface-1);border-top:3px solid var(--brand);color:var(--text);border-radius:12px} .woocommerce .woocommerce-error,.woocommerce-error{background:var(--surface-1);border-top:3px solid var(--danger);color:var(--text);border-radius:12px} .woocommerce-message::before,.woocommerce-info::before{color:var(--brand)} .woocommerce-error::before{color:var(--danger)} /* Prices */ .woocommerce .price,.woocommerce span.amount,.woocommerce .order-total .amount{color:var(--brand);font-weight:800} .woocommerce del,.screen del{color:var(--muted);opacity:.65} .woocommerce ins{text-decoration:none} /* My Account */ .woocommerce-account .woocommerce{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start} .woocommerce-account .woocommerce-MyAccount-navigation{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:14px} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0} .woocommerce-account .woocommerce-MyAccount-navigation li{margin:0 0 4px} .woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:700} .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--brand-tint);color:var(--text)} /* Shop toolbar / pagination */ .woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--muted);margin-bottom:14px} .woocommerce nav.woocommerce-pagination ul{border:0;gap:6px;display:flex;justify-content:center;flex-wrap:wrap} .woocommerce nav.woocommerce-pagination ul li{border:0} .woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{ background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 13px} .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--brand);color:var(--on-brand);border-color:var(--brand)} /* Login / register forms */ .woocommerce-account:not(.logged-in) .woocommerce{display:block} .woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:22px} @media (max-width:820px){.woocommerce .col2-set{grid-template-columns:1fr}} .woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,.woocommerce form.lost_reset_password{ background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:22px} /* Cart totals heading + checkout section headings */ .woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce #order_review_heading{margin-top:0;color:var(--text)} /* Related products heading spacing on product page */ .nx-single-wrap .related.products,.nx-single-wrap .up-sells{margin-top:34px} .nx-single-wrap .related.products>h2,.nx-single-wrap .up-sells>h2{font-size:26px;letter-spacing:-.03em;margin-bottom:16px} /* ============================================================ POLISH — interactivity, focus, sticky header, motion ============================================================ */ .productCard,.vendorCard{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .productCard:hover,.vendorCard:hover{transform:translateY(-3px);border-color:var(--brand-border)} .productCard .cardArt{overflow:hidden} .productCard .cardArt img{transition:transform .35s ease} .productCard:hover .cardArt img{transform:scale(1.05)} .buyPill,.primaryButton,.ghostButton,.woocommerce a.button,.woocommerce button.button{transition:filter .15s ease,transform .12s ease,background .15s ease,color .15s ease} .productCard:hover .buyPill{filter:brightness(1.06)} .primaryButton:active,.buyPill:active,.woocommerce a.button:active,.woocommerce button.button:active{transform:translateY(1px)} /* Keyboard focus visibility (accessibility) */ a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible, .buyPill:focus-visible,.nx-langdd__btn:focus-visible,.nx-langdd__item:focus-visible,.productCard:focus-visible{ outline:2px solid var(--brand);outline-offset:2px;border-radius:10px} .searchBox:focus-within{border-color:var(--brand-border)} /* Brand chips: show the product image cleanly (no empty dark box) */ .brandChip{overflow:hidden} .brandChip img,.brandChip .brandChipLogo{width:100%;height:100%;object-fit:cover} .dealProduct .brandChip{width:52px;height:52px;flex:0 0 52px} /* Sticky header so nav + language are always reachable; dropdown stays above */ .utilBar{position:relative;z-index:41} .topbar{position:sticky;top:0;z-index:60} /* Respect reduced-motion preferences */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important} } /* ============================================================ HERO — stop the brand/title clipping (esp. RTL) + keep tidy ============================================================ */ .hero{align-items:center} .heroCopy{min-width:0} .heroCopy>*{max-width:100%} .hero h1{overflow-wrap:break-word;word-break:normal;font-size:clamp(34px,5vw,64px);line-height:1.04} .heroBrand{unicode-bidi:isolate;word-break:keep-all;overflow-wrap:normal} .heroAccent{unicode-bidi:isolate} .brandStrip,.brandStripRow{max-width:100%} .brandStripRow{flex-wrap:wrap} .searchBox{max-width:100%;flex-wrap:wrap} .dealPanel{min-width:0;max-width:100%} /* RTL: the SPA display tracking is too tight for Arabic/Persian glyphs */ html[dir="rtl"] .hero h1, html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3, html[dir="rtl"] .nx-h1,html[dir="rtl"] .nx-h2, html[dir="rtl"] .dealName,html[dir="rtl"] .sectionHeader h2, html[dir="rtl"] .nx-panel__title{letter-spacing:normal!important} html[dir="rtl"] .heroText,html[dir="rtl"] .productInfo p{letter-spacing:normal} /* ============================================================ RTL TYPOGRAPHY — load a real Persian/Arabic face. WordPress emits lang="fa-IR" / "ar", but the SPA only styled html[lang="fa"] (exact) — so it never matched and Persian fell back to each visitor's default system font. Match by prefix + dir=rtl and use Vazirmatn (fa) / Tajawal (ar), now actually loaded. ============================================================ */ html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select, html[lang^="fa"] body,html[lang^="fa"] button,html[lang^="fa"] input,html[lang^="fa"] textarea,html[lang^="fa"] select{ font-family:"Vazirmatn","Estedad",Inter,ui-sans-serif,system-ui,sans-serif} html[lang^="ar"] body,html[lang^="ar"] button,html[lang^="ar"] input,html[lang^="ar"] textarea,html[lang^="ar"] select{ font-family:"Tajawal",Inter,ui-sans-serif,system-ui,sans-serif} /* Persian/Arabic read better without the SPA's tight Latin tracking */ html[dir="rtl"] .heroText,html[dir="rtl"] p,html[dir="rtl"] .productInfo,html[dir="rtl"] .dealName{letter-spacing:normal} /* ============================================================ PURCHASE FLOW — WooCommerce Blocks (cart/checkout) dark skin + page heads + account/login polish ============================================================ */ /* Page titles (Cart / Checkout / My account) */ .nx-page-head{margin:26px 0 16px} .nx-page-head h1{margin:0;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em;line-height:1.05;color:var(--text)} /* Woo pages: the content IS the layout — drop the outer card chrome */ .woocommerce-cart .entry-content.nx-card, .woocommerce-checkout .entry-content.nx-card, .woocommerce-account .entry-content.nx-card{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0} /* Native control tint everywhere (radios, checkboxes, progress) */ .screen input[type=radio],.screen input[type=checkbox]{accent-color:var(--brand)} /* ---------- shared block components ---------- */ .wc-block-components-title{color:var(--text);letter-spacing:-.03em} .wc-block-components-sidebar-layout{color:var(--text)} /* Sidebars (cart totals / order summary) as SPA panels */ .wc-block-cart__sidebar,.wc-block-checkout__sidebar{ background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:20px} .wc-block-components-totals-wrapper{border-top:1px solid var(--line);padding:10px 0} .wc-block-components-totals-wrapper:first-child{border-top:0;padding-top:0} .wc-block-components-totals-item{color:var(--text)} .wc-block-components-totals-item__label{color:var(--muted);font-weight:600} .wc-block-components-totals-item__value{font-weight:800;color:var(--text)} .wc-block-components-totals-discount .wc-block-components-totals-item__value{color:var(--brand)} .wc-block-components-totals-footer-item{padding-top:12px} .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{color:var(--text);font-weight:800;font-size:15px} .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--brand);font-size:22px;font-weight:900} /* Coupon panel */ .wc-block-components-totals-coupon .wc-block-components-panel__button, .wc-block-components-panel__button{color:var(--brand-2)!important;background:none!important;font-weight:750} .wc-block-components-totals-coupon__form{display:flex;gap:8px;margin-top:10px} /* ---------- cart items table ---------- */ .wc-block-cart-items{border:0} .wc-block-cart-items th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;border-bottom:1px solid var(--line);padding-bottom:10px} .wc-block-cart-items td{border:0;border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:16px} .wc-block-cart-items__row:last-child td{border-bottom:0} .wc-block-cart-item__image img{border-radius:14px;border:1px solid var(--line);background:var(--surface-2)} .wc-block-components-product-name{color:var(--text);font-weight:800;text-decoration:none;font-size:15px} a.wc-block-components-product-name:hover{color:var(--brand)} .wc-block-components-product-metadata,.wc-block-components-product-details{color:var(--muted);font-size:12.5px;margin-top:2px} .wc-block-components-product-price{color:var(--brand);font-weight:800} .wc-block-components-product-price del,.wc-block-components-product-price__regular{color:var(--muted);opacity:.7;font-weight:600;margin-inline-end:6px} .wc-block-components-product-price ins,.wc-block-components-product-price__value{text-decoration:none} .wc-block-cart-item__total .wc-block-components-product-price{font-size:16px} /* Sale badge chip */ .wc-block-components-product-badge,.wc-block-components-sale-badge{ display:inline-block;background:var(--brand-tint);border:1px solid var(--brand-border);color:var(--brand); border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;text-transform:none;letter-spacing:0;margin-top:6px} /* Quantity selector as a dark pill */ .wc-block-components-quantity-selector{ display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:10px} .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{ background:transparent!important;border:0!important;color:var(--text)!important;font-weight:800; padding:0 4px!important;height:38px;min-height:38px;text-align:center} .wc-block-components-quantity-selector__button{ background:transparent;border:0;color:var(--muted)!important;font-size:16px;font-weight:800;min-width:34px;min-height:38px;cursor:pointer;opacity:1} .wc-block-components-quantity-selector__button:hover{color:var(--brand)!important} .wc-block-cart-item__remove-link{ background:none!important;border:0;color:var(--muted)!important;font-size:12.5px;cursor:pointer;text-decoration:none;margin-inline-start:12px;margin-top:10px;padding:4px 0!important} .wc-block-cart-item__remove-link:hover{color:var(--danger)!important} /* Block links: no underlines (base content styles underline entry-content links) */ .wc-block-cart a,.wc-block-checkout a,.wp-block-woocommerce-cart a,.wp-block-woocommerce-checkout a, .wc-block-components-button,.wc-block-components-button *{text-decoration:none!important} /* Proceed / place order buttons (SPA primary) */ .wc-block-components-button,.wc-block-components-button.contained,.wp-element-button{ background:var(--grad-brand)!important;color:var(--on-brand)!important;border:0!important; border-radius:var(--r-md,14px)!important;font-weight:800!important;padding:14px 22px!important; box-shadow:none!important;text-shadow:none!important;line-height:1.1;transition:filter .15s ease,transform .12s ease} .wc-block-components-button:hover{filter:brightness(1.06)} .wc-block-components-button:active{transform:translateY(1px)} .wc-block-cart__submit-container{margin-top:14px} .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{width:100%;justify-content:center} .wc-block-components-checkout-return-to-cart-button{color:var(--muted)!important;background:none!important;text-decoration:none;font-weight:700} .wc-block-components-checkout-return-to-cart-button:hover{color:var(--text)!important} /* ---------- checkout steps as SPA panels ---------- */ .wc-block-components-checkout-step{ background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px); padding:22px;margin:0 0 16px} .wc-block-components-checkout-step__title{margin:0 0 4px;font-size:19px} .wc-block-components-checkout-step__description{color:var(--muted);font-size:13px;margin:4px 0 12px} /* Text inputs / floating labels / combobox / select. IMPORTANT: colors only — the block CSS owns padding so its floating-label mechanic (extra top padding on .is-active) keeps working. */ .wc-block-components-text-input input, .wc-block-components-combobox input, .wc-block-checkout select{ background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important; border-radius:var(--r-md,14px)!important;font:inherit} .wc-block-components-text-input input:focus, .wc-block-components-combobox input:focus, .wc-block-checkout select:focus{outline:none;border-color:var(--brand-border)!important;box-shadow:0 0 0 3px var(--brand-tint)!important} .wc-block-components-text-input label, .wc-block-components-combobox label, .wc-block-components-checkbox__label{color:var(--muted)!important} /* Payment options as selectable cards. Chrome only — the block CSS owns the internal radio/label layout. */ .wc-block-components-radio-control-accordion-option{ border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text); margin-bottom:10px;overflow:hidden} .wc-block-components-radio-control-accordion-option:has(input:checked){border-color:var(--brand-border);background:var(--brand-tint)} .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{padding:13px 15px} .wc-block-components-radio-control:not(.wc-block-components-radio-control-accordion) > .wc-block-components-radio-control__option{ border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin-bottom:10px;padding:13px 15px} .wc-block-components-radio-control:not(.wc-block-components-radio-control-accordion) > .wc-block-components-radio-control__option:has(input:checked){ border-color:var(--brand-border);background:var(--brand-tint)} .wc-block-components-radio-control__label{font-weight:750;color:var(--text)} .wc-block-components-radio-control-accordion-content{color:var(--muted);font-size:13px;padding:0 15px 13px} .wc-block-components-radio-control-accordion-content p{margin:0} /* Order summary items (checkout sidebar) */ .wc-block-components-order-summary-item{border-bottom:1px solid var(--line)} .wc-block-components-order-summary-item:last-child{border-bottom:0} .wc-block-components-order-summary-item__image img{border-radius:12px;border:1px solid var(--line);background:var(--surface-2)} .wc-block-components-order-summary-item__quantity{ background:var(--brand);color:var(--on-brand);border:2px solid var(--panel,#101521);border-radius:999px;font-weight:800} .wc-block-components-order-summary-item__total-price{font-weight:800;color:var(--text)} .wc-block-components-order-summary .wc-block-components-title{font-size:19px;margin:0 0 6px} /* Notices (info / error / success) on dark */ .wc-block-components-notice-banner{ background:var(--surface-1)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:14px!important} .wc-block-components-notice-banner.is-error{border-color:rgba(255,77,125,.5)!important} .wc-block-components-notice-banner.is-success{border-color:var(--brand-border)!important} .wc-block-components-notice-banner.is-info{border-color:rgba(0,212,255,.4)!important} .wc-block-components-notice-banner>svg{fill:currentColor} /* Gentle transition while blocks hydrate — avoids text vanishing completely if hydration lags */ html.nx-js .wp-block-woocommerce-cart.is-loading,html.nx-js .wp-block-woocommerce-checkout.is-loading{opacity:.85;transition:opacity .25s ease} /* ---------- empty cart + "New in store" grid ---------- */ .wp-block-woocommerce-empty-cart-block{text-align:center;padding:10px 0 8px} .wc-block-cart__empty-cart__title{color:var(--text)} .wp-block-woocommerce-empty-cart-block .wp-block-separator{border-color:var(--line);opacity:.7;margin:22px auto} .wc-block-grid__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:18px 0 6px;padding:0} .wc-block-grid__product{ position:relative;background:var(--surface-1);border:1px solid var(--line);border-radius:22px; padding:14px;text-align:center;transition:transform .18s ease,border-color .18s ease} .wc-block-grid__product:hover{transform:translateY(-3px);border-color:var(--brand-border)} .wc-block-grid__product-link{text-decoration:none;color:inherit;display:block} .wc-block-grid__product-image img{border-radius:14px;width:100%;height:auto;background:var(--surface-2)} .wc-block-grid__product-title{color:var(--text);font-weight:800;font-size:14px;margin-top:10px} .wc-block-grid__product-price{color:var(--brand);font-weight:800;font-size:14px;margin-top:4px} .wc-block-grid__product-price del{color:var(--muted);opacity:.7;font-weight:600;margin-inline-end:5px} .wc-block-grid__product-price ins{text-decoration:none} .wc-block-grid__product-onsale{ position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--danger);color:#fff; border:0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;min-height:0;line-height:1.2} .wc-block-grid__product-add-to-cart{margin-top:10px} .wc-block-grid__product-add-to-cart .wp-block-button__link{ background:var(--grad-brand);color:var(--on-brand);border:0;border-radius:999px; padding:9px 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block} .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{filter:brightness(1.06)} .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:6px;color:var(--brand-2);font-size:12.5px;font-weight:700} /* ---------- login / register (my-account, logged out) ---------- */ .woocommerce-account:not(.logged-in) .entry-content>.woocommerce{max-width:520px;margin-inline:auto} .woocommerce form.login,.woocommerce form.register{padding:26px} .woocommerce form.login .form-row,.woocommerce form.register .form-row{margin-bottom:14px} .woocommerce form.login label,.woocommerce form.register label{display:block;margin-bottom:6px} .woocommerce form.login .woocommerce-form-login__rememberme{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:10px;width:100%} .woocommerce form.login .woocommerce-form-login__rememberme input{margin:0;flex:0 0 auto} .woocommerce form.login .woocommerce-form-login__rememberme span{white-space:nowrap} .woocommerce form.login button[type=submit],.woocommerce form.register button[type=submit]{width:100%} .woocommerce .lost_password{margin-top:12px;font-size:13px} .woocommerce .lost_password a{color:var(--brand-2)} .woocommerce-privacy-policy-text{color:var(--muted);font-size:12.5px} /* Order received (thank-you) */ .woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 20px;padding:0} .woocommerce-order-overview li{ background:var(--surface-1);border:1px solid var(--line);border-radius:14px;padding:10px 14px; color:var(--muted);font-size:12.5px;border-right-width:1px!important;float:none!important;margin:0!important} .woocommerce-order-overview li strong{display:block;color:var(--text);font-size:14px;margin-top:2px} .woocommerce-thankyou-order-received{font-size:19px;font-weight:800;color:var(--brand);margin-bottom:16px} /* ---------- responsive ---------- */ @media (max-width:900px){ .wc-block-components-sidebar-layout{flex-direction:column} .wc-block-components-sidebar{margin-inline-start:0;width:100%;flex-basis:auto} .wc-block-cart__sidebar,.wc-block-checkout__sidebar{margin-top:18px} .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr))} .wc-block-checkout__actions{flex-direction:column-reverse;align-items:stretch;text-align:center} } @media (max-width:640px){ .wc-block-cart-items__header-image{display:none} .wc-block-cart-item__image{width:64px} } /* ============================================================ FIX PACK — compact radios/checkboxes + product tabs redesign ============================================================ */ input[type=radio],input[type=checkbox]{ width:18px!important;height:18px!important;min-width:0!important;min-height:0!important; padding:0!important;margin:0!important;border:0!important;background:transparent!important; border-radius:0;display:inline-block;vertical-align:middle;flex:0 0 auto; accent-color:var(--brand);cursor:pointer} label>input[type=radio],label>input[type=checkbox]{margin-inline-end:8px!important} .wc-block-components-radio-control__option{display:flex!important;align-items:center!important;gap:11px!important; text-align:start!important;margin:0!important;padding:13px 15px!important;cursor:pointer} .wc-block-components-radio-control__input{position:static!important;transform:none!important;inset:auto!important} .wc-block-components-radio-control__option-layout, .wc-block-components-radio-control__label-group{flex:1 1 auto;min-width:0} .wc-block-components-radio-control__label{display:block} .wc-block-components-radio-control__secondary-label{color:var(--muted);font-size:12.5px} .wc-block-checkout label,.wc-block-cart label{margin-top:0} .wc-block-components-radio-control-accordion-content{padding-top:0} .woocommerce ul.payment_methods{list-style:none;margin:0;padding:0} .woocommerce ul.payment_methods li{display:flex;flex-wrap:wrap;align-items:center;gap:10px; background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:10px} .woocommerce ul.payment_methods li label{margin:0;font-weight:750;color:var(--text)} .woocommerce ul.payment_methods li .payment_box{flex-basis:100%;background:transparent!important;color:var(--muted);margin:0;padding:6px 0 0} .woocommerce ul.payment_methods li .payment_box::before{display:none!important} /* ============================================================ MATERIAL DESIGN 3 PRODUCT TABS & PANELS Segmented control bar, elevated dark glass, glowing active pill ============================================================ */ .productTabsWrap{margin-top:36px;clear:both;width:100%} .woocommerce-tabs ul.tabs{ display:inline-flex!important;flex-wrap:wrap!important;gap:6px!important;list-style:none!important; margin:0 0 18px!important;padding:5px!important;border:1px solid rgba(255,255,255,.09)!important; border-radius:18px!important;background:rgba(20,17,14,.68)!important;backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important;box-shadow:0 4px 20px rgba(0,0,0,.35)!important; overflow:hidden!important } .woocommerce-tabs ul.tabs::before,.woocommerce-tabs ul.tabs::after{display:none!important;content:none!important} .woocommerce-tabs ul.tabs li{ background:transparent!important;border:0!important;border-radius:12px!important; margin:0!important;padding:0!important;box-shadow:none!important;display:block!important; transition:all .22s cubic-bezier(.16,1,.3,1)!important } .woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important;content:none!important;border:0!important;box-shadow:none!important;background:none!important} .woocommerce-tabs ul.tabs li a{ display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 22px!important; color:var(--muted,#a8a29e)!important;font-weight:750!important;font-size:14px!important; text-decoration:none!important;border-radius:12px!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important } .woocommerce-tabs ul.tabs li:hover a{color:var(--text,#faf9f8)!important;background:rgba(255,255,255,.05)!important} .woocommerce-tabs ul.tabs li.active{ background:linear-gradient(135deg,var(--brand,#f5b73c) 0%,#e08a5f 100%)!important; box-shadow:0 4px 16px rgba(245,183,60,.35)!important } .woocommerce-tabs ul.tabs li.active a{color:#0c0a09!important;font-weight:850!important} /* MD3 Elevated Tab Panel */ .woocommerce-Tabs-panel{ background:linear-gradient(180deg,rgba(22,18,15,.78) 0%,rgba(14,12,10,.88) 100%)!important; border:1px solid rgba(255,255,255,.09)!important;border-radius:24px!important; padding:clamp(24px,4vw,36px)!important;backdrop-filter:blur(24px)!important; -webkit-backdrop-filter:blur(24px)!important; box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important; margin:0!important;color:var(--text,#faf9f8)!important } .woocommerce-Tabs-panel>h2:first-child{ margin:0 0 16px!important;font-size:22px!important;font-weight:850!important; letter-spacing:-.025em!important;color:var(--text,#faf9f8)!important; border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:12px!important } .woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3{color:var(--text,#faf9f8)!important;font-weight:800!important} .woocommerce-Tabs-panel h3{font-size:17px!important;margin:22px 0 10px!important} .woocommerce-Tabs-panel p{color:var(--text,#faf9f8)!important;opacity:.94!important;line-height:1.7!important;font-size:15px!important} .woocommerce-Tabs-panel ul{margin:14px 0!important;padding-inline-start:22px!important;list-style:none!important} .woocommerce-Tabs-panel ul li{ position:relative!important;margin:8px 0!important;color:var(--text,#faf9f8)!important; font-size:14.5px!important;line-height:1.6!important;padding-inline-start:18px!important } .woocommerce-Tabs-panel ul li::before{ content:''!important;position:absolute!important;inset-inline-start:0!important; top:9px!important;width:7px!important;height:7px!important;border-radius:50%!important; background:var(--brand,#f5b73c)!important;box-shadow:0 0 6px rgba(245,183,60,.6)!important } .woocommerce-Tabs-panel table{width:100%!important;border-collapse:separate!important;border-spacing:0!important; background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important; border-radius:16px!important;overflow:hidden!important;margin:16px 0 8px!important} .woocommerce-Tabs-panel table th{background:rgba(255,255,255,.05)!important;color:var(--muted)!important;text-align:start!important; padding:12px 16px!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;border:0!important} .woocommerce-Tabs-panel table td{padding:12px 16px!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;color:var(--text)!important;font-size:14px!important} .woocommerce-Tabs-panel table tr:first-child td{border-top:0!important} #reviews .commentlist{list-style:none!important;margin:0!important;padding:0!important} #reviews .commentlist li{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:16px 18px!important;margin-bottom:14px!important} #reviews .commentlist li img.avatar{border-radius:50%!important;width:40px!important;height:40px!important} #reviews .comment-reply-title,#reviews .woocommerce-Reviews-title{color:var(--text)!important;font-weight:850!important} #reviews .stars a{color:var(--brand)!important} #review_form .comment-form-rating{margin:8px 0!important} #reviews .meta{color:var(--muted)!important} /* ============================================================ CATEGORY & SHOP ARCHIVE LAYOUT — FULL WIDTH & RESPONSIVE ============================================================ */ .archive.woocommerce #main.screen, .tax-product_cat #main.screen, .post-type-archive-product #main.screen{ display:block!important;width:100%!important;max-width:1320px!important; margin:0 auto!important;padding:0 var(--page-pad-x,5vw) 80px!important; box-sizing:border-box!important;float:none!important } .tax-product_cat .page-title, .archive.woocommerce .page-title, .woocommerce-products-header__title.page-title, .screen>.page-title{ display:block!important;width:100%!important;max-width:100%!important; white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important; writing-mode:horizontal-tb!important;font-size:clamp(30px,3.5vw,46px)!important; font-weight:850!important;letter-spacing:-.04em!important;line-height:1.15!important; color:var(--text,#faf9f8)!important;margin:36px 0 12px 0!important;padding:0!important; text-align:start!important;float:none!important } .screen>.term-description, .tax-product_cat .term-description, .woocommerce-products-header .term-description{ display:block!important;width:100%!important;max-width:820px!important; font-size:clamp(15px,1.2vw,17px)!important;line-height:1.65!important; color:var(--muted,#a8a29e)!important;margin:0 0 28px 0!important;padding:0!important; float:none!important } .screen>.term-description p,.term-description p{margin:0 0 10px 0!important;color:inherit!important} .tax-product_cat .woocommerce-result-count, .archive.woocommerce .woocommerce-result-count, .screen>.woocommerce-result-count{ font-size:13px!important;font-weight:600!important;color:var(--muted,#a8a29e)!important; margin:0 0 16px 0!important;float:none!important;display:inline-block!important } .tax-product_cat .woocommerce-ordering, .archive.woocommerce .woocommerce-ordering, .screen>.woocommerce-ordering{margin:0 0 24px 0!important;float:right!important} [dir="rtl"] .tax-product_cat .woocommerce-ordering, [dir="rtl"] .archive.woocommerce .woocommerce-ordering, [dir="rtl"] .screen>.woocommerce-ordering{float:left!important} .screen>.cardsGrid, .tax-product_cat .cardsGrid, .archive.woocommerce .cardsGrid{ display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important; gap:24px!important;width:100%!important;padding:0!important;margin:0 0 60px 0!important;clear:both!important } .woocommerce-pagination{margin-bottom:44px!important;clear:both!important} /* ============================================================ PRODUCT BUY-ROW — vendor picker + quantity stepper + CTA Default WooCommerce floats the .quantity and button, leaving an awkward gap. Lay the form out as a tidy flex column with a single aligned [ qty ][ Add to cart ] row. ============================================================ */ .checkoutPanel form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 0} .checkoutPanel form.cart::before,.checkoutPanel form.cart::after{content:none!important;display:none!important} .checkoutPanel form.cart .nabux-offers{flex:0 0 100%;margin:0 0 4px} .checkoutPanel form.cart .quantity{flex:0 0 auto;margin:0;float:none;display:inline-flex;align-items:stretch} .checkoutPanel form.cart .quantity input.qty{ width:84px;height:54px;text-align:center;font-weight:800;font-size:16px; background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important; border-radius:var(--r-md,14px)!important;padding:0 10px!important;margin:0!important; -moz-appearance:textfield;appearance:textfield} .checkoutPanel form.cart .quantity input.qty:focus{border-color:var(--brand-border)!important;box-shadow:0 0 0 3px var(--brand-tint)!important;outline:none} .checkoutPanel form.cart .quantity input.qty::-webkit-outer-spin-button, .checkoutPanel form.cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .checkoutPanel form.cart .single_add_to_cart_button{ flex:1 1 auto;min-width:170px;height:54px;display:inline-flex;align-items:center;justify-content:center; margin:0!important;padding:0 24px!important;font-size:15px;float:none} /* Trust line spacing under the CTA */ .checkoutPanel .checkoutTrust{margin-top:16px} .checkoutPanel .checkoutTrust .trustRow{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:12.5px} @media (max-width:420px){ .checkoutPanel form.cart .quantity input.qty{width:100%} .checkoutPanel form.cart .quantity{flex:0 0 100%} .checkoutPanel form.cart .single_add_to_cart_button{flex:0 0 100%} } /* ============================================================ RESPONSIVE DATA TABLES — product description plans table scrolls horizontally on mobile instead of pushing the page wide ============================================================ */ .nx-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 6px; border:1px solid var(--line);border-radius:16px;background:var(--surface-2)} .nx-tablewrap>table{margin:0!important;border:0!important;border-radius:0!important;min-width:480px;background:transparent!important} .woocommerce-Tabs-panel .nx-tablewrap{margin:12px 0 6px} .woocommerce-Tabs-panel .nx-tablewrap>table th{background:var(--surface-3)} /* ============================================================ ACCOUNT · AUTH · SELLER (v2 — bulletproof, SPA-matched) Wins over woocommerce-layout.css floats + WP constrained layout so the My Account screens never collapse on live. ============================================================ */ /* ---- Logged-in: 2-column dashboard, immune to float/centering ---- */ .woocommerce-account.logged-in .woocommerce{ display:grid !important; grid-template-columns:264px minmax(0,1fr) !important; gap:22px !important; align-items:start !important; width:auto !important; max-width:none !important; margin:0 !important; float:none !important; } .woocommerce-account.logged-in .woocommerce::before, .woocommerce-account.logged-in .woocommerce::after{content:none !important;display:none !important} .woocommerce-account.logged-in .woocommerce-MyAccount-navigation, .woocommerce-account.logged-in .woocommerce-MyAccount-content{ float:none !important; width:auto !important; max-width:none !important; margin:0 !important; min-width:0; } .woocommerce-account .woocommerce-MyAccount-navigation{ background:var(--surface-1);border:1px solid var(--line); border-radius:var(--r-3xl,26px);padding:14px;align-self:start } .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0} .woocommerce-account .woocommerce-MyAccount-navigation li{margin:0 0 4px} .woocommerce-account .woocommerce-MyAccount-navigation li a{ display:block;padding:12px 15px;border-radius:14px;color:var(--muted); text-decoration:none;font-weight:700;line-height:1.2;transition:background .18s ease,color .18s ease } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--surface-2);color:var(--text)} .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:var(--brand-tint);color:var(--text);box-shadow:inset 0 0 0 1px var(--brand-border) } .woocommerce-account .woocommerce-MyAccount-navigation-link--seller a{color:var(--brand-2)} .woocommerce-account .woocommerce-MyAccount-navigation-link--seller.is-active a{color:var(--text)} .woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#ffb5c8} .woocommerce-account .woocommerce-MyAccount-content{ background:var(--surface-1);border:1px solid var(--line); border-radius:var(--r-3xl,26px);padding:26px;min-width:0 } .woocommerce-account .woocommerce-MyAccount-content::before, .woocommerce-account .woocommerce-MyAccount-content::after{content:none !important;display:none !important} .woocommerce-account .woocommerce-MyAccount-content > :first-child{margin-top:0} .woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{color:var(--text)} .woocommerce-MyAccount-content > p{color:var(--muted);line-height:1.6} .woocommerce-MyAccount-content a{color:var(--brand-2)} /* dashboard: greeting + quick links + seller strip */ .nx-acct-quickwrap{margin-top:22px} .nx-acct-h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .nx-acct-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .nx-acct-tile{ display:flex !important;flex-direction:column;gap:10px;align-items:flex-start; background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px; color:var(--text) !important;text-decoration:none !important;font-weight:700; transition:border-color .2s ease,transform .2s ease } .nx-acct-tile:hover{border-color:var(--brand-border);transform:translateY(-2px)} .nx-acct-ic{font-size:20px;line-height:1} .nx-acct-sellstrip{ display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; margin-top:20px;padding:18px 20px;border-radius:18px; background:linear-gradient(160deg,rgba(0,212,255,.12),rgba(183,255,60,.05) 60%,transparent); border:1px solid var(--line) } .nx-acct-sellstrip strong{display:block;font-size:16px;color:var(--text)} .nx-acct-sellstrip span{color:var(--muted);font-size:13px} .nx-acct-sellstrip .primaryButton{white-space:nowrap;text-decoration:none} /* ---- Seller panel ---- */ .nx-seller{display:flex;flex-direction:column;gap:18px} .nx-seller .dashboardPanel{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:22px} .nx-seller-head .sellerHero{width:100%} .nx-seller-name{font-size:18px;letter-spacing:-.02em;color:var(--text)} .nx-seller-stats{grid-template-columns:repeat(4,1fr) !important;padding:0 !important} .nx-seller-stats .metricCard{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px} .nx-seller-stats .metricCard span{color:var(--muted);font-size:13px} .nx-seller-stats .metricCard strong{display:block;margin-top:8px;font-size:26px;color:var(--brand)} .nx-seller-cols{display:grid;grid-template-columns:1.3fr .9fr;gap:18px} .nx-seller .authBenefits{margin:0} .nx-seller-apply{margin-top:16px;text-decoration:none;display:inline-block} .nx-seller .onlineToggle{align-self:flex-start} /* ---- Logged-out: login + register as SPA auth cards + seller CTA ---- */ .woocommerce-account:not(.logged-in) .woocommerce{ display:block !important;max-width:1120px !important;margin:0 auto !important;width:auto !important;float:none !important } .nx-sellcta{ background:linear-gradient(160deg,rgba(0,212,255,.12),rgba(183,255,60,.06) 55%,transparent); border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:32px;margin-bottom:22px } .nx-sellcta__in{max-width:820px} .nx-sellcta h2{margin:12px 0 10px;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;color:var(--text)} .nx-sellcta p{color:var(--muted);max-width:640px;margin:0 0 16px;line-height:1.6} .nx-sellcta__ben{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0 0 20px !important;padding:0 !important;list-style:none} .nx-sellcta__btn{text-decoration:none;display:inline-block} @media(max-width:640px){.nx-sellcta__ben{grid-template-columns:1fr !important}} /* two-column login / register */ .woocommerce-account:not(.logged-in) .col2-set, .woocommerce-account:not(.logged-in) #customer_login.col2-set{ display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px !important;width:auto !important } .woocommerce-account:not(.logged-in) .col2-set::before, .woocommerce-account:not(.logged-in) .col2-set::after{content:none !important;display:none !important} .woocommerce-account:not(.logged-in) .col2-set .col-1, .woocommerce-account:not(.logged-in) .col2-set .col-2{ float:none !important;width:auto !important;max-width:none !important;margin:0 !important; background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-3xl,26px);padding:28px } .woocommerce-account:not(.logged-in) .col2-set .col-2{ background:linear-gradient(160deg,rgba(183,255,60,.06),transparent 60%),var(--surface-1) } @media(max-width:820px){ .woocommerce-account:not(.logged-in) .col2-set, .woocommerce-account:not(.logged-in) #customer_login.col2-set{grid-template-columns:1fr !important} } .woocommerce-account:not(.logged-in) .col2-set h2{margin:0 0 6px;font-size:22px;letter-spacing:-.02em;color:var(--text)} .nx-reg-sub{color:var(--muted);font-size:13.5px;margin:0 0 16px} .woocommerce-account:not(.logged-in) form.login, .woocommerce-account:not(.logged-in) form.register{background:transparent !important;border:0 !important;padding:0 !important;margin:0} .woocommerce-account:not(.logged-in) form.login .form-row, .woocommerce-account:not(.logged-in) form.register .form-row{margin-bottom:14px} .woocommerce-account:not(.logged-in) form.login label, .woocommerce-account:not(.logged-in) form.register label{display:block;margin-bottom:6px;color:var(--muted);font-weight:700;font-size:13px} .woocommerce-account:not(.logged-in) input[type=text], .woocommerce-account:not(.logged-in) input[type=email], .woocommerce-account:not(.logged-in) input[type=password]{ width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:12px; padding:13px 14px;color:var(--text);font-size:15px } .woocommerce-account:not(.logged-in) input:focus{border-color:var(--brand-border);outline:none} .woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;margin:4px 0 12px;width:100%;color:var(--muted);font-weight:600} .woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme input{margin:0;flex:0 0 auto;width:18px} .woocommerce-account:not(.logged-in) form.login button[type=submit], .woocommerce-account:not(.logged-in) form.register button[type=submit]{width:100%} .woocommerce-account:not(.logged-in) .lost_password{margin-top:12px;font-size:13px} .woocommerce-account:not(.logged-in) .lost_password a{color:var(--brand-2)} .woocommerce-privacy-policy-text{color:var(--muted);font-size:12.5px} [dir="rtl"] .nx-sellcta{background:linear-gradient(200deg,rgba(0,212,255,.12),rgba(183,255,60,.06) 55%,transparent)} /* responsive: stack account grid on tablet/mobile */ @media(max-width:900px){ .woocommerce-account.logged-in .woocommerce{grid-template-columns:1fr !important} .nx-acct-quick{grid-template-columns:repeat(2,1fr)} .nx-seller-stats{grid-template-columns:repeat(2,1fr) !important} .nx-seller-cols{grid-template-columns:1fr} } @media(max-width:520px){ .nx-acct-quick{grid-template-columns:1fr 1fr} .nx-seller-stats{grid-template-columns:1fr 1fr !important} } /* --- account fixes: keep the account nav visible on mobile (theme hides bare