/*
Theme Name: Pickoftrend Modernist
Theme URI: https://pickoftrend.com
Description: Child theme of Hello Elementor implementing the Modernist storefront system for Pickoftrend — Archivo throughout, 0 radius, strong 2px dividers, flush-left labels/buttons, matte-black accent.
Author: Pickoftrend
Template: hello-elementor
Version: 1.1.0
Text Domain: pickoftrend-modernist
*/

/* ==========================================================================
   PICKOFTREND — "Modernist" storefront system
   Source: Pickoftrend Dropshipping Store Design.zip (Claude Design canvas)
   Flat, architectural: Archivo throughout, 0 radius, strong 2px dividers,
   flush-left labels/buttons, matte-black accent (not the system's default red).

   v1.0.1 — Elementor Pro's "Products" widget compiles its own per-page CSS
   (elementor-post-{id}-css) that targets these same native WooCommerce
   classes (.button, .price, .onsale, .woocommerce-loop-product__title) and
   was winning the specificity fight, showing the old pink theme underneath
   this one. Every rule touching a native class now carries !important on
   its visual properties (color/background/font/border) to guarantee this
   stylesheet wins regardless of Elementor's per-page CSS. Layout properties
   (display/grid/position/gap) are left unforced since those weren't contested.

   v1.1.0 — homepage rebuilt as front-page.php (plain theme template, no
   Elementor at all), so the section styles below (.pot-hero, .pot-guarantees,
   .pot-category-grid, .pot-newsletter) have no competing CSS and don't need
   !important.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800&display=swap');

:root{
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201e1d;
  --color-accent: #1a1917;        /* matte black — matches the site's retuned variant, not system-default red */
  --color-accent-600: #35322f;
  --color-accent-700: #14130f;
  --color-accent-800: #0d0c0a;
  --color-divider: color-mix(in srgb, #201e1d 40%, transparent);

  --color-neutral-100: #f8f4f4;
  --color-neutral-200: #eae7e7;
  --color-neutral-300: #d7d3d3;
  --color-neutral-400: #bab6b6;
  --color-neutral-700: #605d5d;
  --color-neutral-900: #2d2b2b;

  --font-heading: "Archivo", system-ui, sans-serif;
  --font-heading-weight: 800;
  --font-body: "Archivo", system-ui, sans-serif;

  --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius: 0px; /* deliberate — do not round */
}

.wrap{ max-width:1340px; margin:0 auto; padding-inline:clamp(18px,4vw,52px); }

/* ---------- Base ---------- */
body, .woocommerce{ font-family:var(--font-body) !important; color:var(--color-text) !important; background:var(--color-bg); }
h1,h2,h3,h4,h5,h6,.elementor-heading-title{
  font-family:var(--font-heading) !important; font-weight:var(--font-heading-weight) !important;
  letter-spacing:-0.02em; line-height:1.1; margin:0 0 8px;
}
a{ color:var(--color-accent); }
a:hover{ color:var(--color-accent-700); }
.woocommerce ::selection{ background:color-mix(in srgb, var(--color-accent) 25%, transparent); }

/* the design system's uppercase micro-label — used for categories, steps, meta */
.pot-k{ font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--color-accent-700); margin:0; }
.pot-hr{ height:2px; background:var(--color-divider); border:0; margin:32px 0; }
.pot-mut{ color:color-mix(in srgb, var(--color-text) 55%, transparent); }

/* grayscale product photography — the system's signature move.
   Toggle OFF by commenting out the filter line below if grayscale hurts conversion. */
.pot-grayscale{ filter:grayscale(1) contrast(1.08); }

