/* ============================================================================
   AMERICA 2026 — layout.css
   Structural layout shifts to match the design screens. Loaded after the
   design-system style.css. Components only — colors/type live in style.css.
   ========================================================================== */

/* ------------------------------------------------ header: one-row grid ---- */
@media (min-width: 769px) {
  .site-header .col-full {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 0 28px;
  }
  .site-header .site-branding { grid-column: 1; margin-bottom: 0; float: none; width: auto; }
  .storefront-primary-navigation { display: contents; }
  .site-header .main-navigation { grid-column: 2; justify-self: center; margin-bottom: 0; float: none; width: auto; clear: none; }
  .site-header .site-search { grid-column: 3; width: 230px; margin-bottom: 0; float: none; clear: none; }
  .site-header ul.site-header-cart { grid-column: 4; margin: 0; float: none; }
  .site-header { padding-top: 1.1em; padding-bottom: 1.1em; }
  .site-header .main-navigation ul.menu > li > a { padding: 1em 0.9em; }
}
.site-header .site-search { font-size: 0.9em; }

/* wordmark: star + Caslon name + red year chip */
.a26-wordmark { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.a26-wordmark .a26-star { width: 18px; height: 18px; color: var(--a26-red); flex: 0 0 auto; }
.a26-wordmark-name { font-family: var(--a26-head); font-size: 25px; letter-spacing: .01em; color: var(--a26-ink); }
.a26-wordmark-year {
  font-family: var(--a26-body); font-weight: 700; font-size: 13px; letter-spacing: .28em;
  color: var(--a26-red); border: 1.5px solid var(--a26-red);
  padding: 2px 4px 2px 8px; border-radius: 4px; position: relative; top: 2px;
}
.site-branding .site-title, .site-branding .site-description { display: none; }

/* cart pill */
ul.site-header-cart { list-style: none; }
.site-header-cart .cart-contents {
  background: var(--a26-red); color: #F8F2E6 !important;
  border-radius: 999px; padding: 9px 16px;
  font-weight: 700; font-size: 13.5px;
  display: inline-flex; align-items: center; gap: 8px;
  transition: transform var(--a26-ease), box-shadow var(--a26-ease), background-color var(--a26-ease);
}
.site-header-cart .cart-contents:hover {
  background: var(--a26-red-deep);
  transform: translateY(-2px); box-shadow: 0 5px 11px -7px rgba(30,42,68,.38);
}
.site-header-cart .cart-contents .count {
  background: #F8F2E6; color: var(--a26-red); border-radius: 999px;
  min-width: 20px; height: 20px; padding: 0 6px;
  display: inline-flex; align-items: center; justify-content: center; font-size: 12px;
}
.site-header-cart .cart-contents::after { display: none; }

/* checkout: minimal header */
.woocommerce-checkout .site-header .main-navigation,
.woocommerce-checkout .site-header .site-search,
.woocommerce-checkout .site-header ul.site-header-cart { display: none; }
.a26-secure { grid-column: 4; justify-self: end; color: var(--a26-muted); font-weight: 600; font-size: 13.5px; white-space: nowrap; }

/* -------------------------------------------------- page-title banners ---- */
.a26-banner {
  background: var(--a26-banner);
  border-bottom: 1px solid var(--a26-line);
  padding: 26px 0 30px;
  margin-bottom: 2.4em;
}
.a26-banner-slim { padding: 16px 0; }
.a26-crumbs, .a26-crumbs a {
  font-family: monospace; font-size: 12px; letter-spacing: .14em;
  color: var(--a26-muted); text-transform: capitalize; text-decoration: none;
}
.a26-crumbs a:hover { color: var(--a26-red); }
.a26-crumbs { margin-bottom: 4px; }
.a26-banner-title { font-size: 44px; margin: 0; line-height: 1.1; }
.a26-banner-title .a26-star-inline { width: 20px; height: 20px; color: var(--a26-gold); display: inline-block; }
.a26-banner-sub { margin: 8px 0 0; color: var(--a26-ink-soft); }

/* hide the default in-content titles the banner replaces */
.woocommerce-products-header,
.woocommerce-cart .entry-header,
.woocommerce-checkout .entry-header,
.woocommerce-account .entry-header { display: none; }

/* result count / sort row */
.storefront-sorting { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin-bottom: 1.4em; }
.storefront-sorting .woocommerce-result-count { margin: 0; color: var(--a26-ink-soft); font-size: .9em; }
.storefront-sorting .woocommerce-ordering { margin: 0; }
.storefront-sorting .woocommerce-ordering select {
  background: var(--a26-cream); border: 1px solid var(--a26-line-2); border-radius: 999px; padding: .45em 2em .45em 1em;
}

/* --------------------------------------------------------- shop sidebar ---- */
#secondary .widget {
  background: var(--a26-cream); border: 1px solid var(--a26-line);
  border-radius: 12px; padding: 1.2em 1.3em; margin-bottom: 1.6em;
}
#secondary .widget .widget-title, #secondary .widget .gamma {
  font-family: var(--a26-body); font-weight: 700; font-size: 12.5px;
  letter-spacing: .18em; text-transform: uppercase; color: var(--a26-red);
  border-bottom: 0; margin-bottom: .8em;
}
#secondary .widget_product_categories ul { list-style: none; margin: 0; }
#secondary .widget_product_categories li { display: flex; justify-content: space-between; padding: .35em 0; }
#secondary .widget_product_categories li a { color: var(--a26-ink); }
#secondary .widget_product_categories li .count { color: var(--a26-muted); }
.widget_price_filter .ui-slider .ui-slider-range { background: var(--a26-red); }
.widget_price_filter .ui-slider .ui-slider-handle { background: var(--a26-red); border: 2px solid var(--a26-cream); }

