/* theme-navy-yellow-20261029-r1.css
   t136: sitewide navy + yellow language matching live footer / phone screenshot.
   Tokens from footer r4: navy #2c4482, yellow #FFCC03.
   Additive; loads LAST via Magento_Theme default.xml.
   Keeps white content areas; does not paint whole pages navy. */

:root{
  --cj-navy:#2c4482;
  --cj-navy-deep:#1e3270;
  --cj-navy-ink:#142438;
  --cj-yellow:#FFCC03;
  --cj-yellow-hover:#e6b800;
  --cj-yellow-soft:rgba(255,204,3,.55);
  --cj-price-red:#d0342c; /* keep brand price red */
  /* Retint modern-ui accents toward navy/yellow for CTAs; prices stay red via explicit rules */
  --cj-accent:var(--cj-navy);
  --cj-accent-ink:var(--cj-navy-deep);
}

/* —— Top promo / announce —— */
html body .j96-announce,
html body .jerseys-announce,
html body .page-header .j96-announce{
  background:var(--cj-navy)!important;
  color:#fff!important;
  border-bottom:3px solid var(--cj-yellow)!important;
  font-weight:650!important;
  letter-spacing:.02em;
  text-align:center;
}

/* —— Header hairline accent —— */
html body .page-header{
  border-bottom:1px solid rgba(44,68,130,.12)!important;
}
html body .page-header #search:focus{
  border-color:var(--cj-navy)!important;
  box-shadow:0 0 0 4px rgba(255,204,3,.35)!important;
}

/* —— Nav active / hover accents —— */
html body .navigation .level0 > .level-top:hover,
html body .navigation .level0 > .level-top.ui-state-active,
html body .navigation .level0.active > .level-top,
html body .nav-sections .navigation a:hover{
  color:var(--cj-navy)!important;
}
html body .navigation .level0 > .level-top:hover:after,
html body .navigation .level0.active > .level-top:after{
  background:var(--cj-yellow)!important;
  border-color:var(--cj-yellow)!important;
}

/* —— Global primary CTAs: yellow fill + navy text (match Subscribe) —— */
html body .action.primary,
html body button.action.primary,
html body a.action.primary,
html body .action.tocart,
html body button.action.tocart,
html body #product-addtocart-button,
html body .box-tocart .action.tocart,
html body .cart-summary .checkout-methods-items .action.primary,
html body .cart.main.actions .action.primary,
html body .checkout-payment-method .action.primary,
html body .opc-wrapper .action.primary,
html body .abs-button-primary,
html body .cj-button,
html body .cj-home .action.primary,
html body .cms-index-index .action.primary{
  background:var(--cj-yellow)!important;
  border:1px solid var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
  font-weight:700!important;
  box-shadow:0 8px 18px rgba(44,68,130,.18)!important;
}
html body .action.primary:hover,
html body button.action.primary:hover,
html body a.action.primary:hover,
html body .action.tocart:hover,
html body button.action.tocart:hover,
html body #product-addtocart-button:hover,
html body .box-tocart .action.tocart:hover,
html body .cart-summary .checkout-methods-items .action.primary:hover,
html body .checkout-payment-method .action.primary:hover,
html body .opc-wrapper .action.primary:hover,
html body .cj-button:hover,
html body .cj-home .action.primary:hover,
html body .cms-index-index .action.primary:hover{
  background:var(--cj-yellow-hover)!important;
  border-color:var(--cj-yellow-hover)!important;
  color:var(--cj-navy)!important;
}
html body .action.primary:focus,
html body button.action.primary:focus,
html body #product-addtocart-button:focus,
html body .action.tocart:focus,
html body input:not([disabled]):focus,
html body textarea:not([disabled]):focus,
html body select:not([disabled]):focus{
  box-shadow:0 0 0 3px var(--cj-yellow-soft)!important;
  outline:0!important;
}

/* Secondary / continue shopping stay readable; outline navy */
html body .action.secondary,
html body a.action.secondary{
  color:var(--cj-navy)!important;
  border-color:var(--cj-navy)!important;
}

/* —— Links —— */
html body a.alink,
html body .page-main a:not(.action):not(.product-item-link):not(.logo){
  /* leave body links mostly default; accent hovers only where cheap */
}
html body .breadcrumbs a:hover,
html body .footer.content a:hover{
  color:var(--cj-yellow)!important;
}

/* —— Category pager current = navy; hover yellow border —— */
html body.catalog-category-view .toolbar .pages .item.current .page,
html body.catalog-category-view .toolbar-products .pages .item.current .page,
html body.catalog-category-view .pages .item.current .page,
html body.catalog-category-view .pages strong.page,
html body.catalogsearch-result-index .toolbar .pages .item.current .page,
html body.catalogsearch-result-index .pages strong.page{
  background:var(--cj-navy)!important;
  color:#fff!important;
  border-color:var(--cj-navy)!important;
}
html body.catalog-category-view .toolbar .pages .item .page:hover,
html body.catalog-category-view .pages .item .page:hover{
  border-color:var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
}

/* —— FILTER / Shop By bar accents —— */
html body.catalog-category-view .block.filter .filter-title strong,
html body.catalog-category-view #layered-filter-block .filter-title strong{
  border-color:rgba(44,68,130,.25)!important;
}
html body.catalog-category-view .filter.active .filter-title strong,
html body.catalog-category-view #layered-filter-block.active .filter-title strong,
html body.catalog-category-view #layered-filter-block.filter.active .filter-title strong{
  background:var(--cj-navy)!important;
  color:var(--cj-yellow)!important;
  border-color:var(--cj-navy)!important;
}
html body.catalog-category-view .filter-options-title,
html body.catalog-category-view #narrow-by-list .filter-options-title{
  color:var(--cj-navy)!important;
}
html body.catalog-category-view .page-title span.base:after,
html body.catalog-category-view .page-title-wrapper .page-title span:after{
  background:var(--cj-yellow)!important;
  border-color:var(--cj-yellow)!important;
}

/* Prices stay red (brand) */
html body .price-box .price,
html body .product-info-price .price,
html body.catalog-category-view .products-grid .price-box .price,
html body.catalog-product-view .price-box .price{
  color:var(--cj-price-red)!important;
}

/* —— Sticky ATC / orange leftovers → yellow —— */
html body .jerseys-sticky-bar .action.tocart,
html body .jerseys-sticky-atc,
html body [class*="sticky"] .action.tocart,
html body .cj-sticky .action.primary{
  background:var(--cj-yellow)!important;
  border-color:var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
}

/* —— Checkout place-order —— */
html body .checkout-index-index .action.primary.checkout,
html body #checkout .action.primary,
html body .opc-sidebar .action.primary{
  background:var(--cj-yellow)!important;
  border-color:var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
}

/* —— Minicart checkout button —— */
html body .minicart-wrapper .action.checkout,
html body #top-cart-btn-checkout{
  background:var(--cj-yellow)!important;
  border-color:var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
}

/* Footer already navy/yellow via r4 — light reinforce only if cascade drifts */
html body .page-wrapper footer.page-footer{
  background:var(--cj-navy)!important;
  border-top:4px solid var(--cj-yellow)!important;
}
html body .page-wrapper .page-footer .block.newsletter .action.subscribe{
  background:var(--cj-yellow)!important;
  color:var(--cj-navy)!important;
}
html body .page-wrapper .page-footer .links.cj-ft-col .cj-ft-title,
html body .page-wrapper .page-footer .links.cj-ft-col strong{
  color:var(--cj-yellow)!important;
}