/* ═══════════════════════════════════════════════════════════════════════════ THUMB TOE — WooCommerce styles ═══════════════════════════════════════════════════════════════════════════ */ /* ── Global font override (DM Sans everywhere) ───────────────────────────── */ body, .woocommerce, .woocommerce-page, .entry-content, .product__title, .woocommerce-loop-product__title, .woocommerce-breadcrumb, .cart_totals, .shop_table, button, input, select, textarea { font-family: var(--tt-font) !important; } /* ── Transparent header: push hero content below header ─────────────────── */ /* Blocksy adds .has-transparent-header on when transparent mode is on */ .has-transparent-header .tt-hero { padding-top: calc(clamp(3.5rem, 8vw, 6rem) + 80px); } /* ── WooCommerce Load More Products plugin button ────────────────────────── */ /* The plugin outputs a button with class .woocommerce-load-more or similar */ .wc-load-more-btn, .load-more-btn, [class*="woocommerce-load-more"], #woocommerce-load-more-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0.78rem 2.2rem !important; background: transparent !important; border: 1.5px solid var(--tt-border-dark) !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.875rem !important; font-weight: 800 !important; color: var(--tt-ink) !important; cursor: pointer !important; transition: background var(--tt-ease), color var(--tt-ease), border-color var(--tt-ease), transform var(--tt-ease) !important; margin-top: 2.5rem !important; } .wc-load-more-btn:hover, .load-more-btn:hover, [class*="woocommerce-load-more"]:hover, #woocommerce-load-more-button:hover { background: var(--tt-ink) !important; color: #fff !important; border-color: var(--tt-ink) !important; transform: translateY(-1px) !important; } /* ── Shop page layout ────────────────────────────────────────────────────── */ .woocommerce-page .woocommerce, .woocommerce .woocommerce-page { max-width: var(--tt-shell); margin-inline: auto; padding: var(--tt-section) 1rem; } /* ── Custom archive template ─────────────────────────────────────────────── */ .tt-shop-banner { padding: clamp(2.5rem, 5vw, 4rem) 0 1.5rem; text-align: center; } .tt-shop-banner__title { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; letter-spacing: -0.03em; color: var(--tt-ink); margin: 0 0 0.4rem; } .tt-shop-banner__sub { font-size: 0.95rem; color: var(--tt-sub); margin: 0; } /* Filter strip on shop page */ .tt-shop-filters { padding: 1rem 0 1.5rem; border-bottom: 1px solid var(--tt-border); } .tt-color-strip--shop { display: flex; align-items: center; gap: 0.6rem; justify-content: center; flex-wrap: wrap; } .tt-color-strip--shop .tt-color-strip__item { width: 2.8rem; height: 2.8rem; border-radius: 50%; border: 2px solid transparent; background-size: cover; background-position: center; transition: transform var(--tt-ease), border-color var(--tt-ease); flex-shrink: 0; } .tt-color-strip--shop .tt-color-strip__item:hover, .tt-color-strip--shop .tt-color-strip__item.is-active { border-color: var(--tt-ink); transform: scale(1.12); } /* "All" chip */ .tt-color-strip__item--all { background: var(--tt-surface) !important; display: flex; align-items: center; justify-content: center; text-decoration: none; } .tt-color-strip__item--all span { font-size: 0.72rem; font-weight: 800; color: var(--tt-ink); letter-spacing: 0.05em; } .tt-color-strip__item--all.is-active { background: var(--tt-ink) !important; } .tt-color-strip__item--all.is-active span { color: var(--tt-white); } /* Toolbar */ .tt-shop-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0 1rem; } .tt-shop-grid-wrap { padding-top: 0; padding-bottom: clamp(3rem, 6vw, 5rem); } /* Result count + ordering bar */ .woocommerce-result-count, .woocommerce-ordering { font-size: 0.85rem; color: var(--tt-muted); } .woo-listing-top .woocommerce-ordering select { border: 1px solid var(--tt-border); border-radius: var(--tt-radius-sm); padding: 0.4rem 2rem 0.4rem 0.75rem; font-family: var(--tt-font); font-size: 0.85rem; outline: none; min-width: 180px; width: auto; height: 50px !important; } @media (max-width: 688px) { .woo-listing-top .woocommerce-ordering { position: relative; margin-right: 1rem; } .woo-listing-top .woocommerce-ordering select { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: unset !important; opacity: 0 !important; cursor: pointer !important; z-index: 2 !important; } } /* ── Product loop cards ──────────────────────────────────────────────────── */ ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 1.5rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } ul.products li.product { background: var(--tt-white); border-radius: var(--tt-radius-md); overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.07); transition: transform var(--tt-ease), box-shadow var(--tt-ease); display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; width: auto !important; /* prevent Blocksy's inline width override */ float: none !important; } ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } /* Product image link */ ul.products li.product .woocommerce-loop-product__link { display: block !important; overflow: hidden; background: var(--tt-white); text-decoration: none; } ul.products li.product .woocommerce-loop-product__link > img { width: 100% !important; height: auto !important; aspect-ratio: 1 !important; object-fit: cover; display: block; transition: transform 0.4s ease; } ul.products li.product:hover img { transform: scale(1.05); } /* Title — pushed down by flex */ ul.products li.product .woocommerce-loop-product__title { font-size: 0.88rem !important; font-weight: 700 !important; color: var(--tt-ink) !important; padding: 0.85rem 0.9rem 0.25rem !important; margin: 0 !important; line-height: 1.35 !important; flex: 1 1 auto !important; } /* Price */ ul.products li.product .price { display: block; padding: 0 0.9rem 0.65rem; font-size: 0.88rem; font-weight: 800; color: var(--tt-green); } ul.products li.product .price del { color: var(--tt-muted); font-weight: 400; font-size: 0.8rem; margin-right: 0.2rem; } ul.products li.product .price ins { text-decoration: none; color: var(--tt-green); } /* Add to cart button */ ul.products li.product .button, ul.products li.product .add_to_cart_button { display: block !important; margin: 0 0.9rem 0.9rem !important; padding: 0.6rem 1rem !important; background: var(--tt-ink) !important; color: var(--tt-white) !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.8rem !important; font-weight: 800 !important; text-align: center !important; text-decoration: none !important; cursor: pointer !important; transition: background var(--tt-ease) !important; letter-spacing: 0.02em !important; } ul.products li.product .button:hover, ul.products li.product .add_to_cart_button:hover { background: #000 !important; color: var(--tt-white) !important; } ul.products li.product .added_to_cart { display: none !important; } /* Sale badge */ ul.products li.product .onsale, ul.products li.product .new-badge { background: var(--tt-coral) !important; border-radius: var(--tt-radius-pill) !important; font-size: 0.7rem !important; font-weight: 700 !important; min-height: auto !important; min-width: auto !important; padding: 0.2rem 0.6rem !important; top: 0.7rem !important; left: 0.7rem !important; overflow: hidden !important; position: absolute !important; z-index: 2 !important; } ul.products li.product .onsale::after, ul.products li.product .new-badge::after { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; z-index: 3; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100% ); animation: tt-onsale-shine 2.4s ease-in-out infinite; } @keyframes tt-onsale-shine { 0% { left: -75%; } 60% { left: 125%; } 100% { left: 125%; } } /* ── Load more ───────────────────────────────────────────────────────────── */ .tt-load-more-wrap { text-align: center; margin-top: 2.5rem; } #tt-load-more { background: var(--tt-white); border: 2px solid var(--tt-green); color: var(--tt-green); padding: 0.8rem 2.2rem; border-radius: var(--tt-radius-pill); font-family: var(--tt-font); font-size: 0.92rem; font-weight: 800; cursor: pointer; transition: background var(--tt-ease), color var(--tt-ease), transform var(--tt-ease); } #tt-load-more:hover { background: var(--tt-green); color: var(--tt-white); transform: translateY(-2px); } #tt-load-more:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } /* ── Single product ──────────────────────────────────────────────────────── */ .single-product .woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start; } .single-product .woocommerce-product-gallery { position: sticky; top: 2rem; } .single-product .woocommerce-product-gallery__image img { border-radius: var(--tt-radius-md); } .single-product h1.product_title { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; color: var(--tt-ink); margin-bottom: 0.5rem; line-height: 1.2; } .single-product p.price { font-size: 1.4rem; font-weight: 800; color: var(--tt-green); margin-bottom: 1rem; } .single-product .woocommerce-product-details__short-description { font-size: 0.95rem; color: var(--tt-muted); line-height: 1.65; margin-bottom: 1.5rem; } /* Add to cart */ .single-product .single_add_to_cart_button { background: var(--tt-green) !important; color: var(--tt-white) !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 1rem !important; font-weight: 800 !important; padding: 0.9rem 2rem !important; transition: background var(--tt-ease), transform var(--tt-ease) !important; box-shadow: 0 4px 14px rgba(29,169,78,0.3) !important; } .single-product .single_add_to_cart_button:hover { background: var(--tt-green-deep) !important; transform: translateY(-2px) !important; } /* Product tabs */ .single-product .woocommerce-tabs ul.tabs { padding: 0; margin: 2rem 0 0; display: flex; gap: 0.25rem; border-bottom: 2px solid var(--tt-border); list-style: none; } .single-product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; } .single-product .woocommerce-tabs ul.tabs li a { display: block; padding: 0.7rem 1.2rem; font-weight: 700; font-size: 0.88rem; color: var(--tt-muted); text-decoration: none; border-radius: var(--tt-radius-sm) var(--tt-radius-sm) 0 0; transition: color var(--tt-ease), background var(--tt-ease); } .single-product .woocommerce-tabs ul.tabs li.active a, .single-product .woocommerce-tabs ul.tabs li a:hover { color: var(--tt-green); background: var(--tt-green-light); } /* Product description collapsible */ .tt-product-desc { position: relative; overflow: hidden; font-size: 0.92rem; line-height: 1.7; color: var(--tt-sub); margin-bottom: 0.5rem; } .tt-product-desc.is-collapsed { max-height: 5.5em; } .tt-product-desc.is-collapsed::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2.5em; background: linear-gradient(transparent, #fff); pointer-events: none; } .tt-desc-toggle { background: none; border: none; padding: 0; font-family: var(--tt-font); font-size: 0.85rem; font-weight: 700; color: var(--tt-green); cursor: pointer; margin-bottom: 1.25rem; text-decoration: underline; text-underline-offset: 3px; } /* Quantity input — let Blocksy handle layout/buttons, only fix font */ .single-product .quantity input.qty { font-family: var(--tt-font) !important; font-weight: 700; } /* Product meta (SKU, categories) */ .single-product .product_meta { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--tt-border); font-size: 0.82rem; color: var(--tt-muted); } .single-product .product_meta a { color: var(--tt-ink); text-decoration: none; } .single-product .product_meta a:hover { color: var(--tt-green); } /* Trust bar (injected via PHP hook) */ .tt-product-trust { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--tt-border); } .tt-product-trust__item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; font-weight: 700; color: var(--tt-sub); } .tt-product-trust__item svg { color: var(--tt-green); flex-shrink: 0; } /* Related products */ .related.products { padding-top: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--tt-border); margin-top: clamp(2.5rem, 5vw, 4rem); } .related.products > h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); font-weight: 900; letter-spacing: -0.03em; margin-bottom: 1.5rem; } /* Breadcrumb */ .woocommerce-breadcrumb { font-size: 0.8rem; color: var(--tt-muted); margin-bottom: 1.5rem; } .woocommerce-breadcrumb a { color: var(--tt-muted); text-decoration: none; } .woocommerce-breadcrumb a:hover { color: var(--tt-green); } /* ── Cart ────────────────────────────────────────────────────────────────── */ .ct-woocommerce-cart-form { display: grid; grid-template-columns: 1fr 360px; gap: 3rem; align-items: start; } .woocommerce-cart table.shop_table { border-collapse: collapse; width: 100%; } /* Hide table header — looks too spreadsheet-like */ .woocommerce-cart table.shop_table thead { display: none; } .woocommerce-cart table.shop_table td { padding: 1.25rem 0.5rem; border-bottom: 1px solid var(--tt-border); font-size: 0.9rem; vertical-align: middle; } /* Remove button — first col */ .woocommerce-cart table.shop_table .product-remove { width: 28px; padding-left: 0; } .woocommerce-cart table.shop_table .product-remove a { font-size: 1rem; line-height: 1; color: var(--tt-muted) !important; text-decoration: none; transition: color var(--tt-ease); } .woocommerce-cart table.shop_table .product-remove a:hover { color: var(--tt-coral) !important; } /* Product image in cart */ .woocommerce-cart table.shop_table .product-thumbnail { width: 96px; padding-left: 0; } .woocommerce-cart table.shop_table .product-thumbnail img { width: 88px; height: 88px; object-fit: cover; border-radius: var(--tt-radius-sm); display: block; } /* Product name */ .woocommerce-cart table.shop_table .product-name { padding-left: 0.5rem; } .woocommerce-cart table.shop_table .product-name a { font-weight: 700; font-size: 0.92rem; color: var(--tt-ink); text-decoration: none; } .woocommerce-cart table.shop_table .product-name a:hover { color: var(--tt-green); } .woocommerce-cart table.shop_table .product-name .variation { font-size: 0.78rem; color: var(--tt-muted); margin-top: 0.3rem; } /* Unit price */ .woocommerce-cart table.shop_table .product-price { color: var(--tt-sub); font-size: 0.88rem; white-space: nowrap; } /* Subtotal */ .woocommerce-cart table.shop_table .product-subtotal { font-weight: 800; color: var(--tt-ink); text-align: right; white-space: nowrap; padding-right: 0; } /* Update cart button — hidden by default, shown via JS on qty change */ .woocommerce-cart .actions .button[name="update_cart"] { display: none !important; } .woocommerce-cart .actions .button[name="update_cart"].tt-show { display: inline-block !important; background: transparent !important; border: 1.5px solid var(--tt-border-dark) !important; color: var(--tt-ink) !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.82rem !important; font-weight: 700 !important; padding: 0.55rem 1.25rem !important; cursor: pointer !important; transition: background var(--tt-ease), color var(--tt-ease) !important; } .woocommerce-cart .actions .button[name="update_cart"].tt-show:hover { background: var(--tt-ink) !important; color: var(--tt-white) !important; } /* Coupon row — pill container style */ .woocommerce-cart .coupon { display: flex; gap: 0; background: var(--tt-white); border: 1.5px solid var(--tt-border-dark); border-radius: var(--tt-radius-pill); padding: 0 0 0 1.2rem; overflow: hidden; } .woocommerce-cart .coupon #coupon_code { flex: 1; border: none !important; background: transparent !important; padding: 0 !important; font-family: var(--tt-font); font-size: 0.88rem; color: var(--tt-ink); outline: none; min-width: 0; box-shadow: none !important; } .woocommerce-cart .coupon .button { background: var(--tt-ink) !important; color: #fff !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.82rem !important; font-weight: 800 !important; padding: 0.65rem 1.25rem !important; cursor: pointer !important; white-space: nowrap; width: auto !important; transition: background var(--tt-ease) !important; flex-shrink: 0; } .woocommerce-cart .coupon .button:hover { background: var(--tt-green) !important; } .coupon.under-proceed button { margin-top: 0 !important; } /* Cart totals */ .woocommerce-cart .cart_totals { background: var(--tt-white); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); padding: 1.75rem; position: sticky; top: 2rem; } .woocommerce-cart .cart_totals h2 { font-size: 0.72rem; font-weight: 800; margin: 0 0 1.25rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--tt-muted); padding-bottom: 1rem; border-bottom: 1px solid var(--tt-border); } .woocommerce-cart .cart_totals table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; } .woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td { padding: 0.7rem 0; border-bottom: 1px solid var(--tt-border); font-size: 0.9rem; } .woocommerce-cart .cart_totals table th { font-weight: 600; color: var(--tt-sub); } .woocommerce-cart .cart_totals table td { text-align: right; font-weight: 600; color: var(--tt-ink); } .woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td { font-weight: 900; font-size: 1.05rem; color: var(--tt-ink); border-bottom: none; padding-top: 1rem; } .woocommerce-cart .checkout-button { background: var(--tt-green) !important; color: var(--tt-white) !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-weight: 800 !important; font-size: 0.95rem !important; padding: 0.9rem 1.5rem !important; display: block !important; width: 100% !important; text-align: center !important; transition: background var(--tt-ease), transform var(--tt-ease), box-shadow var(--tt-ease) !important; box-shadow: 0 4px 14px rgba(29,169,78,0.28) !important; } .woocommerce-cart .checkout-button:hover { background: var(--tt-green-deep) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(29,169,78,0.38) !important; } /* ── Cart: responsive (≤999px) ──────────────────────────────────────────── */ /* Stack order summary below the table */ @media (max-width: 999px) { .ct-woocommerce-cart-form { grid-template-columns: 1fr; } .woocommerce-cart .cart_totals { position: static; } } /* * Blocksy's own mobile cart layout (≤999.98px) hides the separate * product-quantity / product-subtotal / product-remove td columns and * renders a .product-mobile-actions flex row inside the product-name cell: * * [img] Product Name * Colour: Blue * [─ 1 +] $24.99 × * * We use that native structure and just refine its appearance. */ @media (max-width: 999.98px) { /* Row padding + border to match desktop table */ .woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item { border-bottom: 1px solid var(--tt-border) !important; } .woocommerce-cart table.shop_table td { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } /* Image cell */ .woocommerce-cart table.shop_table .product-thumbnail { padding-left: 0 !important; } .woocommerce-cart table.shop_table .product-thumbnail img { width: 88px !important; height: 88px !important; object-fit: cover !important; border-radius: var(--tt-radius-sm) !important; } /* Name + variation */ .woocommerce-cart table.shop_table .product-name { padding-left: 0.75rem !important; padding-right: 0 !important; vertical-align: middle !important; } .woocommerce-cart table.shop_table .product-name a { font-weight: 700 !important; font-size: 0.92rem !important; color: var(--tt-ink) !important; } .woocommerce-cart table.shop_table .product-name .variation { font-size: 0.78rem !important; color: var(--tt-muted) !important; margin-top: 0.2rem !important; margin-bottom: 0.6rem !important; } /* Mobile actions bar: [stepper] [price] [×] */ .woocommerce-cart table.shop_table .product-mobile-actions { display: flex !important; align-items: center !important; gap: 0.75rem !important; margin-top: 0.6rem !important; } /* Fix quantity width — Blocksy sets --quantity-width:70px globally; override on the mobile-actions quantity where it actually renders */ .woocommerce-cart table.shop_table .product-mobile-actions .quantity { --quantity-width: 110px !important; width: 110px !important; flex-shrink: 0 !important; } /* Price in the mobile actions bar */ .woocommerce-cart table.shop_table .product-mobile-actions .product-subtotal, .woocommerce-cart table.shop_table .product-mobile-actions .price { font-weight: 800 !important; font-size: 0.92rem !important; color: var(--tt-ink) !important; flex: 1 !important; text-align: right !important; white-space: nowrap !important; } /* Remove button */ .woocommerce-cart table.shop_table .product-mobile-actions .remove { color: var(--tt-muted) !important; font-size: 1.1rem !important; line-height: 1 !important; flex-shrink: 0 !important; } .woocommerce-cart table.shop_table .product-mobile-actions .remove:hover { color: var(--tt-coral) !important; } } /* ── Checkout ────────────────────────────────────────────────────────────── */ /* Overall checkout: 2-column on desktop (form | order summary) */ .woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "details review" "details payment"; gap: 0 3rem; align-items: start; } .woocommerce-checkout #customer_details { grid-area: details; float: none !important; width: 100% !important; } .woocommerce-checkout #order_review { grid-area: review; position: sticky; top: 2rem; } /* Inside customer_details: billing + shipping stack */ .woocommerce-checkout .col2-set { display: grid; grid-template-columns: 1fr; gap: 0; } /* Section headings (Billing details, Additional info) */ .woocommerce-checkout h3 { font-size: 0.72rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--tt-muted) !important; margin: 0 0 1.25rem !important; padding-bottom: 0.85rem !important; border-bottom: 1px solid var(--tt-border) !important; } .woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--tt-border); } .woocommerce-checkout .col-2:last-child { border-bottom: none; margin-bottom: 0; } /* Form inputs */ .woocommerce-checkout .woocommerce-input-wrapper input, .woocommerce-checkout .woocommerce-input-wrapper textarea, .woocommerce-checkout .woocommerce-input-wrapper select, .woocommerce form .input-text, .woocommerce form select { width: 100%; border: 1.5px solid var(--tt-border) !important; border-radius: var(--tt-radius-sm) !important; padding: 0.85rem 1rem !important; font-family: var(--tt-font) !important; font-size: 0.92rem !important; color: var(--tt-ink) !important; background: var(--tt-white) !important; outline: none !important; transition: border-color var(--tt-ease) !important; } .woocommerce form .input-text:focus, .woocommerce form select:focus { border-color: var(--tt-green) !important; } /* Labels */ .woocommerce-checkout label, .woocommerce form label { font-size: 0.78rem; font-weight: 700; color: var(--tt-sub); margin-bottom: 0.35rem; display: block; letter-spacing: 0.01em; } /* Order review panel */ .woocommerce-checkout .woocommerce-checkout-review-order { background: var(--tt-white); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); padding: 1.75rem; } /* Order review title */ .woocommerce-checkout #order_review_heading { font-size: 0.72rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--tt-muted) !important; margin: 0 0 1.25rem !important; padding-bottom: 0.85rem !important; border-bottom: 1px solid var(--tt-border) !important; } /* Order review table */ .woocommerce-checkout-review-order-table { width: 100%; border-collapse: collapse; margin-bottom: 0; } .woocommerce-checkout-review-order-table thead { display: none; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 0.65rem 0; border-bottom: 1px solid var(--tt-border); font-size: 0.88rem; } .woocommerce-checkout-review-order-table .product-name { font-weight: 700; color: var(--tt-ink); } .woocommerce-checkout-review-order-table .product-total { text-align: right; font-weight: 700; } .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout-review-order-table .shipping th, .woocommerce-checkout-review-order-table .shipping td { font-size: 0.85rem; color: var(--tt-sub); } .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout-review-order-table .shipping td { text-align: right; } .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { font-weight: 900; font-size: 1rem; color: var(--tt-ink); border-bottom: none; padding-top: 1rem; } .woocommerce-checkout-review-order-table .order-total td { text-align: right; } /* Payment section — clean, no gray box */ #payment { background: transparent !important; border: none !important; border-top: 1px solid var(--tt-border) !important; border-radius: 0 !important; padding: 1.5rem 0 0 !important; margin-top: 1.5rem !important; } #payment ul.payment_methods { list-style: none; padding: 0; margin: 0 0 1.5rem; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-sm); overflow: hidden; } #payment ul.payment_methods li { padding: 0.9rem 1rem; border-bottom: 1px solid var(--tt-border); } #payment ul.payment_methods li:last-child { border-bottom: none; } #payment ul.payment_methods li label { font-size: 0.92rem; font-weight: 700; cursor: pointer; color: var(--tt-ink); } #payment .payment_box { background: var(--tt-surface); padding: 0.75rem 1rem; border-radius: var(--tt-radius-sm); margin-top: 0.5rem; font-size: 0.85rem; color: var(--tt-sub); } /* Place order button */ .woocommerce-checkout #payment #place_order { background: var(--tt-green) !important; color: var(--tt-white) !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-weight: 800 !important; font-size: 1rem !important; padding: 1rem 2rem !important; width: 100% !important; transition: background var(--tt-ease), transform var(--tt-ease) !important; box-shadow: 0 4px 14px rgba(29,169,78,0.3) !important; cursor: pointer !important; } .woocommerce-checkout #payment #place_order:hover { background: var(--tt-green-deep) !important; transform: translateY(-1px) !important; } /* Shipping method radio — input + label on same line */ .woocommerce-shipping-methods li input[type="radio"] { --top: 0px !important; } .woocommerce-shipping-methods li { display: flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.35rem 0; } .woocommerce-shipping-methods li input[type="radio"] { flex-shrink: 0; margin: 0 !important; } .woocommerce-shipping-methods li label { display: inline !important; margin: 0 !important; font-size: 0.9rem !important; font-weight: 600 !important; cursor: pointer; } /* Continue Shopping button */ .return-to-shop .button { background: transparent !important; color: var(--tt-ink) !important; border: 1.5px solid var(--tt-border-dark) !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.88rem !important; font-weight: 700 !important; padding: 0.7rem 1.5rem !important; cursor: pointer !important; transition: background var(--tt-ease), color var(--tt-ease) !important; } .return-to-shop .button:hover { background: var(--tt-ink) !important; color: #fff !important; } /* Returning customer / coupon notice */ .woocommerce-info { border-left: 3px solid var(--tt-green); background: var(--tt-green-light); padding: 0.75rem 1rem; border-radius: 0 var(--tt-radius-sm) var(--tt-radius-sm) 0; font-size: 0.85rem; margin-bottom: 1.5rem; color: var(--tt-sub); } /* Checkout mobile */ @media (max-width: 860px) { .woocommerce-checkout form.checkout { grid-template-columns: 1fr; grid-template-areas: "details" "review" "payment"; } .woocommerce-checkout #order_review { position: static; } } /* ── Responsive ──────────────────────────────────────────────────────────── */ @media (max-width: 1024px) { ul.products { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 860px) { ul.products { grid-template-columns: repeat(2, 1fr) !important; } } /* Force 2-col on tablet where Blocksy stacks to 1-col (690px–999.98px) */ @media (min-width: 560px) and (max-width: 999.98px) { .single-product .product-entry-wrapper { display: flex !important; } .single-product .woocommerce-product-gallery { width: 50% !important; } .single-product .entry-summary { width: calc(100% - 50%) !important; margin-inline-start: 2rem !important; } } @media (max-width: 560px) { .single-product .woocommerce div.product { grid-template-columns: 1fr; gap: 2rem; } .single-product .woocommerce-product-gallery { position: static; } } @media (max-width: 480px) { ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 0.75rem !important; } } /* ═══════════════════════════════════════════════════════════════════════════ Thank You / Order Received page (.tt-thankyou) ═══════════════════════════════════════════════════════════════════════════ */ /* ── Hero ────────────────────────────────────────────────────────────────── */ .tt-thankyou__hero { background: linear-gradient(160deg, #f0faf4 0%, #ffffff 60%); border-bottom: 1px solid var(--tt-border); text-align: center; padding: clamp(3.5rem, 8vw, 6rem) 1.5rem clamp(2.5rem, 5vw, 4rem); } .tt-thankyou__hero--failed { background: linear-gradient(160deg, #fff5f5 0%, #ffffff 60%); } /* Animated checkmark circle */ .tt-thankyou__hero-check { width: 72px; height: 72px; margin: 0 auto 1.5rem; color: var(--tt-green); animation: tt-check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both; } .tt-thankyou__hero--failed .tt-thankyou__hero-check { color: var(--tt-coral); } .tt-thankyou__hero-check svg { width: 100%; height: 100%; } @keyframes tt-check-pop { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } } .tt-thankyou__hero-eyebrow { display: inline-block; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tt-green); background: var(--tt-green-light); padding: 0.3rem 0.85rem; border-radius: var(--tt-radius-pill); margin-bottom: 1rem; } .tt-thankyou__hero-title { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 900; color: var(--tt-ink); letter-spacing: -0.025em; line-height: 1.1; margin: 0 0 0.75rem; } .tt-thankyou__hero-sub { font-size: 1rem; color: var(--tt-sub); line-height: 1.65; margin: 0 auto 1.75rem; max-width: 500px; } .tt-thankyou__hero-actions { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; } /* Order meta pills */ .tt-thankyou__meta { list-style: none; margin: 0 auto; padding: 0; display: inline-flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; } .tt-thankyou__meta li { display: flex; align-items: center; gap: 0.4rem; background: var(--tt-white); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-pill); padding: 0.35rem 0.9rem; font-size: 0.82rem; } .tt-thankyou__meta-label { color: var(--tt-muted); font-weight: 600; } .tt-thankyou__meta strong { color: var(--tt-ink); font-weight: 800; } /* ── Body ────────────────────────────────────────────────────────────────── */ .tt-thankyou__body { padding: clamp(2rem, 5vw, 3.5rem) 1rem; display: flex; flex-direction: column; gap: 1.5rem; } /* ── Cards ───────────────────────────────────────────────────────────────── */ .tt-thankyou__card { background: var(--tt-white); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-lg); padding: 2rem; } .tt-thankyou__card-title { font-size: 1.05rem; font-weight: 900; color: var(--tt-ink); margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--tt-border); } /* ── Order items ─────────────────────────────────────────────────────────── */ .tt-thankyou__items { list-style: none; margin: 0 0 1.5rem; padding: 0; display: flex; flex-direction: column; gap: 1.25rem; } .tt-thankyou__item { display: grid; grid-template-columns: 72px 1fr auto auto; gap: 1rem; align-items: center; } .tt-thankyou__item-img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--tt-radius-sm); border: 1px solid var(--tt-border); display: block; } .tt-thankyou__item-img--placeholder { background: var(--tt-surface); } .tt-thankyou__item-name { font-size: 0.9rem; font-weight: 700; color: var(--tt-ink); margin: 0 0 0.2rem; line-height: 1.3; } .tt-thankyou__item-meta { font-size: 0.78rem; color: var(--tt-muted); margin: 0; } .tt-thankyou__item-qty { font-size: 0.85rem; color: var(--tt-muted); white-space: nowrap; margin: 0; } .tt-thankyou__item-price { font-size: 0.92rem; font-weight: 800; color: var(--tt-ink); white-space: nowrap; text-align: right; margin: 0; } /* ── Totals ──────────────────────────────────────────────────────────────── */ .tt-thankyou__totals { border-top: 1px solid var(--tt-border); padding-top: 1rem; display: flex; flex-direction: column; gap: 0.5rem; } .tt-thankyou__totals-row { display: flex; justify-content: space-between; font-size: 0.88rem; color: var(--tt-sub); } .tt-thankyou__totals-row--grand { font-size: 1rem; font-weight: 900; color: var(--tt-ink); padding-top: 0.5rem; border-top: 1px solid var(--tt-border); margin-top: 0.25rem; } /* ── What happens next ───────────────────────────────────────────────────── */ .tt-thankyou__card--next { background: var(--tt-green-light); border-color: rgba(29,169,78,.15); } .tt-thankyou__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.25rem; } .tt-thankyou__step { display: flex; gap: 1rem; align-items: flex-start; } .tt-thankyou__step-icon { font-size: 1.5rem; line-height: 1; flex-shrink: 0; margin-top: 0.1rem; } .tt-thankyou__step strong { display: block; font-size: 0.9rem; font-weight: 800; color: var(--tt-ink); margin-bottom: 0.2rem; } .tt-thankyou__step p { font-size: 0.85rem; color: var(--tt-sub); margin: 0; line-height: 1.5; } /* ── CTA row ─────────────────────────────────────────────────────────────── */ .tt-thankyou__actions { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; padding: 0.5rem 0 1rem; } /* ── Responsive ──────────────────────────────────────────────────────────── */ @media (max-width: 600px) { .tt-thankyou__item { grid-template-columns: 56px 1fr; grid-template-rows: auto auto; } .tt-thankyou__item-img { width: 56px; height: 56px; } .tt-thankyou__item-qty { grid-column: 2; grid-row: 2; } .tt-thankyou__item-price { grid-column: 2; grid-row: 2; justify-self: end; margin-top: -1.4rem; } .tt-thankyou__card { padding: 1.5rem 1.25rem; } } /* ═══════════════════════════════════════════════════════════════════════════ FIXES & POLISH ═══════════════════════════════════════════════════════════════════════════ */ /* ── Shop page: remove Blocksy block top padding above product grid ───────── */ .woocommerce-shop [data-vertical-spacing*="top"] { padding-top: 0 !important; } /* ── Category pages (children of shop page): add banner-equivalent padding ── */ .tt-shop-category-page .tt-page-main, .tt-shop-category-page .entry-content > *:first-child { padding-top: clamp(2.5rem, 5vw, 4rem) !important; } /* ── Mini cart panel styling ─────────────────────────────────────────────── */ .ct-cart-content { font-family: var(--tt-font) !important; } .ct-cart-content .woocommerce-mini-cart__empty-message { font-size: 0.9rem; color: var(--tt-muted); text-align: center; padding: 1.5rem 0; } .ct-cart-content .woocommerce-mini-cart-item { padding: 0.75rem 0; border-bottom: 1px solid var(--tt-border); font-family: var(--tt-font) !important; } .ct-cart-content .woocommerce-mini-cart-item a:not(.remove), .ct-cart-content .product-title { font-size: 0.88rem; font-weight: 700; color: var(--tt-ink) !important; text-decoration: none !important; } .ct-cart-content .woocommerce-mini-cart-item a:not(.remove):hover, .ct-cart-content .product-title:hover { color: var(--tt-green) !important; } .ct-cart-content .woocommerce-mini-cart-item .quantity { font-size: 0.82rem; color: var(--tt-muted); } .ct-cart-content .woocommerce-mini-cart__total { font-weight: 700; font-size: 0.95rem; border-top: 1px solid var(--tt-border); padding-top: 0.75rem; } .ct-cart-content .woocommerce-mini-cart__total .woocommerce-Price-amount { font-weight: 900; color: var(--tt-ink); } .ct-cart-content .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 0.5rem; padding-top: 0.75rem; } .ct-cart-content .woocommerce-mini-cart__buttons a { display: block !important; text-align: center !important; padding: 0.7rem 1.25rem !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.88rem !important; font-weight: 800 !important; text-decoration: none !important; transition: background var(--tt-ease), color var(--tt-ease) !important; } .ct-cart-content .woocommerce-mini-cart__buttons .checkout { background: var(--tt-green) !important; color: var(--tt-white) !important; border: none !important; box-shadow: 0 4px 14px rgba(29,169,78,0.28) !important; } .ct-cart-content .woocommerce-mini-cart__buttons .checkout:hover { background: var(--tt-green-deep) !important; } /* View Cart (not checkout) — ghost style */ .ct-cart-content .woocommerce-mini-cart__buttons a:not(.checkout) { background: transparent !important; color: var(--tt-ink) !important; border: 1.5px solid var(--tt-border-dark) !important; box-shadow: none !important; } .ct-cart-content .woocommerce-mini-cart__buttons a:not(.checkout):hover { background: var(--tt-ink) !important; color: var(--tt-white) !important; } /* ── Login / Signup popup (xoo-el plugin) ────────────────────────────────── */ .xoo-el-form-container ul.xoo-el-tabs li, .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active { border-radius: 999px !important; } /* Login popup action button */ .xoo-el-form-container button.xoo-el-action-btn { background: var(--tt-green) !important; color: #fff !important; border: none !important; border-radius: 999px !important; font-family: var(--tt-font) !important; font-weight: 800 !important; box-shadow: 0 4px 14px rgba(29,169,78,0.28) !important; transition: background var(--tt-ease), transform var(--tt-ease) !important; } .xoo-el-form-container button.xoo-el-action-btn:hover { background: var(--tt-green-deep) !important; transform: translateY(-1px) !important; } span.xoo-el-sing-head { display: block !important; font-family: var(--tt-font) !important; font-size: clamp(1.6rem, 3vw, 2.2rem) !important; font-weight: 900 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; color: var(--tt-ink) !important; margin-bottom: 1.5rem !important; } /* ══════════════════════════════════════════════════════════════════════════ MY ACCOUNT ══════════════════════════════════════════════════════════════════════════ */ /* ── Layout: override Blocksy's sidebar to tabs-on-top ───────────────────── */ /* Blocksy uses .ct-woo-account (flex row) + .ct-acount-nav (sidebar). Override both to stack nav above content on all viewport sizes. */ .ct-woo-account { display: flex !important; flex-direction: column !important; gap: 0 !important; } .ct-acount-nav { width: 100% !important; min-width: 0 !important; margin-inline-end: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; overflow: visible !important; align-self: auto !important; } /* ── Tab navigation ───────────────────────────────────────────────────────── */ .woocommerce-MyAccount-navigation { border-bottom: 1px solid var(--tt-border); } .woocommerce-MyAccount-navigation ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; } .woocommerce-MyAccount-navigation ul li { border: none !important; background: none !important; flex-shrink: 0 !important; } /* Logout doesn't push right when wrapped */ @media (max-width: 999px) { .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin-left: 0 !important; } } /* All tab links — override Blocksy pink + height:55px */ .woocommerce-MyAccount-navigation ul li a, .woocommerce-MyAccount-navigation ul li a:visited { display: flex !important; align-items: center !important; height: auto !important; padding: 0.85rem 1rem !important; font-size: 0.78rem !important; font-weight: 600 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; background: none !important; text-decoration: none !important; border: none !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; transition: color 0.18s ease, border-color 0.18s ease !important; white-space: nowrap !important; } /* Hide Blocksy's icon pseudo-elements */ .woocommerce-MyAccount-navigation ul li a::before { display: none !important; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus { color: var(--tt-ink) !important; background: none !important; border-bottom-color: var(--tt-border) !important; } /* Active tab */ .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li.is-active a:visited, .woocommerce-MyAccount-navigation ul li.is-active a:hover { color: var(--tt-ink) !important; font-weight: 700 !important; background: none !important; border-bottom-color: var(--tt-ink) !important; } /* Logout — muted, push right on wide screens */ .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin-left: auto !important; border: none !important; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--tt-muted) !important; font-size: 0.75rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: #d83428 !important; border-bottom-color: transparent !important; } /* Content: add breathing room */ .woocommerce-MyAccount-content { padding-top: 2rem !important; } /* ── Content area ─────────────────────────────────────────────────────────── */ .woocommerce-MyAccount-content { min-width: 0; } /* Dashboard greeting */ .woocommerce-account .woocommerce-MyAccount-content > p:first-child { font-size: 0.95rem; color: var(--tt-sub); line-height: 1.75; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--tt-border); } /* Section headings */ .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tt-muted); margin-bottom: 1.25rem; margin-top: 2rem; } /* ── Orders table ─────────────────────────────────────────────────────────── */ .woocommerce-account .woocommerce-orders-table { width: 100%; border-collapse: collapse; } .woocommerce-account .woocommerce-orders-table thead th { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--tt-muted); padding: 0 1rem 0.75rem 0; border-bottom: 1px solid var(--tt-border); text-align: left; } .woocommerce-account .woocommerce-orders-table tbody td { padding: 1.1rem 1rem 1.1rem 0; border-bottom: 1px solid var(--tt-border); font-size: 0.88rem; color: var(--tt-sub); vertical-align: middle; } .woocommerce-account .woocommerce-orders-table tbody tr:last-child td { border-bottom: none; } .woocommerce-account .woocommerce-orders-table tbody tr:hover td { background: rgba(0,0,0,0.02); } .woocommerce-account .woocommerce-orders-table .order-number a { font-weight: 700; font-size: 0.9rem; color: var(--tt-ink) !important; } /* Status chips */ .woocommerce-account .woocommerce-orders-table .order-status mark { background: none; padding: 0.25rem 0.65rem; border-radius: 99px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .woocommerce-account .woocommerce-orders-table .order-status mark.processing, .woocommerce-account .woocommerce-orders-table .order-status mark.on-hold { background: rgba(29, 169, 78, 0.1); color: var(--tt-green); } .woocommerce-account .woocommerce-orders-table .order-status mark.completed { background: rgba(0,0,0,0.06); color: var(--tt-ink); } .woocommerce-account .woocommerce-orders-table .order-status mark.cancelled, .woocommerce-account .woocommerce-orders-table .order-status mark.failed, .woocommerce-account .woocommerce-orders-table .order-status mark.refunded { background: rgba(216,52,40,0.08); color: #d83428; } /* ── Address cards ────────────────────────────────────────────────────────── */ .woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } @media (max-width: 600px) { .woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; } } .woocommerce-account .woocommerce-Address { border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); padding: 1.5rem; } .woocommerce-account .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--tt-border); } .woocommerce-account .woocommerce-Address-title h3 { font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--tt-muted) !important; margin: 0 !important; border: none !important; } .woocommerce-account .woocommerce-Address address { font-size: 0.88rem; line-height: 1.7; color: var(--tt-sub); font-style: normal; } /* ── My Account — buttons ────────────────────────────────────────────────── */ .woocommerce-account .woocommerce a.button, .woocommerce-account .woocommerce button.button, .woocommerce-account .woocommerce input.button, .woocommerce-account .woocommerce a.woocommerce-Button { background: var(--tt-ink) !important; color: #fff !important; border: none !important; border-radius: var(--tt-radius-pill) !important; font-family: var(--tt-font) !important; font-size: 0.88rem !important; font-weight: 700 !important; padding: 0.6rem 1.25rem !important; transition: background var(--tt-ease) !important; } .woocommerce-account .woocommerce a.button:hover, .woocommerce-account .woocommerce button.button:hover, .woocommerce-account .woocommerce input.button:hover, .woocommerce-account .woocommerce a.woocommerce-Button:hover { background: var(--tt-green) !important; color: #fff !important; } /* ── My Account: orders table responsive ────────────────────────────────── */ @media (max-width: 860px) { /* Stack each row as a card */ .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-orders-table thead, .woocommerce-account .woocommerce-orders-table tbody, .woocommerce-account .woocommerce-orders-table tr, .woocommerce-account .woocommerce-orders-table th, .woocommerce-account .woocommerce-orders-table td { display: block !important; width: 100% !important; } .woocommerce-account .woocommerce-orders-table thead { display: none !important; } .woocommerce-account .woocommerce-orders-table tbody tr { border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); margin-bottom: 1rem; padding: 0.75rem 1rem; } .woocommerce-account .woocommerce-orders-table td { padding: 0.3rem 0 !important; border: none !important; text-align: left !important; } .woocommerce-account .woocommerce-orders-table td::before { content: attr(data-title) ": "; font-weight: 700; font-size: 0.78rem; color: var(--tt-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-right: 0.25rem; } .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { padding-top: 0.75rem !important; } .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { display: none; } } /* ── ADP: Amount Saved in mini-cart ─────────────────────────────────────── */ .woocommerce-mini-cart__total.adp-discount { font-size: 0.78rem !important; color: var(--tt-green) !important; padding: 0.25rem 0 !important; border-top: none !important; white-space: nowrap !important; } .woocommerce-mini-cart__total.adp-discount strong { font-weight: 700 !important; font-size: 0.78rem !important; white-space: nowrap !important; } /* ── Checkout page: hide duplicate thumbnail inside product-data ─────────── */ .woocommerce-checkout .woocommerce-mini-cart-item .product-name__thumbnail { display: none !important; } /* ── Single product: disable sticky ≤1024px to prevent zoom overflow ───────── */ @media (max-width: 1024px) { .single-product .woocommerce-product-gallery { position: static !important; } }