/* ================================================================
   TELEXICO LUXURY 2026 — Safe Global Overlay
   Purpose: premium warm cinematic layer WITHOUT changing SEO content
   Load AFTER styles.css?v=79
   ================================================================ */

:root{
  --tx-base:#020617;
  --tx-depth:#0B0F1A;
  --tx-surface:rgba(255,255,255,.045);
  --tx-border:rgba(255,255,255,.10);
  --tx-white:#F8FAFC;
  --tx-muted:#CBD5F5;
  --tx-violet:#8B5CF6;
  --tx-blue:#2563EB;
  --tx-cyan:#00E0FF;
  --tx-pink:#EC4899;
  --tx-pink-soft:#FBCFE8;
  --tx-plum:#2A0F1F;
  --tx-champagne:#D6B57A;
}

html{scroll-behavior:smooth}
body.tx-luxury-2026{
  background:var(--tx-base)!important;
  color:var(--tx-white);
  overflow-x:hidden;
}
body.tx-luxury-2026::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,255,255,.075),transparent 30%),
    radial-gradient(circle at 76% 18%,rgba(236,72,153,.075),transparent 24%),
    radial-gradient(circle at 24% 76%,rgba(214,181,122,.10),transparent 28%),
    radial-gradient(circle at 14% 88%,rgba(42,15,31,.82),transparent 32%),
    linear-gradient(135deg,#020617 0%,rgba(30,27,75,.48) 52%,rgba(42,15,31,.72) 100%);
}
body.tx-luxury-2026::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.075;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.18) 0 1px,transparent 1px),
    radial-gradient(circle at 80% 70%,rgba(255,255,255,.12) 0 1px,transparent 1px);
  background-size:38px 38px,54px 54px;
  mix-blend-mode:overlay;
}

/* Keep navigation premium, not loud */
body.tx-luxury-2026 .topbar,
body.tx-luxury-2026 .ann-bar{
  background:rgba(2,6,23,.86)!important;
  color:rgba(248,250,252,.82)!important;
  border-color:rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px);
}
body.tx-luxury-2026 nav,
body.tx-luxury-2026 .navbar{
  background:rgba(2,6,23,.72)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(20px)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.18)!important;
}
body.tx-luxury-2026 nav a,
body.tx-luxury-2026 .navbar a{color:rgba(248,250,252,.84)}
body.tx-luxury-2026 .nav-logo,
body.tx-luxury-2026 .nav-logo span{color:#fff!important}

/* Hero / major sections become cinematic */
body.tx-luxury-2026 .hero-elite,
body.tx-luxury-2026 .hero,
body.tx-luxury-2026 section:first-of-type{
  background:
    radial-gradient(circle at 76% 20%,rgba(236,72,153,.10),transparent 30%),
    radial-gradient(circle at 22% 80%,rgba(214,181,122,.10),transparent 30%),
    linear-gradient(135deg,#020617 0%,rgba(30,27,75,.55) 55%,rgba(42,15,31,.72) 100%)!important;
  color:var(--tx-white)!important;
  position:relative;
  overflow:hidden;
}
body.tx-luxury-2026 .hero-elite::after,
body.tx-luxury-2026 .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.36),transparent 70%);
}
body.tx-luxury-2026 h1,
body.tx-luxury-2026 .hero-elite h1,
body.tx-luxury-2026 .hero h1{
  color:var(--tx-white)!important;
  letter-spacing:-.065em;
}
body.tx-luxury-2026 h1 .grad,
body.tx-luxury-2026 .grad{
  background:linear-gradient(135deg,#F8FAFC 0%,#FBCFE8 56%,#EC4899 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:0 0 28px rgba(236,72,153,.12);
}
body.tx-luxury-2026 .hero-sub,
body.tx-luxury-2026 .section-p,
body.tx-luxury-2026 .section-sub,
body.tx-luxury-2026 p{color:rgba(203,213,245,.76)}

/* Luxury glass / liquid panels */
body.tx-luxury-2026 .hero-form,
body.tx-luxury-2026 .stat-card,
body.tx-luxury-2026 .feature-card,
body.tx-luxury-2026 .benefit-card,
body.tx-luxury-2026 .product-card,
body.tx-luxury-2026 .elite-review,
body.tx-luxury-2026 .elite-related-col,
body.tx-luxury-2026 .faq-item,
body.tx-luxury-2026 .card,
body.tx-luxury-2026 .prov-card{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--tx-white)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 90px rgba(0,0,0,.22)!important;
  position:relative;
  overflow:hidden;
}
body.tx-luxury-2026 .hero-form::before,
body.tx-luxury-2026 .stat-card::before,
body.tx-luxury-2026 .feature-card::before,
body.tx-luxury-2026 .benefit-card::before,
body.tx-luxury-2026 .product-card::before,
body.tx-luxury-2026 .elite-review::before,
body.tx-luxury-2026 .elite-related-col::before,
body.tx-luxury-2026 .faq-item::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 30%,rgba(236,72,153,.08) 58%,transparent 78%);
  opacity:.65;
}
body.tx-luxury-2026 .stat-card:hover,
body.tx-luxury-2026 .feature-card:hover,
body.tx-luxury-2026 .benefit-card:hover,
body.tx-luxury-2026 .product-card:hover,
body.tx-luxury-2026 .elite-review:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(236,72,153,.24)!important;
  box-shadow:0 28px 100px rgba(0,0,0,.32),0 0 42px rgba(139,92,246,.08)!important;
}