/* ---------- Buttons — flush-left labels, 0 radius, solid fills ---------- */
.button, .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce input.button{
  font-family:var(--font-heading) !important; font-weight:800 !important; font-size:14px !important;
  background:var(--color-accent) !important; color:var(--color-bg) !important;
  border:none !important; border-radius:0 !important; padding:13px 20px !important;
  text-align:left; justify-content:flex-start;
  transition:background .15s ease;
  display:inline-flex; align-items:center;
}
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce #respond input#submit:hover{ background:var(--color-accent-600) !important; color:var(--color-bg) !important; }
.button:active{ background:var(--color-accent-800) !important; }
.button.alt, .woocommerce a.button.alt{
  background:transparent !important; color:var(--color-text) !important; border:1px solid var(--color-divider) !important;
}
.button.alt:hover{ background:color-mix(in srgb, var(--color-text) 7%, transparent) !important; color:var(--color-text) !important; }

/* ---------- Top announcement bar (paired with PHP snippet) ---------- */
.pot-announce{
  background:var(--color-accent); color:var(--color-bg);
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600;
  padding:9px 0;
}
.pot-announce .pot-announce-wrap{ max-width:1340px; margin:0 auto; padding-inline:20px; display:flex; justify-content:space-between; gap:18px; }

/* ---------- Header / nav — best-effort on Elementor's header ---------- */
.site-header, header.elementor-location-header{ border-bottom:2px solid var(--color-divider); }
.site-header a, header.elementor-location-header a,
.elementor-nav-menu a{ font-family:var(--font-body); font-weight:500; color:var(--color-text); text-decoration:none; }
.site-header a:hover, .elementor-nav-menu a:hover{ color:var(--color-accent); }
.site-title, .elementor-widget-theme-site-logo, .header-logo{ font-family:var(--font-heading); font-weight:800; letter-spacing:-.03em; }

/* ==========================================================================
   HOMEPAGE — front-page.php sections (no Elementor here, no !important needed)
   ========================================================================== */
.pot-hero{
  display:grid; grid-template-columns:1.1fr 1fr; gap:2px;
  background:var(--color-divider); border:2px solid var(--color-divider);
  margin-top:24px;
}
.pot-hero-copy{
  background:var(--color-bg); padding:clamp(28px,4vw,52px);
  display:flex; flex-direction:column; justify-content:center; gap:16px;
}
.pot-hero-copy h1{ font-size:clamp(30px,4vw,52px); line-height:1.05; letter-spacing:-.03em; margin:0; }
.pot-hero-copy .button{ align-self:flex-start; margin-top:8px; }
.pot-hero-product{ background:var(--color-bg); display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.pot-hero-product img{ width:100%; aspect-ratio:1/1; object-fit:cover; filter:grayscale(1) contrast(1.08); }
.pot-hero-product-info{ padding:20px; display:flex; flex-direction:column; gap:6px; }
.pot-hero-product-info h2{ font-size:clamp(20px,2vw,26px); margin:4px 0; }
.pot-hero-price{ font-family:var(--font-heading); font-weight:800; font-size:20px; }

.pot-guarantees{
  display:grid; grid-template-columns:repeat(4,1fr); gap:2px;
  background:var(--color-divider); border:2px solid var(--color-divider); border-top:none;
  margin-bottom:0;
}
.pot-guarantee-tile{ background:var(--color-bg); padding:16px; }
.pot-guarantee-tile p:last-child{ font-size:13px; margin:6px 0 0; font-weight:600; }

.pot-section{ padding-block:clamp(28px,3.4vw,48px); }
.pot-section-head{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.pot-section-head h2{ font-size:clamp(24px,2.4vw,32px); margin:0; }

.pot-category-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--color-divider); border:2px solid var(--color-divider); }
.pot-category-card{ background:var(--color-bg); display:flex; flex-direction:column; color:inherit; text-decoration:none; }
.pot-category-image{ aspect-ratio:16/10; background:var(--color-surface); overflow:hidden; }
.pot-category-image img{ width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.08); }
.pot-category-label{ padding:14px; display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.pot-category-label h3{ font-size:17px; margin:0; }

.pot-newsletter{ background:var(--color-accent); color:var(--color-bg); margin-top:clamp(20px,3vw,40px); }
.pot-newsletter-inner{ padding-block:clamp(30px,3.6vw,56px); }
.pot-newsletter h3{ color:var(--color-bg); font-size:clamp(24px,3vw,38px); line-height:1.15; margin:0 0 8px; }

@media (max-width: 900px){
  .pot-hero{ grid-template-columns:1fr; }
  .pot-guarantees{ grid-template-columns:repeat(2,1fr); }
  .pot-category-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ==========================================================================
   PRODUCT CARDS — shop grid, homepage rows, related/upsell
   (Elementor's "Products" widget compiles competing per-page CSS for all
   of the classes below on any page that still uses it — every visual
   property here needs !important. The new front-page.php doesn't use
   Elementor at all, so this is defensive for the shop/archive pages.)
   ========================================================================== */
ul.products{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)) !important; gap:2px !important; background:var(--color-divider) !important; }
ul.products li.product{
  background:var(--color-bg) !important;
  border:none !important; border-radius:0 !important;
  padding:0 !important; margin:0 !important;
  display:flex !important; flex-direction:column !important;
  transition:none !important;
}
ul.products li.product:hover{ transform:none !important; box-shadow:none !important; }
ul.products li.product a img{
  aspect-ratio:1/1; width:100% !important; object-fit:cover !important;
  background:var(--color-surface) !important; border-radius:0 !important;
  filter:grayscale(1) contrast(1.08); /* remove this line to keep product photos in color */
}
ul.products li.product a.woocommerce-LoopProduct-link{ display:block; position:relative; }

