/*
Theme Name: BestIPTVLite
Theme URI: https://bestiptvlite.com
Author: BestIPTVLite
Author URI: https://bestiptvlite.com
Description: A lightweight WordPress theme for BestIPTVLite IPTV service.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bestiptvlite
Tags: iptv, streaming, dark, one-page
*/

/* =============================================================
   RESET & BASE
============================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'DM Sans',sans-serif;background:#07090F;color:#E8EAF0;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}

:root{
  --cyan:#00D4FF;--orange:#FF6B35;--green:#00E676;
  --bg:#07090F;--card:#0F1520;--card-h:#141C2B;
  --white:#FFFFFF;--muted:#8892A4;
  --border:rgba(255,255,255,0.07);--border-c:rgba(0,212,255,0.25);
  --fh:'Bebas Neue',sans-serif;--fb:'DM Sans',sans-serif;
  --r:14px;--shadow:0 8px 40px rgba(0,0,0,.6);
  --container-w: 1180px;
  --nav-h: 70px;
}

/* =============================================================
   UTILITIES
============================================================= */
.container{width:92%;max-width:var(--container-w);margin:0 auto}

/* =============================================================
   HEADER / NAV
============================================================= */
#site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(7,9,15,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:background .3s}
#site-nav.scrolled{background:rgba(7,9,15,.97)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:20px}
#site-nav .nav-logo img{height:45px !important;width:auto !important;display:block;}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-links a{font-size:.85rem;font-weight:500;color:var(--muted);transition:color .2s;letter-spacing:.2px;white-space:nowrap}
.nav-links a:hover{color:#fff}
.nav-cta{padding:10px 22px;font-size:.875rem}
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;flex-direction:column;background:#0a0c14;border-top:1px solid var(--border)}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:15px 24px;font-size:.95rem;font-weight:500;border-bottom:1px solid var(--border);color:var(--muted)}
.mobile-nav a:hover{color:#fff}
@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}}

/* =============================================================
   FOOTER
============================================================= */
#site-footer{background:#050710;border-top:1px solid var(--border);padding:40px 0 24px;margin-top:auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--border);margin-bottom:32px}
.footer-logo img{height:40px;width:auto;margin-bottom:16px}
.footer-desc{font-size:.87rem;color:var(--muted);line-height:1.75;max-width:300px}
.footer-desc strong{color:var(--muted)}
.footer-col h4{font-family:var(--fh);font-size:1rem;letter-spacing:1px;color:#fff;margin-bottom:16px}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{font-size:.86rem;color:var(--muted);transition:color .2s}
.footer-col ul li a:hover{color:var(--cyan)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer-pay{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.footer-copy{font-size:.8rem;color:var(--muted)}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a{font-size:.8rem;color:var(--muted);transition:color .2s}
.footer-legal a:hover{color:var(--cyan)}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr}}

/* =============================================================
   LOGO GUARDRAIL — max-width enforced on all pages
============================================================= */
.nav-logo img,
.footer-logo img,
.custom-logo-link img {
    max-width: 160px !important;
    width: auto;
}
#site-nav .nav-logo img {
    height: 45px !important;
    max-width: 160px !important;
}
.footer-logo img {
    height: 40px !important;
    max-width: 160px !important;
}

/* =============================================================
   MAIN CONTENT
============================================================= */
#main-content { padding-top: var(--nav-h); min-height: 80vh; }

/* =============================================================
   LOGO OVERRIDE — woocommerce-page body class fix
============================================================= */
body .nav-logo img,
body .footer-logo img,
body .custom-logo-link img,
body.woocommerce-account .nav-logo img,
body.woocommerce-account .footer-logo img,
body.woocommerce-account .custom-logo-link img,
html body header .custom-logo,
html body .footer-logo img {
    max-width: 160px !important;
    max-height: 45px !important;
    width: auto !important;
    height: auto !important;
}

/* =============================================================
   CHECKOUT REDESIGN — right column
============================================================= */

/* YOUR ORDER heading */
.co-order-heading {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #00D4FF;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,212,255,0.15);
}

