/* Proyojone Storefront v2.9.3 — Dark-blue glass header, deeper blue gradients, clean buy block, gallery hardening.
   Loads after v2.9.2. Palette: #1D2B66 · #E3E6F6 · #34468B (+ deeper shades of the same navy). #FF6621 = CTA/badge/active only. */

:root{
  --pj-navy-deep:#0F1640;                                   /* darker shade of #1D2B66 */
  --pj-navy-mid:#151F52;
  --pj-grad-navy:linear-gradient(135deg,#0F1640 0%,#1D2B66 58%,#34468B 130%);
  --pj-grad-navy-glass:linear-gradient(135deg,rgba(15,22,64,.94) 0%,rgba(29,43,102,.90) 58%,rgba(52,70,139,.86) 130%);
}

/* ---------- 1. Header: dark blue glass ----------------------------------- */
html body .prj-ref-shell-header-wrap{background:transparent!important}
html body .prj-ref-shell-header,
html body .prf-header{
  background:var(--pj-grad-navy-glass)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid rgba(227,230,246,.16)!important;
  box-shadow:0 14px 30px -16px rgba(15,22,64,.85),inset 0 1px 0 rgba(227,230,246,.14)!important;
  color:var(--pj-cream)!important;
}
html body .prj-ref-shell-header .prj-ref-mobile-menu-toggle,
html body .prj-ref-shell-header .prj-ref-round,
html body .prf-header .prf-mobile-menu-toggle,
html body .prf-header .prf-header-cart{
  background:rgba(227,230,246,.12)!important;
  color:var(--pj-cream)!important;
  border:1px solid rgba(227,230,246,.28)!important;
  border-radius:12px!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:all .3s var(--pj-ease)!important;
}
html body .prj-ref-shell-header .prj-ref-mobile-menu-toggle:hover,
html body .prj-ref-shell-header .prj-ref-round:hover,
html body .prf-header .prf-header-cart:hover{background:rgba(227,230,246,.24)!important;translate:0 -1px}
html body .prj-ref-shell-header svg{stroke:currentColor}
html body .prj-ref-shell-header .prj-ref-search{
  background:rgba(227,230,246,.95)!important;
  border:1px solid rgba(227,230,246,.45)!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html body .prj-ref-shell-header .prj-ref-search input{color:var(--pj-navy)!important;background:transparent!important}
html body .prj-ref-shell-header .prj-ref-search button[type="submit"]{
  background:var(--pj-orange)!important;color:var(--pj-navy)!important;border-radius:11px!important;
  transition:all .3s var(--pj-ease)!important;
}
html body .prj-ref-shell-header .prj-ref-search button[type="submit"]:hover{filter:brightness(1.07);scale:1.04}
html body .prj-ref-shell-header .prj-ref-cart-button i,
html body .prj-ref-shell-header .prj-ref-cart-button span,
html body .prf-header .prf-header-count{
  background:var(--pj-orange)!important;color:var(--pj-navy)!important;font-weight:800;
}
html body .prj-ref-shell-header .prj-ref-mobile-menu{
  background:rgba(15,22,64,.97)!important;
  border:1px solid rgba(227,230,246,.18)!important;border-radius:16px!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
html body .prj-ref-shell-header .prj-ref-mobile-menu a{color:var(--pj-cream)!important}

/* ---------- 2. Deeper blue gradients on every navy surface --------------- */
html body .prf-trending .prf-trending-panel{
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(52,70,139,.55) 0%,transparent 60%),
    radial-gradient(90% 70% at 0% 100%,rgba(52,70,139,.30) 0%,transparent 60%),
    var(--pj-grad-navy)!important;
}
html body .prf-offer-section{
  background:
    radial-gradient(100% 80% at 0% 0%,rgba(52,70,139,.5),transparent 60%),
    var(--pj-grad-navy)!important;
}
html body .prf-trending .prf-trending-panel::after{background:linear-gradient(90deg,transparent,rgba(15,22,64,.9))}
html body .prf-root .prf-product-card.prf-product-card-dark{
  background:linear-gradient(160deg,rgba(52,70,139,.40),rgba(15,22,64,.78))!important;
}
html body .prf-floating-pill{background:linear-gradient(135deg,rgba(29,43,102,.95),rgba(52,70,139,.9))!important}
html body .prj-ref-site-footer,
html body .prf-footer{background:var(--pj-grad-navy)!important;color:var(--pj-cream)}
html body .prj-ref-bottom-nav,
html body .prf-elementor-bottom-nav{
  background:var(--pj-grad-navy-glass)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  border-top:1px solid rgba(227,230,246,.16)!important;
  box-shadow:0 -12px 28px -16px rgba(15,22,64,.8)!important;
}
html body .prj-ref-bottom-nav a,
html body .prf-elementor-bottom-nav a{color:rgba(227,230,246,.85)!important;transition:all .3s var(--pj-ease)}
html body .prj-ref-bottom-nav a.is-active,
html body .prf-elementor-bottom-nav a.is-active{color:var(--pj-orange)!important}

/* ---------- 3. Single product: ONE clean buy block ----------------------- */
/* the original controls stay in the form (so WooCommerce still submits them) but are hidden */
html body.single-product .prj-real-ctl:not(#prj-x){
  position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;border:0!important;opacity:0!important;pointer-events:none!important;
}
html body.single-product form.cart .prj-single-primary-actions:not(#prj-x),
html body.single-product form.cart .prj-single-secondary-actions:not(#prj-x){
  display:block!important;position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;
}
html body.single-product form.cart:not(.grouped_form):not(#prj-x),
html body.single-product .woocommerce-variation-add-to-cart:not(#prj-x){
  display:block!important;position:relative;
}
.prj-buy-v293{display:flex;flex-direction:column;gap:8px;width:100%;margin:12px 0 0;box-sizing:border-box;clear:both}
.prj-buy-v293 *{box-sizing:border-box}
.prj-buy-row{display:grid;gap:8px;width:100%}
.prj-buy-row-1{grid-template-columns:minmax(112px,36fr) minmax(0,64fr)}
.prj-buy-row-1.no-qty{grid-template-columns:minmax(0,1fr)}
.prj-buy-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}

.prj-buy-v293 button{font-family:inherit;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.prj-buy-v293 .prj-buy-order,
.prj-buy-v293 .prj-buy-cart,
.prj-buy-v293 .prj-buy-wa,
.prj-qty-v293{
  min-height:48px;height:48px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;line-height:1.15;letter-spacing:.005em;text-align:center;
  transition:all .3s var(--pj-ease);
}
.prj-buy-v293 .prj-buy-order{
  background:var(--pj-orange);color:var(--pj-navy);border:1px solid var(--pj-orange);
  box-shadow:0 12px 22px -10px rgba(255,102,33,.75);padding:0 12px;
}
.prj-buy-v293 .prj-buy-cart{
  background:var(--pj-grad-navy);color:var(--pj-cream);border:1px solid rgba(227,230,246,.18);
  box-shadow:0 10px 20px -12px rgba(15,22,64,.85);padding:0 10px;
}
.prj-buy-v293 .prj-buy-wa{
  gap:7px;padding:0 8px;font-size:12.5px;
  background:rgba(227,230,246,.9);color:var(--pj-navy);border:1px solid rgba(52,70,139,.4);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.prj-buy-v293 .prj-buy-wa svg{flex:0 0 22px;width:22px;height:22px}
.prj-buy-v293 .prj-buy-order:hover,
.prj-buy-v293 .prj-buy-cart:hover,
.prj-buy-v293 .prj-buy-wa:hover{translate:0 -2px;filter:brightness(1.07)}
.prj-buy-v293 .prj-buy-order:active,
.prj-buy-v293 .prj-buy-cart:active,
.prj-buy-v293 .prj-buy-wa:active{translate:0 0;scale:.97}
.prj-buy-v293 .is-disabled{opacity:.6}

.prj-qty-v293{
  padding:0;overflow:hidden;gap:0;
  background:rgba(227,230,246,.9);border:1px solid rgba(52,70,139,.4);color:var(--pj-navy);
}
.prj-qty-v293 button{
  flex:0 0 36px;height:100%;border:0;background:transparent;color:var(--pj-navy);
  font-size:20px;font-weight:700;line-height:1;transition:all .3s var(--pj-ease);
}
.prj-qty-v293 button:hover{background:rgba(52,70,139,.14)}
.prj-qty-v293 input{
  flex:1 1 auto;min-width:0;width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;
  box-shadow:none!important;text-align:center;font-size:15px;font-weight:800;color:var(--pj-navy);padding:0!important;
  -moz-appearance:textfield;
}
.prj-qty-v293 input::-webkit-outer-spin-button,
.prj-qty-v293 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* trust chips: tidy, wrap instead of overflow */
html body.single-product .prj-single-trust-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
html body.single-product .prj-single-trust-row span{
  display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;
  background:rgba(227,230,246,.85);border:1px solid rgba(52,70,139,.3);color:var(--pj-navy);
  font-size:11.5px;font-weight:700;line-height:1.2;
}
html body.single-product .prj-single-trust-row i{font-style:normal;color:var(--pj-orange)}

/* ---------- 4. Gallery: image first, thumbnails below, no Sale! over thumbs */
html body.single-product .prj-gallery-fallback-thumbs:not(#prj-x),
html body.single-product .flex-control-thumbs:not(#prj-x),
html body.single-product .woocommerce-product-gallery .flex-control-nav:not(#prj-x){display:none!important}
html body.single-product .woocommerce-product-gallery:not(#prj-x){display:flex!important;flex-direction:column!important}
html body.single-product .woocommerce-product-gallery>.prj-thumbs-v292{order:3!important}
html body.single-product span.onsale:not(#prj-x){
  background:var(--pj-orange)!important;color:var(--pj-navy)!important;border:0!important;
  border-radius:999px!important;min-width:0!important;min-height:0!important;
  padding:6px 12px!important;line-height:1!important;font-size:12px!important;font-weight:800!important;
  box-shadow:0 8px 16px -8px rgba(255,102,33,.7)!important;
}

@media (max-width:640px){
  .prj-buy-row-1{grid-template-columns:minmax(104px,38fr) minmax(0,62fr)}
  .prj-buy-v293 .prj-buy-order,
  .prj-buy-v293 .prj-buy-cart,
  .prj-buy-v293 .prj-buy-wa,
  .prj-qty-v293{min-height:50px;height:50px}
  .prj-buy-v293 .prj-buy-wa{font-size:12px}
}