/* Buttons / CTAs */
body.tx-luxury-2026 .btn-primary,
body.tx-luxury-2026 .nav-cta,
body.tx-luxury-2026 .form-submit,
body.tx-luxury-2026 .mob-quote{
  background:linear-gradient(135deg,#2563EB 0%,#8B5CF6 50%,#EC4899 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 65px rgba(37,99,235,.22),0 0 42px rgba(236,72,153,.12)!important;
}
body.tx-luxury-2026 .btn-primary:hover,
body.tx-luxury-2026 .nav-cta:hover,
body.tx-luxury-2026 .form-submit:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 24px 82px rgba(37,99,235,.30),0 0 46px rgba(236,72,153,.16)!important;
}
body.tx-luxury-2026 .btn-ghost,
body.tx-luxury-2026 .btn-secondary,
body.tx-luxury-2026 .btn-ghost-light{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(12px);
}

/* Section rhythm */
body.tx-luxury-2026 .section-light,
body.tx-luxury-2026 .stats,
body.tx-luxury-2026 .reviews,
body.tx-luxury-2026 footer{
  background:rgba(11,15,26,.84)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.07)!important;
}
body.tx-luxury-2026 .section-dark,
body.tx-luxury-2026 .providers,
body.tx-luxury-2026 .elite-cta{
  background:linear-gradient(135deg,#020617 0%,rgba(30,27,75,.72) 54%,rgba(42,15,31,.78) 100%)!important;
}
body.tx-luxury-2026 .section-chip,
body.tx-luxury-2026 .hero-pill{
  background:rgba(236,72,153,.075)!important;
  color:#FBCFE8!important;
  border:1px solid rgba(236,72,153,.22)!important;
}

/* Signature power word */
.tx-power-stage{
  position:relative;
  z-index:2;
  height:0;
  pointer-events:none;
}
.tx-mega-word{
  position:absolute;
  left:clamp(16px,5vw,74px);
  top:clamp(24px,7vw,84px);
  font-size:clamp(72px,15vw,220px);
  line-height:.75;
  letter-spacing:-.095em;
  font-weight:950;
  opacity:.13;
  background:linear-gradient(90deg,#fff,#FBCFE8,#EC4899);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  white-space:nowrap;
  z-index:0;
}
.tx-section-label{
  display:inline-flex;
  color:rgba(251,207,232,.76);
  font-size:12px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.tx-luxury-divider{
  width:100%;height:1px;margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(214,181,122,.16),rgba(236,72,153,.18),transparent);
  box-shadow:0 0 26px rgba(236,72,153,.08);
}

/* Desktop conversion strip. Existing .mob-bar remains for mobile. */
.tx-luxury-cta-strip{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:9997;
  width:min(920px,calc(100% - 36px));
  border-radius:999px;
  background:rgba(2,6,23,.76);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 90px rgba(0,0,0,.38),0 0 45px rgba(236,72,153,.08);
  padding:10px;
  display:flex;
  gap:8px;
  justify-content:center;
  align-items:center;
}
.tx-luxury-cta-strip a{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;padding:13px 18px;
  color:rgba(248,250,252,.92);text-decoration:none;font-weight:850;font-size:14px;
  white-space:nowrap;transition:.35s ease;
}
.tx-luxury-cta-strip a:first-child{
  background:linear-gradient(135deg,#F8FAFC 0%,#FBCFE8 55%,#EC4899 100%);
  color:#020617;box-shadow:0 16px 45px rgba(236,72,153,.18);
}
.tx-luxury-cta-strip a:hover{transform:translateY(-2px);background-color:rgba(255,255,255,.075)}
body.tx-luxury-2026{padding-bottom:90px!important}

/* Mobile: do not fight existing mobile bar */
@media(max-width:900px){
  .tx-luxury-cta-strip{display:none!important}
  body.tx-luxury-2026{padding-bottom:80px!important}
  .tx-mega-word{opacity:.08;top:22px;font-size:clamp(54px,19vw,128px)}
  body.tx-luxury-2026 nav{top:0!important;padding-left:18px!important;padding-right:18px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* === UNIVERSAL LUXURY COMPONENTS — work on every page with .tx-luxury-2026 === */

/* Sheen gradients work everywhere */
body.tx-luxury-2026 .white-pink-sheen{
  background:linear-gradient(135deg,#F8FAFC 0%,#FBCFE8 55%,#EC4899 100%);
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:0 0 28px rgba(236,72,153,.12);
}
body.tx-luxury-2026 .pink-sheen{
  background:linear-gradient(135deg,#F8FAFC 0%,#F7C2DA 44%,#EC4899 92%);
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
body.tx-luxury-2026 .micro-pink{color:#F7C2DA!important}

/* Glass utility on any element */
body.tx-luxury-2026 .tx-glass{
  position:relative;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 24px 90px rgba(0,0,0,.28);
}
body.tx-luxury-2026 .tx-glass::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 30%,rgba(214,181,122,.08) 58%,transparent 78%);
  opacity:.7;
}

/* Universal eyebrow style */
body.tx-luxury-2026 .tx-eyebrow,
body.tx-luxury-2026 .eyebrow{
  color:rgba(214,181,122,.85)!important;
  font-size:11px!important;
  letter-spacing:.34em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  margin-bottom:14px!important;
  display:block;
}

/* Universal premium badge */
body.tx-luxury-2026 .tx-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(214,181,122,.22);
  background:rgba(255,255,255,.035);
  color:rgba(203,213,245,.86);
  font-size:13px;
  font-weight:600;
  margin-bottom:18px;
  backdrop-filter:blur(14px);
}

/* Champagne dot accent */
body.tx-luxury-2026 .tx-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#D6B57A;
  box-shadow:0 0 20px rgba(214,181,122,.65);
  display:inline-block;
}

/* Cinematic divider line */
body.tx-luxury-2026 .tx-cinematic-line{
  width:190px;
  height:1px;
  margin:0 0 26px;
  background:linear-gradient(90deg,rgba(214,181,122,.72),rgba(236,72,153,.22),transparent);
  box-shadow:0 0 22px rgba(214,181,122,.22);
}

/* Mega word for service pages too */
body.tx-luxury-2026 .tx-mega-word-section{
  font-size:clamp(60px,12vw,180px);
  line-height:.75;
  letter-spacing:-.095em;
  font-weight:950;
  opacity:.10;
  background:linear-gradient(90deg,#fff,#FBCFE8,#EC4899);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  margin-bottom:22px;
}

/* Bento card universal */
body.tx-luxury-2026 .tx-bento-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
  padding:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:.5s ease;
}
body.tx-luxury-2026 .tx-bento-card:hover{
  transform:translateY(-5px);
  border-color:rgba(236,72,153,.22);
  background:rgba(255,255,255,.052);
}

/* Universal Inter font fallback for elite pages so headings look luxury */
body.tx-luxury-2026 h1, body.tx-luxury-2026 h2 {
  letter-spacing:-.06em;
}

/* Universal scribble underline */
body.tx-luxury-2026 .tx-scribble{
  display:inline-block;
  position:relative;
}
body.tx-luxury-2026 .tx-scribble::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:-7px;
  height:8px;
  border-bottom:2px solid rgba(236,72,153,.55);
  border-radius:60%;
  transform:rotate(-1deg);
  opacity:.8;
}

/* Tactile divider line - works site-wide */
body.tx-luxury-2026 .tx-tactile-line{
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.045);
  background:linear-gradient(90deg,transparent,rgba(236,72,153,.07),transparent);
  height:12px;
  margin:0;
}
body.tx-luxury-2026 .tx-divider-luxury{
  width:100%;
  height:1px;
  margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(214,181,122,.18),rgba(236,72,153,.18),transparent);
  box-shadow:0 0 26px rgba(236,72,153,.08);
}

/* Inter font for luxury body */
body.tx-luxury-2026{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Manrope',sans-serif!important;
}