/* Product / subtotal / total rows */
.co-order-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 6px 0;
}
.co-item-name { color: #E8EAF0; font-size: 0.9rem; }
.co-item-price { color: #E8EAF0; font-size: 0.9rem; font-weight: 600; }

.co-order-subtotal .co-row-label,
.co-order-subtotal .co-row-value { color: #8892A4; font-size: 0.85rem; }
.co-order-subtotal .co-row-value .woocommerce-Price-amount { color: #8892A4; }

.co-order-total { padding: 10px 0 6px; }
.co-order-total .co-row-label { color: #E8EAF0; font-size: 1rem; font-weight: 700; }
.co-order-total .co-row-value,
.co-order-total .co-row-value .woocommerce-Price-amount {
    color: #00D4FF;
    font-size: 1.2rem;
    font-weight: 700;
}

/* Divider after total */
.co-order-divider {
    border: none;
    border-top: 1px solid rgba(0,212,255,0.2);
    margin: 8px 0 0;
}

/* Strip #payment visual chrome — nonces + button stay in DOM */
#order_review #payment {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 14px;
}
#order_review #payment ul.payment_methods { display: none !important; }
#order_review #payment div.payment_box   { display: none !important; }
#order_review #payment .form-row.place-order { padding: 0 !important; margin: 0 !important; }

/* Place Order button — full width */
#order_review #payment #place_order {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    font-size: 1rem !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    margin-top: 0 !important;
    box-shadow: 0 0 24px rgba(0,212,255,.4) !important;
}

/* Post-button wrapper */
.co-post-payment { margin-top: 12px; }

/* Trust line */
.co-trust-line {
    text-align: center;
    color: #8892A4;
    font-size: 11px;
    margin: 0 0 12px;
    line-height: 1.5;
}

/* Compact payment icons strip */
.co-payments-strip {
    text-align: center;
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 10px;
}
.co-payments-strip img {
    max-width: 180px;
    height: auto;
    opacity: 0.7;
    margin: 0 auto;
    display: block;
}

/* Compact loyalty line */
.co-loyalty-line {
    background: rgba(0,212,255,.05);
    border: 1px solid rgba(0,212,255,.15);
    border-radius: 8px;
    padding: 9px 14px;
    font-size: 12px;
    color: #8892A4;
    margin-bottom: 10px;
    line-height: 1.5;
}
.co-loyalty-line strong { color: #00D4FF; }

/* How it works accordion */
.co-how-it-works {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    overflow: hidden;
}
.co-how-it-works summary {
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #00D4FF;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background .2s;
}
.co-how-it-works summary::-webkit-details-marker { display: none; }
.co-how-it-works[open] summary {
    background: rgba(0,212,255,.06);
    border-bottom: 1px solid rgba(0,212,255,.1);
}
.co-how-body {
    padding: 10px 14px 12px;
    font-size: 12px;
    color: #8892A4;
    line-height: 1.8;
}
.co-how-body p { margin: 0; }

/* Checkout order review high-specificity overrides */
body.woocommerce-checkout #order_review { background: #0a1628; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 24px; }
body.woocommerce-checkout .co-order-heading { text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; color: #00D4FF; font-weight: 500; margin-bottom: 16px; }
body.woocommerce-checkout .co-order-row { display: flex !important; justify-content: space-between !important; align-items: center; padding: 6px 0; font-size: 14px; color: #e2e8f0; }
body.woocommerce-checkout .co-order-subtotal { color: #94a3b8; font-size: 13px; }
body.woocommerce-checkout .co-order-total { font-size: 20px; font-weight: 500; padding: 8px 0 14px; }
body.woocommerce-checkout .co-order-total span:last-child { color: #00D4FF; }
body.woocommerce-checkout .co-order-divider { border-bottom: 0.5px solid #1e3050; margin-bottom: 14px; }
body.woocommerce-checkout #place_order { width: 100% !important; background: #00D4FF !important; color: #000 !important; padding: 16px !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; margin-bottom: 10px; }
body.woocommerce-checkout .co-loyalty-line { background: #0f1f38; border-radius: 6px; padding: 8px 10px; font-size: 11px; color: #cbd5e1; margin-bottom: 8px; }
body.woocommerce-checkout .co-how-it-works { background: #0f1f38; border-radius: 6px; padding: 8px 10px; font-size: 11px; color: #cbd5e1; }
body.woocommerce-checkout .co-how-it-works summary { cursor: pointer; list-style: none; }
body.woocommerce-checkout #payment ul.wc_payment_methods, body.woocommerce-checkout #payment .payment_box, body.woocommerce-checkout #payment > h3 { display: none !important; }