/*
T33 Store v17 — Porsche/Jaguar Night UX Layer
Objetivo: sensação de GPS noturno premium sem bloquear conteúdo, sem intro invasiva e sem prejudicar checkout/SEO.
*/
:root{
  --t33-night-black:#040506;
  --t33-night-panel:rgba(8,11,12,.72);
  --t33-night-panel-strong:rgba(8,11,12,.88);
  --t33-night-line:rgba(198,162,100,.105);
  --t33-night-line-soft:rgba(255,255,255,.038);
  --t33-night-amber:#d06f3d;
  --t33-night-gold:#c6a264;
  --t33-night-petrol:#0b2d31;
  --t33-night-text:#f4f0e7;
  --t33-night-muted:rgba(244,240,231,.68);
  --t33-night-ease:cubic-bezier(.19,1,.22,1);
}

@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:.28s;
  animation-timing-function:var(--t33-night-ease);
}

html{scroll-padding-top:92px;}
body.t33-store-theme{
  background:
    radial-gradient(circle at 72% -8%, rgba(11,45,49,.30), transparent 32rem),
    radial-gradient(circle at 10% 92%, rgba(208,111,61,.095), transparent 28rem),
    linear-gradient(180deg,var(--t33-night-black),#070809 44%,var(--t33-night-black))!important;
}
body.t33-store-theme::before{
  background:
    linear-gradient(90deg, rgba(198,162,100,.014) 1px, transparent 1px),
    linear-gradient(0deg, rgba(198,162,100,.010) 1px, transparent 1px),
    radial-gradient(circle at 70% 20%, rgba(11,45,49,.22), transparent 34rem)!important;
  background-size:104px 104px,104px 104px,auto!important;
  opacity:.45!important;
}

/* linha fina tipo interface automotiva */
.t33-scroll-progress{
  position:fixed;
  left:0;top:0;height:2px;width:100%;z-index:9998;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(198,162,100,.95), rgba(208,111,61,.70), transparent);
  transform-origin:left center;
  transform:scaleX(0);
  opacity:.72;
  filter:drop-shadow(0 0 10px rgba(198,162,100,.22));
}

/* Header: painel noturno preciso */
.site-header{
  min-height:74px;
  background:linear-gradient(180deg, rgba(4,5,6,.82), rgba(4,5,6,.58))!important;
  border-bottom:1px solid rgba(255,255,255,.032)!important;
  box-shadow:0 22px 92px rgba(0,0,0,.34), inset 0 -1px 0 rgba(198,162,100,.025)!important;
  transition:transform .42s var(--t33-night-ease), opacity .42s var(--t33-night-ease), background .42s var(--t33-night-ease)!important;
}
.site-header.t33-header-compact{
  transform:translateY(-2px);
  background:rgba(4,5,6,.82)!important;
}
.brand-logo-img{transition:filter .55s var(--t33-night-ease), transform .55s var(--t33-night-ease);}
.brand:hover .brand-logo-img{filter:drop-shadow(0 0 28px rgba(198,162,100,.16)); transform:translateY(-1px);}

.main-nav a,.language-nav a,.footer-links a{
  transition:opacity .34s var(--t33-night-ease), color .34s var(--t33-night-ease), transform .34s var(--t33-night-ease), border-color .34s var(--t33-night-ease), background .34s var(--t33-night-ease)!important;
}
.main-nav a:hover,.language-nav a:hover,.footer-links a:hover{transform:translateY(-1px);}
.main-nav a:focus-visible,.language-nav a:focus-visible,.button:focus-visible,.woocommerce a.button:focus-visible,.woocommerce button.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(198,162,100,.72)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(198,162,100,.08)!important;
}

/* Hero: luxo silencioso, nada de bloqueio */
.hero{isolation:isolate;}
.hero h1{letter-spacing:-.066em!important;}
.hero .lead{color:rgba(244,240,231,.70)!important;}
.hero-flagship,.visual-frame,.t33-banner-compact,.card,.woocommerce ul.products li.product,.woocommerce table.shop_table,.t33-order-tracking,.t33-drop-filters,.t33-tracking-result{
  background:linear-gradient(180deg, rgba(255,255,255,.027), rgba(255,255,255,.007))!important;
  border-color:var(--t33-night-line-soft)!important;
  box-shadow:0 34px 105px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.026), inset 0 -1px 0 rgba(0,0,0,.28)!important;
}
.hero-flagship::before,.visual-frame::before{
  border-color:rgba(198,162,100,.070)!important;
}
.hero-flagship img,.visual-frame img,.image-card img,.woocommerce ul.products li.product img{
  filter:contrast(1.045) saturate(.93) brightness(.985)!important;
}

