/*
Theme Name: IPTV UK Club
Theme URI: https://iptvukclub.com/
Author: IPTV UK Club
Author URI: https://iptvukclub.com/
Description: Modern UK-focused IPTV WordPress theme for IPTV UK Club.
Version: 1.0.0
Text Domain: iptvukclub
*/

/* =========================================================
   IPTV UK CLUB – GLOBAL STYLES
========================================================= */

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

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:#07090d;
    color:#f7f8fa;
    font-family:
        'Inter',
        'Segoe UI',
        Arial,
        sans-serif;
    overflow-x:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

button,
input,
textarea,
select{
    font:inherit;
}

.container{
    width:100%;
    max-width:1240px;
    margin:auto;
    padding:0 22px;
}

/* =========================================================
   COLORS
========================================================= */

:root{

    --uk-red:#e91e3a;
    --uk-red-dark:#b90f2b;
    --uk-red-light:#ff5268;

    --bg:#07090d;
    --bg-soft:#0c1017;
    --card:#10151e;

    --white:#ffffff;
    --text:#f7f8fa;

    --muted:#9ca7b5;
    --muted-dark:#6f7b89;

    --border:rgba(255,255,255,.09);

    --green:#25d366;

    --shadow:
        0 25px 70px rgba(0,0,0,.35);
}

/* =========================================================
   BUTTONS
========================================================= */

.uk-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:15px 27px;

    border-radius:12px;

    font-weight:900;

    background:
        linear-gradient(
            135deg,
            var(--uk-red-light),
            var(--uk-red-dark)
        );

    color:#fff;

    border:none;

    cursor:pointer;

    box-shadow:
        0 14px 35px rgba(233,30,58,.25);

    transition:.25s ease;
}

.uk-btn:hover{
    transform:translateY(-3px);

    box-shadow:
        0 18px 45px rgba(233,30,58,.35);
}

.uk-btn-outline{
    background:rgba(255,255,255,.03);

    border:1px solid
        rgba(255,255,255,.13);

    box-shadow:none;
}

.uk-btn-outline:hover{
    background:rgba(255,255,255,.07);

    border-color:
        rgba(255,255,255,.25);
}

/* =========================================================
   SECTION
========================================================= */

.uk-section{
    padding:105px 0;
}

.uk-section-dark{
    background:#080b10;
}

.uk-section-soft{
    background:#0c1118;
}

.uk-section-heading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.uk-eyebrow{
    display:inline-block;

    color:var(--uk-red-light);

    text-transform:uppercase;

    font-size:11px;

    letter-spacing:2px;

    font-weight:950;

    margin-bottom:13px;
}

.uk-section-heading h2{
    font-size:42px;

    line-height:1.15;

    letter-spacing:-1px;

    margin-bottom:17px;
}

.uk-section-heading h2 span{
    color:var(--uk-red-light);
}

.uk-section-heading p{
    color:#8e99a8;

    font-size:16px;

    line-height:1.8;
}

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

@media(max-width:900px){

    .container{
        padding:0 20px;
    }

    .uk-section{
        padding:80px 0;
    }

    .uk-section-heading h2{
        font-size:35px;
    }
}

@media(max-width:600px){

    .container{
        padding:0 17px;
    }

    .uk-section{
        padding:70px 0;
    }

    .uk-section-heading h2{
        font-size:30px;
    }

    .uk-btn{
        width:100%;
    }
}