/* sidebar only belongs on the shop/category grid */
.single-product #secondary, .woocommerce-cart #secondary,
.woocommerce-checkout #secondary, .woocommerce-account #secondary,
.page #secondary { display: none; }
.single-product .content-area, .woocommerce-cart .content-area,
.woocommerce-checkout .content-area, .woocommerce-account .content-area,
.page .content-area { width: 100%; float: none; margin: 0; }

/* ------------------------------------------------------ shop loop cards ---- */
ul.products li.product { position: relative; }
.a26-badge {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  background: var(--a26-ink); color: var(--a26-band);
  font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  padding: 4px 9px; border-radius: 5px;
}
.a26-type {
  display: block; font-family: monospace; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--a26-muted); padding: 0 1.15em; margin-bottom: 2px;
}
.single-product .summary .a26-type { padding: 0; margin-bottom: 6px; }

/* --------------------------------------------- single product: gallery ---- */
@media (min-width: 769px) {
  .single-product div.product .woocommerce-product-gallery { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; align-items: start; }
  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { grid-column: 2; grid-row: 1; }
  .woocommerce-product-gallery .flex-control-thumbs {
    grid-column: 1; grid-row: 1;
    display: flex; flex-direction: column; gap: 10px; margin: 0;
  }
}
.woocommerce-product-gallery .flex-control-thumbs li { width: 100%; float: none; margin: 0; }
.woocommerce-product-gallery .flex-control-thumbs img {
  border: 1.5px solid var(--a26-line); border-radius: 8px; opacity: 1;
  transition: border-color var(--a26-ease);
}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs img:hover { border-color: var(--a26-red); }
.woocommerce-product-gallery img { border-radius: 10px; }