/* onsale badge -> flush tag, no pill */
ul.products li.product .onsale{
  position:absolute !important; top:10px !important; right:10px !important; left:auto !important; bottom:auto !important;
  background:var(--color-bg) !important; color:var(--color-accent) !important;
  border:1px solid var(--color-accent) !important;
  font-size:10px !important; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase !important;
  padding:3px 8px !important; border-radius:0 !important; min-width:0 !important; min-height:0 !important; line-height:1.4 !important; z-index:2;
}

ul.products li.product .woocommerce-loop-product__title{
  order:2;
  font-family:var(--font-heading) !important; font-weight:800 !important; font-size:16.5px !important;
  letter-spacing:-.015em; line-height:1.2; color:var(--color-text) !important;
  padding:0 14px; margin:8px 0 0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  flex:1;
}
ul.products li.product .star-rating{ order:4; margin:0 14px; font-size:12px; }
ul.products li.product .price{
  order:5; padding:9px 14px 14px; margin-top:9px;
  border-top:2px solid var(--color-divider);
  font-family:var(--font-heading) !important; font-weight:800 !important; font-size:16px !important; color:var(--color-text) !important;
  display:flex; justify-content:space-between; align-items:baseline;
}
ul.products li.product .price del{ color:var(--color-neutral-700) !important; font-weight:400 !important; font-size:13px !important; }
ul.products li.product .price ins{ text-decoration:none !important; color:var(--color-text) !important; }
ul.products li.product .button{
  order:6; margin:0 14px 14px; width:calc(100% - 28px);
  font-size:13px !important; padding:11px 14px !important;
}

/* category kicker + tag row injected via PHP, sits above the title */
.pot-card-meta{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding:14px 14px 0; order:1; }
.pot-card-meta .pot-tag{
  font-size:10px; border:1px solid var(--color-accent); color:var(--color-accent);
  padding:2px 8px; text-transform:uppercase; letter-spacing:.04em;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */
.single-product div.product{
  display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(26px,3.4vw,60px); align-items:start;
}
.single-product .woocommerce-product-gallery{ position:sticky; top:24px; }
.single-product .woocommerce-product-gallery__wrapper img{
  border-radius:0 !important; background:var(--color-surface) !important;
  filter:grayscale(1) contrast(1.08);
}
.single-product .flex-control-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-top:2px; }
.single-product .flex-control-thumbs li img{
  border-radius:0 !important; border:none !important; opacity:.6; filter:grayscale(1) contrast(1.08);
}
.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li img:hover{ opacity:1; }

