/* Relay Radio Store — Build 0023, station visual identity pass.
 * Presentation only. No WooCommerce, Elementor, newsletter or product data
 * is overwritten by these rules. Last stylesheet in the child theme stack.
 */

/* Inherit the atmosphere of Relay-Radio.com: midnight blue, a cyan edge,
   violet atmosphere and a restrained orange accent. */
body.relay-store-theme {
  --relay-bg: #060b15;
  --relay-bg-2: #0a1421;
  --relay-panel: #0e1929;
  --relay-panel-2: #112138;
  --relay-panel-3: #172942;
  --relay-border: rgba(59, 124, 163, .28);
  --relay-border-strong: rgba(20, 184, 231, .48);
  --relay-muted: #93a8bc;
  --relay-blue: #198ff1;
  --relay-cyan: #19c5f0;
  --relay-purple-bright: #bd77ff;
  --relay-orange: #ff9e2d;
  --relay-gradient: linear-gradient(120deg, #08bde8 0%, #6268f4 50%, #984ff4 100%);
  background:
    radial-gradient(ellipse 44rem 28rem at 4% 1%, rgba(19, 82, 146, .20), transparent 75%),
    radial-gradient(ellipse 37rem 27rem at 95% 2%, rgba(109, 42, 163, .13), transparent 75%),
    #060b15;
}

/* Accessible station-status strip and aligned station/store identity. */
body.relay-store-theme .relay-store-station-bar {
  background: #050b14;
  border-bottom: 1px solid rgba(28, 142, 203, .23);
}
body.relay-store-theme .relay-store-station-bar__inner { min-height: 36px; }
body.relay-store-theme .relay-store-station-bar__brand { gap: 10px; }
body.relay-store-theme .relay-store-station-bar__dot {
  background: #42d9b4;
  box-shadow: 0 0 0 4px rgba(66, 217, 180, .12), 0 0 12px rgba(66,217,180,.16);
}
body.relay-store-theme .relay-store-station-bar__store-pill {
  padding: 3px 9px;
  color: #f8ca89;
  background: rgba(252, 147, 40, .075);
  border: 1px solid rgba(252, 147, 40, .22);
  border-radius: 7px;
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.relay-store-theme .relay-store-station-bar__tagline { color: #839cb5; }
body.relay-store-theme .relay-store-station-bar__actions a:hover,
body.relay-store-theme .relay-store-station-bar__actions a:focus-visible {
  background: rgba(20,185,228,.10);
  color: #fff;
}

/* Replace the old small Porto logo with the original wide Relay Radio mark. */
body.relay-store-theme .relay-shop-header {
  background:
    radial-gradient(ellipse 23rem 12rem at 20% 0%, rgba(18, 89, 166, .15), transparent 95%),
    linear-gradient(180deg, #0b1728 0%, #08121f 100%);
  border-bottom: 1px solid rgba(37,130,188,.26);
  box-shadow: 0 10px 32px rgba(0,0,0,.20);
}
body.relay-store-theme .relay-shop-header__main {
  display: grid;
  grid-template-columns: minmax(210px, 264px) minmax(210px, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2vw, 27px);
  min-height: 100px;
}
body.relay-store-theme .relay-shop-header__identity {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
}
body.relay-store-theme .relay-shop-header__brand {
  display: block;
  width: min(100%, 264px);
  line-height: 0;
  text-decoration: none;
  border-radius: 8px;
  outline-offset: 4px;
}
body.relay-store-theme .relay-shop-header__brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 82px;
  object-fit: contain;
  object-position: center left;
  filter: drop-shadow(0 4px 14px rgba(8, 177, 232, .12));
}
body.relay-store-theme .relay-shop-header__brand:hover img { filter: brightness(1.08) drop-shadow(0 4px 14px rgba(8, 177, 232, .16)); }

/* Relay-station shaped search, buttons and navigation. */
body.relay-store-theme .relay-shop-search {
  background: rgba(5, 13, 25, .90);
  border-color: rgba(44, 121, 169, .39);
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,.17);
}
body.relay-store-theme .relay-shop-search:focus-within {
  border-color: #28c7f1;
  box-shadow: 0 0 0 3px rgba(10,185,230,.13);
}
body.relay-store-theme .relay-shop-search input[type="search"] { min-height: 46px; }
body.relay-store-theme .relay-shop-search button { min-height: 46px; }
body.relay-store-theme .relay-shop-search button:hover {
  color: #8feaff;
  background: rgba(22, 169, 216, .12);
}
body.relay-store-theme .relay-shop-header__commerce > a {
  background: rgba(8, 24, 41, .70);
  border-color: rgba(52, 125, 175, .30);
  border-radius: 11px;
}
body.relay-store-theme .relay-shop-header__commerce > a:hover,
body.relay-store-theme .relay-shop-header__commerce > a:focus-visible {
  background: rgba(18, 100, 157, .16);
  border-color: rgba(28, 198, 239, .49);
  color: #fff;
}
body.relay-store-theme .relay-store-cart-count {
  background: linear-gradient(130deg, #23b7ed, #5369eb);
  border: 1px solid rgba(255,255,255,.20);
}
body.relay-store-theme .relay-shop-nav {
  background: #070f1a;
  border-top: 1px solid rgba(43, 111, 154, .26);
  position: relative;
}
body.relay-store-theme .relay-shop-nav::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, #009dd4 0%, #5144c1 46%, #ed55a0 73%, #f38c31 100%);
  opacity: .72;
  pointer-events: none;
}
body.relay-store-theme .relay-shop-nav__inner { min-height: 46px; gap: 5px; }
body.relay-store-theme .relay-shop-nav a {
  border: 1px solid transparent;
  border-radius: 9px;
  color: #b8cadd;
  font-weight: 780;
  letter-spacing: .005em;
}
body.relay-store-theme .relay-shop-nav a:hover,
body.relay-store-theme .relay-shop-nav a:focus-visible {
  color: #fff;
  background: rgba(16, 149, 203, .11);
  border-color: rgba(32, 176, 224, .20);
}
body.relay-store-theme .relay-shop-nav__featured {
  background: linear-gradient(135deg, rgba(9,136,201,.24), rgba(89,68,188,.30));
  border-color: rgba(37,168,230,.20);
  color: #fff;
}

/* Shared panels like the station's dashboard cards, but preserve product media. */
body.relay-store-theme.home .porto-products,
body.relay-store-theme.home .products-slider,
body.relay-store-theme.home .elementor-widget-porto_products > .elementor-widget-container,
body.relay-store-theme.home .elementor-widget-porto-products > .elementor-widget-container {
  background: linear-gradient(155deg, #132237 0%, #0b1727 66%, #0b1423 100%) !important;
  border-color: rgba(55, 124, 167, .31) !important;
  box-shadow: inset 0 1px 0 rgba(110,213,254,.035), 0 12px 33px rgba(0,0,0,.21) !important;
}
body.relay-store-theme.home .main-content .section-title,
body.relay-store-theme.home .main-content .products-slider-title,
body.relay-store-theme.home .main-content .wpb_heading,
body.relay-store-theme.home .main-content .elementor-heading-title {
  color: #f1f7ff !important;
  letter-spacing: .025em;
}
body.relay-store-theme.home .porto-products .product-inner,
body.relay-store-theme .product-col .product-inner {
  border-color: rgba(66, 125, 165, .20) !important;
}
body.relay-store-theme.home .porto-products .product-inner:hover,
body.relay-store-theme .product-col .product-inner:hover {
  box-shadow: 0 8px 28px rgba(5, 13, 32, .35), 0 0 0 1px rgba(17, 184, 230, .19) !important;
}
/* Important: do not apply a color effect to product photos. */
body.relay-store-theme .product-col .product-image img,
body.relay-store-theme .product-col .product-thumbnail img { filter: none; }
body.relay-store-theme .product-col .price,
body.relay-store-theme.home .porto-products .price,
body.relay-store-theme.home .porto-products .price .amount { color: #edf6ff !important; }

/* Buttons and focus rings, deliberately scoped to commerce UI. */
body.relay-store-theme .button.alt,
body.relay-store-theme button.button.alt,
body.relay-store-theme input.button.alt,
body.relay-store-theme .btn-primary,
body.relay-store-theme .wc-proceed-to-checkout .checkout-button,
body.relay-store-theme #place_order {
  background: linear-gradient(110deg, #138fe8 0%, #5164ee 55%, #9152df 100%);
  color: #fff;
  box-shadow: 0 5px 19px rgba(27, 81, 177, .23);
}
body.relay-store-theme a:focus-visible,
body.relay-store-theme button:focus-visible,
body.relay-store-theme input:focus-visible {
  outline: 2px solid #35c4ee;
  outline-offset: 3px;
}
body.relay-store-theme .relay-store-kicker,
body.relay-store-theme .relay-commerce-intro__kicker,
body.relay-store-theme .relay-product-kicker {
  color: #78d7f1;
}

/* Shop, cart, account and product panels share the station's fine cyan edge. */
body.relay-store-theme .cart_totals,
body.relay-store-theme #order_review,
body.relay-store-theme .woocommerce-checkout-payment,
body.relay-store-theme .woocommerce-MyAccount-content,
body.relay-store-theme .relay-commerce-intro,
body.relay-store-theme.single-product .product-summary-wrap {
  border-color: rgba(52, 121, 172, .31);
}
body.relay-store-theme .sidebar-content .widget,
body.relay-store-theme .widget_price_filter,
body.relay-store-theme .widget_product_categories {
  border-color: rgba(52, 121, 172, .27);
}

/* Branded footer and station link that echo the station's last row. */
body.relay-store-theme .relay-shop-footer {
  background: linear-gradient(180deg, #091321, #060b13 85%);
  border-top: 1px solid rgba(24, 172, 215, .32);
}
body.relay-store-theme .relay-shop-footer::before {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, #00a4dd, #5364e8, #af43ce, #fa9630);
  opacity: .7;
}
body.relay-store-theme .relay-shop-footer__cta {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom-color: rgba(42,114,163,.28);
}
body.relay-store-theme .relay-shop-footer__cta h2 { letter-spacing: -.03em; }
body.relay-store-theme .relay-shop-footer__cta-actions .relay-store-button {
  background: rgba(11, 50, 77, .40);
  border: 1px solid rgba(28, 176, 227, .34);
  border-radius: 10px;
}
body.relay-store-theme .relay-shop-footer__cta-actions .relay-store-button:hover {
  border-color: #29cbf1;
  background: rgba(13, 105, 154, .25);
}
body.relay-store-theme .relay-shop-footer__grid { gap: 30px; }
body.relay-store-theme .relay-shop-footer__brand {
  display: inline-block;
  width: min(100%, 215px);
  line-height: 0;
  margin: -12px 0 -3px -6px;
  border-radius: 6px;
  outline-offset: 3px;
}
body.relay-store-theme .relay-shop-footer__brand img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 3px 10px rgba(8, 177, 232, .10));
}
body.relay-store-theme .relay-shop-footer__brand:hover img { filter: brightness(1.08) drop-shadow(0 3px 10px rgba(8, 177, 232, .14)); }
body.relay-store-theme .relay-shop-footer a:hover { color: #58d8ff; }
body.relay-store-theme .relay-shop-footer__bottom { border-top-color: rgba(45, 117, 165, .26); }

/* Mobile-first safety: no over-wide logo, functional search + cart at all sizes. */
@media (max-width: 1080px) {
  body.relay-store-theme .relay-shop-header__main {
    grid-template-columns: minmax(170px, 224px) minmax(180px, 1fr) auto;
    gap: 14px;
  }
  body.relay-store-theme .relay-shop-header__brand { width: 224px; max-width: 100%; }
}
@media (max-width: 767px) {
  body.relay-store-theme .relay-shop-header__main {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px 12px;
    min-height: 0;
    padding: 10px 0 12px;
  }
  body.relay-store-theme .relay-shop-header__identity { grid-column: 1; grid-row: 1; }
  body.relay-store-theme .relay-shop-header__brand { width: 188px; max-width: 100%; }
  body.relay-store-theme .relay-shop-header__brand img { max-height: 58px; }
  body.relay-store-theme .relay-shop-header__commerce { grid-column: 2; grid-row: 1; }
  body.relay-store-theme .relay-shop-search { grid-column: 1 / -1; grid-row: 2; }
  body.relay-store-theme .relay-store-station-bar__store-pill { display: none; }
  body.relay-store-theme .relay-store-station-bar__inner { min-height: 34px; }
  body.relay-store-theme .relay-shop-nav__inner { min-height: 44px; }
  body.relay-store-theme .relay-shop-footer__brand { width: 210px; }
}
@media (max-width: 380px) {
  body.relay-store-theme .relay-shop-header__brand { width: 150px; }
  body.relay-store-theme .relay-shop-header__commerce { gap: 4px; }
  body.relay-store-theme .relay-shop-header__commerce > a { width: 38px; min-height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  body.relay-store-theme .relay-shop-header__brand:hover img,
  body.relay-store-theme .relay-shop-footer__brand:hover img { filter: none; }
}


/* Build 0024 — transparent station logo asset.
   The header/footer now use a true transparent PNG rather than a boxed logo,
   so no masking hack is needed. Keep only a restrained neon shadow so the
   logo reads cleanly against the dark Relay header/footer. */