/* =====================================================
   IPTVSTORM — CUSTOM DESIGN v2.1 (FIXED)
   Surgical overrides only — preserves Elementor layouts
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@300;400;500;600;700&display=swap');

:root {
  --iptv-orange:  #FF6B00;
  --iptv-yellow:  #FFD600;
  --iptv-dark:    #0A0A0F;
  --iptv-dark2:   #111118;
  --iptv-dark3:   #18181F;
  --iptv-dark4:   #22222C;
  --iptv-white:   #FFFFFF;
  --iptv-grey:    #9090A8;
  --iptv-green:   #00E676;
}

/* =====================================================
   ANNOUNCEMENT BAR
   ===================================================== */

#iptv-announcement-bar {
  background: linear-gradient(90deg, #FF6B00, #FF8C00, #FFD600);
  color: #000 !important;
  text-align: center;
  padding: 10px 20px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  z-index: 99999;
  box-sizing: border-box;
}

#iptv-announcement-bar a {
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 900;
}

/* =====================================================
   TRUST BAR
   ===================================================== */

#iptv-trust-bar {
  background: #18181F;
  border-bottom: 1px solid rgba(255,107,0,0.15);
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  z-index: 998;
  box-sizing: border-box;
  clear: both;
}

.iptv-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9090A8 !important;
  white-space: nowrap;
}

.iptv-trust-item span { color: #9090A8 !important; }

/* =====================================================
   FONTS — safe application
   ===================================================== */

body { font-family: 'Barlow', sans-serif; }

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* =====================================================
   BUTTONS — appearance only, no layout changes
   ===================================================== */

.elementor-button {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-button:hover {
  transform: translateY(-2px) !important;
}

/* =====================================================
   PRICING TABLES — typography only, no color overrides
   ===================================================== */

.elementor-price-table .elementor-price-table__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 26px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

.elementor-price-table .elementor-price-table__subheading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

.elementor-price-table .elementor-price-table__price {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
}

/* Card hover lift */
.elementor-widget-price-table .elementor-widget-container {
  transition: transform 0.2s ease !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.elementor-widget-price-table .elementor-widget-container:hover {
  transform: translateY(-6px) !important;
}

/* =====================================================
   COUNTERS — fonts only, NO number manipulation
   ===================================================== */

.elementor-counter .elementor-counter-number-wrapper,
.elementor-counter .elementor-counter-number {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
}

.elementor-counter .elementor-counter-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* =====================================================
   FAQ
   ===================================================== */

.elementor-accordion .elementor-tab-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {
  #iptv-trust-bar { gap: 12px; padding: 8px 12px; }
  .iptv-trust-item { font-size: 11px; }
  #iptv-announcement-bar { font-size: 11px; padding: 8px 12px; }
}

@media (max-width: 480px) {
  #iptv-trust-bar { gap: 8px; }
  .iptv-trust-item { font-size: 10px; }
}