.single-product .summary{ position:sticky; top:24px; }
.single-product .pot-category-kicker{ margin-bottom:8px; }
.single-product .product_title{ font-family:var(--font-heading) !important; font-weight:800 !important; color:var(--color-text) !important; font-size:clamp(26px,3vw,38px) !important; line-height:1.08; letter-spacing:-.03em; margin:0 0 8px; }
.single-product .woocommerce-product-rating{ font-size:13px; margin-bottom:16px; }
.single-product .woocommerce-product-rating .star-rating{ color:var(--color-accent-700) !important; }

.single-product p.price{
  font-family:var(--font-heading) !important; font-weight:800 !important; font-size:30px !important; letter-spacing:-.025em;
  color:var(--color-text) !important; background:none !important; padding:0 !important; margin:16px 0 20px; display:flex; align-items:baseline; gap:10px;
}
.single-product p.price del{ color:var(--color-neutral-700) !important; font-size:15px !important; font-weight:400 !important; order:2; }
.single-product p.price ins{ text-decoration:none !important; color:var(--color-text) !important; order:1; }

.single-product table.variations select{
  border:1px solid var(--color-divider) !important; border-radius:0 !important; background:var(--color-surface) !important;
  padding:10px 14px; font-family:var(--font-body) !important; font-size:14px !important;
}
.single-product table.variations select:focus{ outline:2px solid var(--color-accent); outline-offset:0; }

.single-product .quantity .qty{
  border:1px solid var(--color-divider) !important; border-radius:0 !important; background:var(--color-surface) !important;
  height:48px; width:64px; text-align:center; font-size:15px;
}
.single-product button.single_add_to_cart_button{
  border-radius:0 !important; height:52px !important; font-size:15.5px !important; justify-content:space-between; padding:0 20px !important;
}

/* urgency text — real stock data only (see PHP) */
.pot-urgency{ font-size:12.5px; margin:12px 0 0; color:var(--color-accent-700); font-weight:600; }

/* trust info tiles — Ships / Returns / Support, replaces icon row */
.pot-info-tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:20px; background:var(--color-divider); }
.pot-info-tiles .pot-tile{ background:var(--color-bg); padding:12px; }
.pot-info-tiles .pot-tile .pot-k{ margin-bottom:4px; }
.pot-info-tiles .pot-tile p{ font-size:12.5px; margin:0; font-weight:600; }

/* tabs -> flush underline style */
.single-product .woocommerce-tabs ul.tabs{ border-bottom:2px solid var(--color-divider) !important; padding:0 !important; margin:32px 0 0 !important; background:none !important; }
.single-product .woocommerce-tabs ul.tabs li{ border:none !important; background:none !important; margin:0 24px 0 0 !important; padding:0 !important; border-radius:0 !important; }
.single-product .woocommerce-tabs ul.tabs li a{ font-family:var(--font-heading) !important; font-weight:800 !important; font-size:14px !important; color:var(--color-neutral-700) !important; padding:12px 0; display:inline-block; }
.single-product .woocommerce-tabs ul.tabs li.active a{ color:var(--color-text) !important; border-bottom:2px solid var(--color-accent) !important; margin-bottom:-2px; }
.single-product .woocommerce-tabs .panel{ font-size:14.5px; line-height:1.7; padding-top:20px; }

/* sticky mobile add-to-cart bar */
.pot-sticky-atc{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:999;
  background:var(--color-bg); border-top:2px solid var(--color-divider);
  padding:10px 16px; align-items:center; gap:14px;
}
.pot-sticky-atc img{ width:44px; height:44px; object-fit:cover; filter:grayscale(1) contrast(1.08); }
.pot-sticky-atc .pot-sticky-price{ font-family:var(--font-heading); font-weight:800; font-size:14px; }
.pot-sticky-atc button{
  margin-left:auto; background:var(--color-accent); color:var(--color-bg); border:none;
  border-radius:0; padding:12px 20px; font-family:var(--font-heading); font-weight:800; font-size:14px;
}