/* Microinterações: leves e com sensação de precisão */
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce div.product form.cart .button{
  transform:translateZ(0);
  transition:transform .42s var(--t33-night-ease), border-color .42s var(--t33-night-ease), box-shadow .42s var(--t33-night-ease), background .42s var(--t33-night-ease)!important;
}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce div.product form.cart .button:hover{
  transform:translateY(-2px) translateZ(0)!important;
  box-shadow:0 24px 76px rgba(208,111,61,.10), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.button:active,.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active{
  transform:translateY(0) scale(.992)!important;
}

.card,.woocommerce ul.products li.product,.image-card,.t33-banner-compact{
  will-change:transform;
  transition:transform .56s var(--t33-night-ease), border-color .56s var(--t33-night-ease), box-shadow .56s var(--t33-night-ease)!important;
}
@media (hover:hover) and (pointer:fine){
  .card:hover,.woocommerce ul.products li.product:hover,.image-card:hover,.t33-banner-compact:hover{
    transform:translateY(-5px) scale(1.004)!important;
    border-color:rgba(198,162,100,.18)!important;
  }
  .t33-banner-compact:hover img,.image-card:hover img,.woocommerce ul.products li.product:hover img{
    transform:scale(1.018)!important;
  }
}

/* Product cards mais caros, sem cara de marketplace */
.woocommerce ul.products li.product{
  position:relative;
  padding:14px!important;
}
.woocommerce ul.products li.product::after{
  content:""; position:absolute; inset:10px; border-radius:22px;
  border:1px solid rgba(198,162,100,.040); pointer-events:none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin-top:16px!important;
  font-size:1.12rem!important;
  line-height:1.14!important;
}
.woocommerce ul.products li.product .price{letter-spacing:.02em;}
.woocommerce ul.products li.product .button{margin-top:12px!important; width:100%;}

/* Página de produto: foco de compra, leitura premium */
body.single-product .summary,
body.woocommerce-checkout .woocommerce,
body.woocommerce-cart .woocommerce{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
  border:1px solid rgba(255,255,255,.035);
  border-radius:28px;
  padding:clamp(18px,3vw,34px);
  box-shadow:0 26px 88px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
}
.t33-product-signal{
  margin:22px 0 8px!important;
}
.t33-product-signal span{
  min-height:34px;
  display:inline-flex;align-items:center;
  border-color:rgba(198,162,100,.18)!important;
  background:rgba(255,255,255,.018)!important;
}

/* Checkout: zero distração visual */
body.woocommerce-checkout .whatsapp-pill,
body.woocommerce-cart .whatsapp-pill,
body.woocommerce-checkout .t33-mobile-bottom-bar{display:none!important;}
body.woocommerce-checkout .site-footer{opacity:.72;}
body.woocommerce-checkout .site-header{background:rgba(4,5,6,.90)!important;}
body.woocommerce-checkout{padding-bottom:0!important;}

/* Formulários: iPhone friendly */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce select,
.select2-container--default .select2-selection--single,
.t33-contact-form input,.t33-contact-form textarea{
  min-height:50px!important;
  font-size:16px!important;
  border-color:rgba(198,162,100,.18)!important;
  transition:border-color .32s var(--t33-night-ease), box-shadow .32s var(--t33-night-ease), background .32s var(--t33-night-ease)!important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce select:focus,
.t33-contact-form input:focus,.t33-contact-form textarea:focus{
  border-color:rgba(198,162,100,.55)!important;
  box-shadow:0 0 0 5px rgba(198,162,100,.075)!important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:var(--t33-night-text)!important;
  -webkit-box-shadow:0 0 0 1000px #11131a inset!important;
  transition:background-color 9999s ease-in-out 0s;
}

/* Mobile: experiência principal */
@media(max-width:980px){
  html{scroll-padding-top:82px;}
  .site-header{min-height:66px!important;}
  .hero{padding-top:56px!important;}
  .hero h1{font-size:clamp(3.0rem,14.4vw,5.3rem)!important;}
  .hero .lead{font-size:1.04rem!important;line-height:1.58!important;}
  .actions{gap:11px!important;}
  .actions .button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{min-height:52px!important;}
  .t33-banner-copy{box-shadow:0 24px 70px rgba(0,0,0,.34)!important;}
  .woocommerce div.product div.summary{margin-top:24px!important;}
  .woocommerce div.product .product_title{font-size:clamp(2.15rem,9vw,3.4rem)!important;}
  .woocommerce div.product p.price,.woocommerce div.product span.price{font-size:1.25rem!important;}
  body.t33-store-theme{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));}
  body.woocommerce-cart,body.woocommerce-checkout{padding-bottom:0!important;}
  .t33-mobile-bottom-bar{
    left:10px!important;right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    border-radius:24px!important;
    padding:9px!important;
  }
  .t33-mobile-bottom-bar a{min-height:48px!important;}
}

@media(max-width:560px){
  .section{padding-top:78px!important;padding-bottom:78px!important;}
  .grid{gap:16px!important;}
  .card{border-radius:22px!important;padding:22px!important;}
  .t33-banner-compact{border-radius:24px!important;}
  .t33-banner-copy strong{font-size:1.38rem!important;}
  .premium-footer .footer-links{gap:13px!important;}
}

/* Acessibilidade/performance: animações respeitam o sistema */
@media (prefers-reduced-motion: reduce){
  @view-transition { navigation: none; }
  .t33-scroll-progress{display:none!important;}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .t33-mouse-light{display:none!important;}
}
@media (update: slow){
  .t33-mouse-light,.hero-flagship::before,.hero-flagship::after{display:none!important;}
  .card,.visual-frame,.woocommerce ul.products li.product{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}