/* ===================================================================== Altechmind Brand — Dark (Altechmind green) SCOPED to WooCommerce store content only (.woocommerce-page .site-main / .woocommerce). It never targets the site header, footer, or Elementor pages, so your Elementor design is left completely alone. ===================================================================== */ body.woocommerce-page { --atm-green: #9BCB3D; --atm-green-400: #B4DD5E; --atm-green-600: #7FA92C; --atm-green-700: #66881F; --atm-green-soft: rgba(155,203,61,.12); --atm-on-green: #0B0F04; --atm-bg: #0A0A0A; --atm-bg-2: #101010; --atm-surface: #141414; --atm-surface-2: #1B1B1B; --atm-border: #262626; --atm-border-2: #333333; --atm-text: #F4F5F5; --atm-text-dim: #9AA0A6; --atm-danger: #FF6B6B; --atm-radius: 14px; background: #0A0A0A !important; color-scheme: dark; } /* ---------- Content text (inside main only) ---------- */ .woocommerce-page .site-main { color: var(--atm-text); font-size: 15px; line-height: 1.6; overflow-x: hidden; } .woocommerce-page .site-main p, .woocommerce-page .site-main li, .woocommerce-page .site-main td, .woocommerce-page .site-main th, .woocommerce-page .site-main dd, .woocommerce-page .site-main dt, .woocommerce-page .site-main label, .woocommerce-page .site-main span { color: var(--atm-text); } .woocommerce-page .site-main small, .woocommerce-page .site-main .description { color: var(--atm-text-dim); } .woocommerce-page .site-main a { color: var(--atm-text); text-decoration: none; } .woocommerce-page .site-main a:hover { color: var(--atm-green); } .woocommerce-page .site-main img { max-width: 100%; height: auto; } .woocommerce-page .site-main *, .woocommerce-page .site-main *::before, .woocommerce-page .site-main *::after { box-sizing: border-box; } /* ---------- Titles / headings (scoped, sensible sizes) ---------- */ .woocommerce-page .site-main .entry-title, .woocommerce-page .site-main .page-title, .woocommerce-page .site-main .woocommerce-products-header__title { color: var(--atm-text) !important; font-size: 1.6rem !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 0 0 1rem !important; } .woocommerce-page .site-main h2 { font-size: 1.25rem; line-height: 1.3; } .woocommerce-page .site-main h3 { font-size: 1.1rem; line-height: 1.35; } .woocommerce-page .site-main h4 { font-size: 1rem; } /* ---------- Buttons ---------- */ .woocommerce-page .site-main .button, .woocommerce-page .site-main .woocommerce a.button, .woocommerce-page .site-main .woocommerce button.button, .woocommerce-page .site-main .woocommerce a.add_to_cart_button { background: var(--atm-surface-2); color: var(--atm-text); border: 1px solid var(--atm-border-2); border-radius: 10px; font-weight: 500; font-size: .9rem; box-shadow: none; transition: border-color .15s, color .15s; } .woocommerce-page .site-main .woocommerce a.button:hover, .woocommerce-page .site-main .woocommerce button.button:hover, .woocommerce-page .site-main .woocommerce a.add_to_cart_button:hover { border-color: var(--atm-green); color: var(--atm-green); } .woocommerce-page .site-main .button.alt, .woocommerce-page .site-main input[type="submit"], .woocommerce-page .site-main .wc-block-components-button, .woocommerce-page .site-main .single_add_to_cart_button, .woocommerce-page .site-main #place_order, .woocommerce-page .site-main .checkout-button { background: var(--atm-green) !important; color: var(--atm-on-green) !important; border: 0 !important; border-radius: 10px !important; font-weight: 600 !important; font-size: .95rem !important; box-shadow: none !important; } .woocommerce-page .site-main .button.alt:hover, .woocommerce-page .site-main input[type="submit"]:hover, .woocommerce-page .site-main .single_add_to_cart_button:hover, .woocommerce-page .site-main #place_order:hover, .woocommerce-page .site-main .checkout-button:hover { background: var(--atm-green-400) !important; } /* ---------- Forms ---------- */ .woocommerce-page .site-main input[type="text"], .woocommerce-page .site-main input[type="email"], .woocommerce-page .site-main input[type="tel"], .woocommerce-page .site-main input[type="number"], .woocommerce-page .site-main input[type="password"], .woocommerce-page .site-main input[type="search"], .woocommerce-page .site-main textarea, .woocommerce-page .site-main select, .woocommerce-page .site-main .select2-container .select2-selection, .woocommerce-page .site-main .wc-block-components-text-input input { background: var(--atm-surface) !important; color: var(--atm-text) !important; border: 1px solid var(--atm-border-2) !important; border-radius: 10px !important; min-height: 44px; } .woocommerce-page .site-main input:focus, .woocommerce-page .site-main textarea:focus, .woocommerce-page .site-main select:focus { outline: none !important; border-color: var(--atm-green) !important; box-shadow: 0 0 0 3px var(--atm-green-soft) !important; } .woocommerce-page .site-main ::placeholder { color: var(--atm-text-dim); opacity: 1; } /* ---------- Prices / notices / tables ---------- */ .woocommerce-page .site-main .price, .woocommerce-page .site-main .amount, .woocommerce-page .site-main .woocommerce-Price-amount { color: var(--atm-text) !important; font-weight: 700; } .woocommerce-page .site-main del .amount { color: var(--atm-text-dim) !important; font-weight: 400; } .woocommerce-page .site-main .woocommerce-message, .woocommerce-page .site-main .woocommerce-info, .woocommerce-page .site-main .woocommerce-error, .woocommerce-page .site-main .wc-block-components-notice-banner { background: var(--atm-surface) !important; color: var(--atm-text) !important; border-radius: 8px !important; border-left: 3px solid var(--atm-border-2) !important; border-top: 0 !important; } .woocommerce-page .site-main .woocommerce-message { border-left-color: var(--atm-green) !important; } .woocommerce-page .site-main table.shop_table { background: var(--atm-surface) !important; border: 1px solid var(--atm-border) !important; border-radius: var(--atm-radius) !important; overflow: hidden; } .woocommerce-page .site-main table.shop_table th { background: var(--atm-surface-2) !important; color: var(--atm-text) !important; border-color: var(--atm-border) !important; } .woocommerce-page .site-main table.shop_table td { border-color: var(--atm-border) !important; background: transparent !important; } /* ---------- Shop grid ---------- */ .woocommerce-page .site-main ul.products li.product { background: var(--atm-surface) !important; border: 1px solid var(--atm-border) !important; border-radius: var(--atm-radius) !important; padding: 14px !important; transition: border-color .15s, box-shadow .15s, transform .12s; } .woocommerce-page .site-main ul.products li.product:hover { border-color: var(--atm-border-2) !important; box-shadow: 0 12px 30px rgba(0,0,0,.5); transform: translateY(-2px); } .woocommerce-page .site-main ul.products li.product img { border-radius: 10px; margin-bottom: 10px; } .woocommerce-page .site-main ul.products li.product .woocommerce-loop-product__title { font-size: .98rem !important; font-weight: 500; } .woocommerce-page .site-main ul.products li.product .price { font-size: 1rem !important; display: block; margin: 4px 0 8px; } .woocommerce-page .site-main ul.products li.product .button { width: 100%; text-align: center; } .woocommerce-page .site-main .woocommerce-result-count, .woocommerce-page .site-main .woocommerce-breadcrumb { color: var(--atm-text-dim) !important; font-size: .85rem; } /* ---------- Single product: desktop 2-col, sticky card; stack < 982px ---------- */ @media (min-width: 982px) { .woocommerce-page.single-product .site-main div.product { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); gap: 32px; align-items: start; } .woocommerce-page.single-product .site-main div.product > * { min-width: 0; float: none !important; } .woocommerce-page.single-product .site-main div.product .woocommerce-product-gallery { grid-column: 1; grid-row: 1; width: auto !important; margin: 0 !important; } .woocommerce-page.single-product .site-main div.product .summary.entry-summary { grid-column: 2; grid-row: 1 / span 2; width: auto !important; margin: 0 !important; position: sticky; top: 24px; align-self: start; background: var(--atm-surface); border: 1px solid var(--atm-border); border-radius: 16px; padding: 22px 24px; box-shadow: 0 16px 40px rgba(0,0,0,.45); } .woocommerce-page.single-product .site-main div.product .woocommerce-tabs { grid-column: 1; grid-row: 2; margin-top: 8px; } .woocommerce-page.single-product .site-main div.product .related { grid-column: 1 / -1; } } .woocommerce-page.single-product .site-main div.product .product_title { font-size: 1.4rem !important; line-height: 1.25 !important; margin: 0 0 .5rem !important; } .woocommerce-page.single-product .site-main div.product .summary .price { font-size: 1.5rem !important; } .woocommerce-page.single-product .site-main div.product form.cart { display: flex; align-items: center; gap: 10px; margin: .75rem 0 1rem; } .woocommerce-page.single-product .site-main div.product form.cart .quantity input.qty { width: 64px; text-align: center; } .woocommerce-page.single-product .site-main div.product form.cart .single_add_to_cart_button { flex: 1; } /* thumbnails: small tidy row */ .woocommerce-page .site-main .flex-control-thumbs { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 12px 0 0 !important; padding: 0 !important; list-style: none; } .woocommerce-page .site-main .flex-control-thumbs li { width: 72px !important; margin: 0 !important; float: none !important; } .woocommerce-page .site-main .flex-control-thumbs li img { border-radius: 8px; border: 1px solid var(--atm-border); opacity: .65; } .woocommerce-page .site-main .flex-control-thumbs li img.flex-active, .woocommerce-page .site-main .flex-control-thumbs li img:hover { opacity: 1; border-color: var(--atm-green); } /* tabs */ .woocommerce-page .site-main .woocommerce-tabs ul.tabs { border: 0 !important; padding: 0 !important; margin: 0 0 6px !important; display: flex; flex-wrap: wrap; gap: 8px; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs::before { display: none !important; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs li { border: 1px solid var(--atm-border) !important; border-radius: 999px !important; background: var(--atm-surface) !important; margin: 0 !important; padding: 0 !important; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs li::before, .woocommerce-page .site-main .woocommerce-tabs ul.tabs li::after { display: none !important; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs li a { color: var(--atm-text) !important; padding: .5rem 1.1rem !important; display: block; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs li.active { background: var(--atm-green) !important; border-color: var(--atm-green) !important; } .woocommerce-page .site-main .woocommerce-tabs ul.tabs li.active a { color: var(--atm-on-green) !important; } .woocommerce-page .site-main .woocommerce-tabs .panel { background: var(--atm-surface); border: 1px solid var(--atm-border); border-radius: 14px; padding: 20px 22px !important; margin-top: 6px; } .woocommerce-page .site-main .woocommerce-tabs .panel > *:first-child { margin-top: 0; } /* ---------- Cart ---------- */ .woocommerce-page.woocommerce-cart .site-main .cart-collaterals .cart_totals { background: var(--atm-surface); border: 1px solid var(--atm-border); border-radius: var(--atm-radius); padding: 4px 16px 12px; } .woocommerce-page .site-main a.remove { color: var(--atm-text-dim) !important; border: 1px solid var(--atm-border); } .woocommerce-page .site-main a.remove:hover { color: var(--atm-danger) !important; background: transparent !important; border-color: var(--atm-danger); } .woocommerce-page .site-main .wc-block-components-totals-item, .woocommerce-page .site-main .wc-block-cart__totals-title { color: var(--atm-text) !important; } /* ---------- Checkout (classic + block) ---------- */ .woocommerce-page.woocommerce-checkout .site-main #payment, .woocommerce-page.woocommerce-checkout .site-main .woocommerce-checkout-review-order, .woocommerce-page .site-main .wc-block-checkout__sidebar, .woocommerce-page .site-main .wc-block-components-panel { background: var(--atm-surface) !important; border: 1px solid var(--atm-border) !important; border-radius: var(--atm-radius) !important; } .woocommerce-page.woocommerce-checkout .site-main #payment div.payment_box { background: var(--atm-surface-2) !important; color: var(--atm-text-dim) !important; border-radius: 10px; } .woocommerce-page .site-main .wc-block-components-title, .woocommerce-page .site-main .wc-block-components-checkout-step__title { color: var(--atm-text) !important; } /* ---------- My Account ---------- */ .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--atm-border); border-radius: var(--atm-radius); overflow: hidden; background: var(--atm-surface); } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li { list-style: none !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--atm-border); } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li::before, .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li::marker { content: none !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a { color: var(--atm-text) !important; display: block; padding: .7rem 1rem; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li.is-active { background: var(--atm-surface-2) !important; box-shadow: inset 3px 0 0 var(--atm-green); } .woocommerce-account .site-main .woocommerce-MyAccount-content { background: var(--atm-surface); border: 1px solid var(--atm-border); border-radius: var(--atm-radius); padding: 1.25rem 1.5rem; } .woocommerce-account .site-main .woocommerce-MyAccount-content code { background: var(--atm-bg-2); color: var(--atm-text); padding: 2px 6px; border-radius: 6px; border: 1px solid var(--atm-border); } .woocommerce-account .site-main .woocommerce-Address, .woocommerce-account .site-main .woocommerce-order-details, .woocommerce-account .site-main .woocommerce-customer-details { background: var(--atm-bg-2); border: 1px solid var(--atm-border); border-radius: var(--atm-radius); padding: 1rem 1.25rem; } /* OTP login => hide the password-change section on Account details */ .woocommerce-account .site-main .woocommerce-EditAccountForm fieldset { display: none !important; } /* ---------- Responsive ---------- */ @media (max-width: 981px) { .woocommerce-page.single-product .site-main div.product { display: block !important; } .woocommerce-page.single-product .site-main div.product .woocommerce-product-gallery, .woocommerce-page.single-product .site-main div.product .summary.entry-summary, .woocommerce-page.single-product .site-main div.product .woocommerce-tabs { width: 100% !important; max-width: 100% !important; float: none !important; position: static !important; margin: 0 0 20px !important; } .woocommerce-page.single-product .site-main div.product .summary.entry-summary { background: var(--atm-surface); border: 1px solid var(--atm-border); border-radius: 14px; padding: 18px; } } @media (max-width: 768px) { /* Account: menu as a compact horizontal pill scroll (all items visible) */ .woocommerce-account .site-main .woocommerce-MyAccount-navigation, .woocommerce-account .site-main .woocommerce-MyAccount-content { width: 100% !important; float: none !important; margin-left: 0 !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation { margin-bottom: 1rem; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; border: 0; background: transparent; border-radius: 0; -webkit-overflow-scrolling: touch; padding-bottom: 4px !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; border: 1px solid var(--atm-border) !important; border-radius: 999px !important; background: var(--atm-surface); } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a { white-space: nowrap; padding: .5rem 1rem; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li.is-active { background: var(--atm-green-soft) !important; box-shadow: none; border-color: var(--atm-green) !important; } /* Cart / checkout stack + no overflow */ .woocommerce-page .site-main .cart-collaterals, .woocommerce-page .site-main .cart-collaterals .cart_totals { width: 100% !important; float: none !important; } .woocommerce-page .site-main #customer_details, .woocommerce-page .site-main #order_review { width: 100% !important; float: none !important; } .woocommerce-page .site-main #order_review { margin-top: 1rem; } .woocommerce-page .site-main .wc-block-checkout__form, .woocommerce-page .site-main .wc-block-checkout__sidebar, .woocommerce-page .site-main .wc-block-cart__main, .woocommerce-page .site-main .wc-block-cart__sidebar { width: 100% !important; max-width: 100% !important; flex: none !important; } .woocommerce-page .site-main ul.products { grid-template-columns: 1fr 1fr !important; gap: 14px; } } @media (max-width: 600px) { .woocommerce-page .site-main .entry-title, .woocommerce-page .site-main .page-title { font-size: 1.4rem !important; } .woocommerce-page.single-product .site-main div.product .product_title { font-size: 1.3rem !important; } .woocommerce-account .site-main .woocommerce-MyAccount-content { padding: 1rem 1.1rem; } } /* ===================================================================== Account menu icons (Font Awesome 6 Free) + block cart/checkout fixes ===================================================================== */ /* Block cart + block checkout: never overflow; stack on mobile */ body.woocommerce-cart, body.woocommerce-checkout { overflow-x: hidden; } .woocommerce-page .wp-block-woocommerce-cart, .woocommerce-page .wc-block-cart, .woocommerce-page .wp-block-woocommerce-checkout, .woocommerce-page .wc-block-checkout { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .woocommerce-page .wc-block-cart *, .woocommerce-page .wc-block-checkout * { box-sizing: border-box; } @media (max-width: 900px) { .woocommerce-page .wc-block-cart { display: block !important; } .woocommerce-page .wc-block-cart__main, .woocommerce-page .wc-block-cart__sidebar, .woocommerce-page .wc-block-checkout__main, .woocommerce-page .wc-block-checkout__sidebar { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* ===================================================================== Breadcrumb spacing + compact single product (Envato-inspired density) ===================================================================== */ /* Give store content top breathing room so it clears the header, and space the breadcrumb */ .woocommerce-page .site-main { padding-top: 2rem; } .woocommerce-page .site-main .woocommerce-breadcrumb { margin: 0 0 1.25rem !important; font-size: .82rem; color: var(--atm-text-dim) !important; } /* --- Compact single product --- */ @media (min-width: 982px) { .woocommerce-page.single-product .site-main div.product { gap: 28px; } } .woocommerce-page.single-product .site-main div.product .summary.entry-summary { padding: 20px 22px; } .woocommerce-page.single-product .site-main div.product .summary > * { margin-bottom: .5rem; } .woocommerce-page.single-product .site-main div.product .summary .price { margin: 0 0 .5rem !important; } /* drop the empty short-description gap */ .woocommerce-page.single-product .site-main div.product .woocommerce-product-details__short-description:empty { display: none !important; } .woocommerce-page.single-product .site-main div.product .woocommerce-product-rating { margin-bottom: .4rem; } /* Compact the product meta table (from the licensing plugin) */ .woocommerce-page.single-product .site-main .atm-pmeta { margin-top: .6rem !important; } .woocommerce-page.single-product .site-main .atm-pmeta-row { padding: .42rem 0 !important; } .woocommerce-page.single-product .site-main .atm-pmeta-l, .woocommerce-page.single-product .site-main .atm-pmeta-v { font-size: 12.5px !important; } .woocommerce-page.single-product .site-main .atm-pmeta-note { font-size: 12px !important; margin: .7rem 0 0 !important; } /* Tighter tabs + gallery on the product page */ .woocommerce-page.single-product .site-main .woocommerce-tabs .panel { padding: 18px 20px !important; } .woocommerce-page.single-product .site-main .woocommerce-product-gallery__image img { border-radius: 12px; } /* Compact, cleaner mobile account pills */ @media (max-width: 768px) { .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul { scrollbar-width: none; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li { background: var(--atm-surface) !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a { padding: .42rem .85rem !important; font-size: .85rem !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--atm-green) !important; font-weight: 600; } } /* ===================================================================== Mobile account nav as clean underline tabs (not chunky pills) ===================================================================== */ @media (max-width: 768px) { .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; border: 0 !important; background: transparent !important; border-radius: 0 !important; border-bottom: 1px solid var(--atm-border) !important; padding: 0 !important; margin-bottom: 1rem !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; border: 0 !important; background: transparent !important; border-radius: 0 !important; border-bottom: 0 !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a { padding: .6rem .8rem !important; color: var(--atm-text-dim) !important; border-bottom: 2px solid transparent; white-space: nowrap; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li.is-active { background: transparent !important; box-shadow: none !important; } .woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--atm-green) !important; border-bottom-color: var(--atm-green); font-weight: 600; } } /* ===================================================================== Select2 dropdowns (country/state) — dark. These render appended to , outside .site-main, so they are styled at body level (brand.css only loads on store pages, so this never touches other pages). ===================================================================== */ body.woocommerce-page .select2-container--default .select2-selection--single, body.woocommerce-page .select2-container--default .select2-selection--multiple { background: #141414 !important; border: 1px solid #333 !important; border-radius: 10px !important; min-height: 44px; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered { color: #F4F5F5 !important; line-height: 42px !important; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px !important; } body.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #9AA0A6 transparent transparent transparent !important; } .select2-dropdown { background: #141414 !important; border: 1px solid #333 !important; color: #F4F5F5; } .select2-search--dropdown .select2-search__field { background: #111 !important; color: #F4F5F5 !important; border: 1px solid #333 !important; border-radius: 8px; } .select2-results__option { color: #F4F5F5 !important; background: #141414 !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted { background: #9BCB3D !important; color: #0B0F04 !important; } .select2-container--default .select2-results__option[aria-selected="true"] { background: #1B1B1B !important; color: #F4F5F5 !important; } /* ===================================================================== Coupon controls (cart + checkout) ===================================================================== */ .woocommerce-page .site-main .checkout_coupon, .woocommerce-page .site-main .cart_totals .coupon { background: var(--atm-surface) !important; border: 1px solid var(--atm-border) !important; border-radius: 12px !important; padding: 14px 16px !important; } .woocommerce-page .site-main .woocommerce-form-coupon-toggle a, .woocommerce-page .site-main .showcoupon { color: var(--atm-green) !important; } .woocommerce-page .site-main .coupon input[type="text"] { min-height: 44px; } /* ===================================================================== Shop toolbar: search + category filter pills ===================================================================== */ .woocommerce-page .site-main .atm-shopbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 1.5rem; } .woocommerce-page .site-main .atm-shop-search { display: flex; gap: 8px; flex: 1 1 260px; max-width: 440px; } .woocommerce-page .site-main .atm-shop-search input[type="search"] { flex: 1; background: var(--atm-surface) !important; color: var(--atm-text) !important; border: 1px solid var(--atm-border-2) !important; border-radius: 10px !important; padding: .6rem .85rem; min-height: 44px; } .woocommerce-page .site-main .atm-shop-search input[type="search"]:focus { outline: none; border-color: var(--atm-green) !important; box-shadow: 0 0 0 3px var(--atm-green-soft) !important; } .woocommerce-page .site-main .atm-shop-search button { flex: none; background: var(--atm-green) !important; color: var(--atm-on-green) !important; border: 0 !important; border-radius: 10px !important; padding: 0 1rem !important; cursor: pointer; font-size: .95rem; } .woocommerce-page .site-main .atm-shop-cats { display: flex; flex-wrap: wrap; gap: 8px; } .woocommerce-page .site-main .atm-shop-cat { padding: .42rem .9rem; border: 1px solid var(--atm-border) !important; border-radius: 999px; color: var(--atm-text) !important; font-size: .85rem; text-decoration: none; white-space: nowrap; transition: border-color .15s, color .15s, background .15s; } .woocommerce-page .site-main .atm-shop-cat:hover { border-color: var(--atm-green) !important; color: var(--atm-green) !important; } .woocommerce-page .site-main .atm-shop-cat.active { background: var(--atm-green) !important; color: var(--atm-on-green) !important; border-color: var(--atm-green) !important; } @media (max-width: 600px) { .woocommerce-page .site-main .atm-shop-search { flex: 1 1 100%; max-width: 100%; } }