@media (max-width: 782px){
  .single-product div.product{ grid-template-columns:1fr; gap:20px; }
  .single-product .woocommerce-product-gallery, .single-product .summary{ position:static; }
  .pot-sticky-atc{ display:flex; }
  body.single-product{ padding-bottom:74px; }
}

/* ==========================================================================
   CART PAGE
   ========================================================================== */
.pot-shipping-bar{ border-bottom:2px solid var(--color-divider); padding-bottom:16px; margin-bottom:20px; }
.pot-shipping-bar .pot-shipping-msg{ font-size:13px; margin-bottom:8px; }
.pot-shipping-bar .pot-shipping-msg strong{ font-family:var(--font-heading); }
.pot-shipping-bar .pot-shipping-track{ height:6px; background:var(--color-neutral-300); }
.pot-shipping-bar .pot-shipping-fill{ height:100%; background:var(--color-accent); transition:width .3s ease; }

.woocommerce-cart table.cart{ border:none !important; border-collapse:collapse; }
.woocommerce-cart table.cart thead{ display:none; }
.woocommerce-cart table.cart tr{ border-top:2px solid var(--color-divider) !important; }
.woocommerce-cart table.cart td{ padding:16px 8px; vertical-align:middle; border:none !important; }
.woocommerce-cart table.cart img{ border-radius:0 !important; width:72px; filter:grayscale(1) contrast(1.08); }
.woocommerce-cart table.cart td.product-remove a{
  color:var(--color-neutral-700) !important; border:1px solid var(--color-divider) !important; border-radius:0 !important;
  width:26px; height:26px; line-height:24px; text-align:center; background:transparent !important;
}
.woocommerce-cart table.cart td.product-remove a:hover{ color:var(--color-bg) !important; background:var(--color-accent) !important; border-color:var(--color-accent) !important; }
.woocommerce-cart table.cart .quantity .qty{ border:1px solid var(--color-divider) !important; border-radius:0 !important; background:var(--color-surface) !important; height:40px; width:56px; text-align:center; }

.woocommerce-cart .cart-collaterals .cart_totals{
  border:2px solid var(--color-divider) !important; border-radius:0 !important; padding:20px; background:var(--color-bg) !important;
}
.woocommerce-cart .cart_totals h2{ font-family:var(--font-heading) !important; font-size:11.5px !important; letter-spacing:.1em; text-transform:uppercase; font-weight:600 !important; color:var(--color-accent-700) !important; margin-bottom:14px; }
.woocommerce-cart .cart_totals table td, .woocommerce-cart .cart_totals table th{ border:none !important; padding:8px 0; font-size:14px; }
.woocommerce-cart .cart_totals .order-total{ border-top:2px solid var(--color-divider) !important; }
.woocommerce-cart .cart_totals .order-total td, .woocommerce-cart .cart_totals .order-total th{ padding-top:12px; }
.woocommerce-cart .cart_totals .order-total .amount{ font-family:var(--font-heading) !important; font-weight:800 !important; font-size:19px !important; color:var(--color-text) !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width:100%; justify-content:space-between; padding:17px 20px !important; font-size:16px !important; }

/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */
.woocommerce-checkout form.checkout{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(26px,3.4vw,60px); align-items:start; }
.woocommerce-checkout #customer_details{ grid-column:1; }
.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{
  grid-column:2; grid-row:1 / span 2;
  border:2px solid var(--color-divider) !important; background:var(--color-bg) !important; padding:20px;
  position:sticky; top:24px;
}
.woocommerce-checkout table.shop_table{ border:none !important; }
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td{ border:none !important; border-bottom:1px solid var(--color-divider) !important; padding:10px 0; font-size:14px; }
.woocommerce-checkout .order-total{ border-top:2px solid var(--color-divider) !important; }
.woocommerce-checkout .order-total .amount{ font-family:var(--font-heading) !important; font-weight:800 !important; font-size:19px !important; color:var(--color-text) !important; }