/* ------------------------------------------------------------ cart page ---- */
@media (min-width: 921px) {
  .woocommerce-cart .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 36px; align-items: start; }
  .woocommerce-cart .woocommerce-cart-form { grid-column: 1; }
  .woocommerce-cart .cart-collaterals { grid-column: 2; width: auto; float: none; }
  .woocommerce-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
}
/* navy order summary card */
.woocommerce-cart .cart_totals {
  float: none; width: 100% !important;
  background: var(--a26-ink); border: none; border-radius: 14px;
  padding: 1.7em; color: #C7CCDA;
}
.woocommerce-cart .cart_totals h2 { color: #F8F2E6; font-size: 1.5em; }
.woocommerce-cart .cart_totals h2::after { content: ""; display: none; }
.woocommerce-cart .cart_totals table, .woocommerce-cart .cart_totals .shop_table { background: transparent; }
.woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td {
  background: transparent; color: #C7CCDA; border-color: rgba(255,255,255,.1);
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods,
.woocommerce-cart .cart_totals .woocommerce-shipping-destination { color: #C7CCDA; }
.woocommerce-cart .cart_totals .order-total th { color: #F8F2E6; }
.woocommerce-cart .cart_totals .order-total .amount { color: #fff; font-size: 1.45em; }
.a26-freeship {
  display: flex; align-items: center; gap: 9px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px; padding: .7em 1em; font-size: .9em; color: #F3ECDD;
}
.a26-freeship .a26-star { width: 10px; height: 10px; color: var(--a26-gold); flex: 0 0 auto; }
.wc-proceed-to-checkout .checkout-button { width: 100%; text-align: center; }
.a26-secure-note { text-align: center; font-size: .85em; color: var(--a26-ink-soft); margin: .8em 0 0; }
.cart_totals .a26-secure-note { color: #9aa3b8; }
/* cream items table */
.woocommerce-cart table.cart td.actions { background: transparent; }
.woocommerce-cart table.cart img { border-radius: 8px; max-width: 72px; }
.woocommerce-cart table.cart .product-remove a {
  color: var(--a26-ink-soft) !important; background: transparent; font-size: 1.2em;
}
.woocommerce-cart table.cart .product-remove a:hover { color: var(--a26-red) !important; }

/* ----------------------------------------------------------- checkout ---- */
.woocommerce-checkout #order_review_heading { font-size: 1.5em; }
.woocommerce-checkout form .col2-set label { font-weight: 600; color: var(--a26-ink); }
#order_review .shop_table { background: transparent; }

/* -------------------------------------------------- account: login cards ---- */
.woocommerce-account #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
  background: var(--a26-cream); border: 1px solid var(--a26-line); border-radius: 12px;
  padding: 1.8em; margin: 0; width: auto; float: none; display: flex; flex-direction: column;
}
.woocommerce-account #customer_login form { flex: 1 1 auto; display: flex; flex-direction: column; }
.woocommerce-account #customer_login form .form-row:last-of-type { margin-top: auto; }
.woocommerce-account #customer_login h2 { font-size: 1.6em; }
@media (max-width: 768px) { .woocommerce-account #customer_login { grid-template-columns: 1fr; } }
/* order status pills */
.woocommerce-orders-table__cell-order-status { color: var(--a26-ink); }

/* ----------------------------------------------------- quantity steppers ---- */
.quantity { display: inline-flex; align-items: center; gap: 6px; }
.a26-step {
  background: #fff; border: 1.5px solid var(--a26-line-2); color: var(--a26-ink);
  width: 34px; height: 34px; padding: 0; border-radius: 8px;
  font-weight: 700; font-size: 16px; line-height: 1;
}
.a26-step:hover { background: var(--a26-band); color: var(--a26-ink); transform: none; box-shadow: none; }
.quantity input.qty { width: 3.2em; text-align: center; }

/* -------------------------------------------- homepage: featured band ---- */
.a26-featured { background: var(--a26-ink); color: #C7CCDA; position: relative; margin-top: 3em; }
.a26-featured::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px;
  background: repeating-linear-gradient(90deg, var(--a26-red) 0 26px, var(--a26-banner) 26px 52px);
}
.a26-featured-inner {
  max-width: 1080px; margin: 0 auto; padding: 64px 28px;
  display: grid; grid-template-columns: .85fr 1.15fr; gap: 52px; align-items: center;
}
.a26-featured-img img { display: block; width: 100%; border-radius: 6px; border: 1px solid rgba(255,255,255,.18); }
.a26-eyebrow-gold { color: var(--a26-gold) !important; font-weight: 700; font-size: 12.5px; letter-spacing: .22em; text-transform: uppercase; margin: 0 0 10px; }
.a26-featured h2 { color: #F8F2E6; font-size: 42px; line-height: 1.1; margin: 0 0 14px; }
.a26-featured-desc { color: #C7CCDA; max-width: 480px; line-height: 1.65; margin: 0 0 24px; }
.a26-featured .a26-btn-red .woocommerce-Price-amount { color: inherit; }

/* ----------------------------------------- section title star divider ---- */
.storefront-product-section .section-title::before {
  content: ""; display: block; width: 11px; height: 11px; margin: 0 auto 14px;
  background: var(--a26-red);
  clip-path: polygon(50% 2%,61% 35%,96% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,4% 35%,39% 35%);
}

/* ----------------------------------------------------------- responsive ---- */
@media (max-width: 920px) {
  .woocommerce-cart .cart-collaterals { margin-top: 2em; }
}
@media (max-width: 768px) {
  .a26-banner-title { font-size: 32px; }
  .a26-featured-inner { grid-template-columns: 1fr; gap: 30px; padding: 48px 22px; }
  .a26-featured h2 { font-size: 30px; }
  .storefront-sorting { justify-content: space-between; }
}