/*
Theme Name: Streamdeep IPTV Child
Theme URI: https://iptvstreamingservices.us/
Description: Update-safe child theme for the Streamdeep IPTV landing page.
Author: IPTV Streaming Services
Template: hello-elementor
Version: 1.0.4
Text Domain: streamdeep-child
*/

@font-face { font-family: "Plus Jakarta Sans"; src: url("assets/plus-jakarta-sans-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("assets/plus-jakarta-sans-500.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("assets/plus-jakarta-sans-600.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("assets/plus-jakarta-sans-700.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("assets/plus-jakarta-sans-800.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/ibm-plex-mono-400.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/ibm-plex-mono-500.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }

:root {
  --sd-bg: #FFFFFF;
  --sd-surface: #F4F5F6;
  --sd-ink: #0E0F11;
  --sd-muted: #5A5F66;
  --sd-line: #E4E6E9;
  --sd-lime: #9BE15D;
  --sd-cyan: #34C6E8;
  --sd-blue: #5B8DF6;
  --sd-dark: #08090A;
  --sd-gradient: linear-gradient(97deg, var(--sd-lime) 0%, #3FD4B4 40%, var(--sd-cyan) 70%, var(--sd-blue) 100%);
  --sd-font-display: "Plus Jakarta Sans", "Aptos Display", "Segoe UI", sans-serif;
  --sd-font-body: "Plus Jakarta Sans", Aptos, "Segoe UI", sans-serif;
  --sd-font-mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;
}

html { scroll-behavior: smooth; }
body.streamdeep-landing {
  margin: 0;
  background: var(--sd-bg);
  color: var(--sd-ink);
  font-family: var(--sd-font-body);
  -webkit-font-smoothing: antialiased;
}
.streamdeep-landing *, .streamdeep-landing *::before, .streamdeep-landing *::after { box-sizing: border-box; }
.streamdeep-landing a { color: var(--sd-ink); text-decoration: none; }
.streamdeep-landing button { font: inherit; border: 0; cursor: pointer; }
.streamdeep-landing a:hover { color: #2FB7C9; }
.streamdeep-header-logo { display:flex;align-items:center;flex:1 0 auto;min-width:0; }
.streamdeep-header-logo .custom-logo-link,
.streamdeep-footer-logo .custom-logo-link { display:inline-flex;align-items:center; }
.streamdeep-header-logo .custom-logo { display:block;width:auto;height:auto;max-height:48px;max-width:min(300px,42vw);object-fit:contain; }
.streamdeep-footer-logo { margin-bottom:16px; }
.streamdeep-footer-logo .custom-logo { display:block;width:auto;height:auto;max-height:44px;max-width:min(280px,72vw);object-fit:contain; }
.streamdeep-landing summary::-webkit-details-marker { display: none; }
.streamdeep-landing .iptv-desktop-only { display: contents; }
.streamdeep-landing .iptv-mobile-only,
.streamdeep-landing .iptv-mobile-menu { display: none; }
.streamdeep-landing details[open] summary svg { transform: rotate(45deg); }
.streamdeep-landing details summary svg { transition: transform .18s ease; }
.streamdeep-landing a[href="#pricing"]:hover { filter: brightness(1.04); }
.streamdeep-landing #iptv-menu-toggle:focus-visible,
.streamdeep-landing a:focus-visible,
.streamdeep-landing summary:focus-visible {
  outline: 3px solid var(--sd-cyan);
  outline-offset: 3px;
}
@keyframes drift { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.streamdeep-logo-marquee {
  margin-top: clamp(30px, 4vw, 48px);
  overflow: hidden;
  outline: none;
  mask-image: linear-gradient(90deg, transparent 0, #0E0F11 7%, #0E0F11 93%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #0E0F11 7%, #0E0F11 93%, transparent 100%);
}
.streamdeep-logo-track { display:flex;width:max-content;animation:drift 42s linear infinite;will-change:transform; }
.streamdeep-logo-group { display:flex;align-items:center;gap:16px;padding-right:16px; }
.streamdeep-logo-card {
  width: 190px;
  height: 92px;
  flex: 0 0 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 22px;
  overflow: hidden;
  border: 1px solid #E4E6E9;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: 0 12px 28px -24px rgba(14,15,17,0.38);
}
.streamdeep-logo-card img { display:block;width:auto;height:auto;max-width:100%;max-height:60px;object-fit:contain; }
.streamdeep-logo-marquee:hover .streamdeep-logo-track,
.streamdeep-logo-marquee:focus-visible .streamdeep-logo-track { animation-play-state:paused; }

@media (max-width: 899px) {
  .streamdeep-header-logo .custom-logo { max-height:42px;max-width:44vw; }
  .streamdeep-landing .iptv-desktop-only { display: none !important; }
  .streamdeep-landing .iptv-mobile-only { display: contents; }
  .streamdeep-landing .iptv-mobile-menu:not([hidden]) { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .streamdeep-logo-track { animation:none !important;transform:none !important; }
  .streamdeep-landing * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}