.woocommerce-checkout input.input-text, .woocommerce-checkout select, .woocommerce-checkout textarea{
  border:1px solid var(--color-divider) !important; border-radius:0 !important; background:var(--color-surface) !important;
  padding:11px 14px; font-family:var(--font-body) !important; font-size:14px;
}
.woocommerce-checkout input.input-text:focus, .woocommerce-checkout select:focus{
  outline:2px solid var(--color-accent); outline-offset:0; border-color:var(--color-accent) !important;
}
.woocommerce-checkout .form-row label{ font-size:12px; letter-spacing:.02em; color:color-mix(in srgb, var(--color-text) 70%, transparent); font-weight:500; }

.woocommerce-checkout ul.wc_payment_methods{ border:1px solid var(--color-divider) !important; border-radius:0 !important; list-style:none; margin:0; padding:0; }
.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method{ padding:14px; border-bottom:1px solid var(--color-divider) !important; }
.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method:last-child{ border-bottom:none !important; }
.woocommerce-checkout #place_order{ width:100%; justify-content:space-between; padding:17px 20px !important; font-size:16px !important; border-radius:0 !important; }

/* numbered step kickers injected via PHP before each field group */
.pot-step-kicker{ margin:22px 0 10px; }
.pot-step-kicker:first-child{ margin-top:0; }

@media (max-width: 900px){
  .woocommerce-checkout form.checkout{ grid-template-columns:1fr; }
  .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review{ grid-column:1; position:static; order:-1; }
}

/* ==========================================================================
   THANK YOU / ORDER-RECEIVED PAGE
   ========================================================================== */
.woocommerce-order-received .woocommerce-order{ max-width:640px; }
.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-family:var(--font-heading) !important; font-weight:800 !important; font-size:clamp(26px,3.2vw,40px) !important;
  letter-spacing:-.03em; line-height:1.1; color:var(--color-text) !important;
  background:none !important; border:none !important; padding:0 !important; margin:0 0 14px;
}
.woocommerce-order-received ul.woocommerce-order-overview{
  list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column;
}
.woocommerce-order-received ul.woocommerce-order-overview li{
  border-top:2px solid var(--color-divider) !important; padding:14px 0; font-size:13px; color:var(--color-neutral-700) !important;
  display:flex; justify-content:space-between;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong{ color:var(--color-text) !important; font-family:var(--font-heading) !important; font-weight:800 !important; }
.woocommerce-order-received table.woocommerce-table{ border:2px solid var(--color-divider) !important; border-radius:0 !important; }
.woocommerce-order-received table.woocommerce-table th, .woocommerce-order-received table.woocommerce-table td{ border-color:var(--color-divider) !important; }

/* ==========================================================================
   MY ACCOUNT / ORDERS
   ========================================================================== */
.woocommerce-account table.shop_table, .woocommerce-account table.woocommerce-orders-table{
  border:none !important; border-collapse:collapse; width:100%;
}
.woocommerce-account table.shop_table th, .woocommerce-account table.woocommerce-orders-table th{
  text-align:left; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:color-mix(in srgb, var(--color-text) 60%, transparent);
  border:none !important; border-bottom:2px solid var(--color-divider) !important; padding:10px 8px;
}
.woocommerce-account table.shop_table td, .woocommerce-account table.woocommerce-orders-table td{
  border:none !important; border-bottom:1px solid var(--color-divider) !important; padding:12px 8px; font-size:14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ border:2px solid var(--color-divider) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--color-divider) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none !important; }
.woocommerce-account .woocommerce-MyAccount-navigation a{ display:block; padding:12px 16px; font-size:14px; color:var(--color-text) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:var(--color-accent) !important; color:var(--color-bg) !important; }

/* ==========================================================================
   BLOG / JOURNAL
   ========================================================================== */
.single-post .entry-title{ font-size:clamp(28px,3.4vw,48px); letter-spacing:-.03em; max-width:24ch; }
.single-post .entry-content{ font-size:17.5px; line-height:1.75; max-width:760px; }
.single-post .entry-content img{ border-radius:0; filter:grayscale(1) contrast(1.08); }
.single-post .entry-meta{ font-size:15px; color:var(--color-neutral-700); }