/*
Theme Name:  Bein IPTV
Theme URI:   https://yoursite.com
Author:      Your Name
Author URI:  https://yoursite.com
Description: Production-ready IPTV store theme for WooCommerce — Bein IPTV. Animated hero, editable homepage content, subscription + one-time pricing, WhatsApp support, SEO and conversion features.
Version:     2.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bein
Tags:        woocommerce, custom-background, custom-logo, custom-menu, full-width-template, responsive-layout, rtl-language-support, sticky-post, theme-options
Requires PHP: 7.4
Requires at least: 6.0
Tested up to: 6.5
WC requires at least: 7.0
WC tested up to: 8.5
*/

/* =========================================================
   BEIN IPTV — Main Stylesheet
   Theme variables, base reset, and global styles.
   Component styles live in assets/css/theme.css
   ========================================================= */

:root {
    --sz-p1:        #ff3c6e;
    --sz-p2:        #ff8c00;
    --sz-p3:        #7c3aff;
    --sz-p4:        #00d4aa;
    --sz-dark:      #0f0d0b;
    --sz-dark2:     #1a1714;
    --sz-bg:        #f8f5f0;
    --sz-white:     #ffffff;
    --sz-text:      #1a1714;
    --sz-muted:     #8a8278;
    --sz-border:    #e8e2d8;
    --sz-card:      #ffffff;
    --sz-grad:      linear-gradient(135deg, var(--sz-p1), var(--sz-p2));
    --sz-grad-cool: linear-gradient(135deg, var(--sz-p1), var(--sz-p3));
    --sz-radius:    16px;
    --sz-radius-lg: 24px;
    --sz-shadow:    0 20px 60px rgba(0,0,0,0.08);
    --sz-shadow-lg: 0 30px 80px rgba(0,0,0,0.15);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
    background:  var(--sz-bg);
    color:       var(--sz-text);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 300;
    line-height: 1.6;
    overflow-x:  hidden;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: var(--sz-p1); text-decoration: none; transition: color .3s; }
a:hover { color: var(--sz-p3); }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    line-height: 1.1;
    color: var(--sz-text);
}

ul { list-style: none; }

/* WooCommerce screen-reader text */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}