/*
Theme Name: EC Store
Theme URI:
Author: Haytham Elsayed
Description: Luxury Dark WooCommerce Theme
Version: 1.0
Text Domain: ec-store
*/


:root {
    --ec-black: #0b0b0b;
    --ec-dark: #151515;
    --ec-gold: #c9a227;
    --ec-white: #ffffff;
    --ec-gray: #888;
}


/* GLOBAL */

* {
    box-sizing: border-box;
}


html,
body {
    margin:0;
    padding:0;
}


body {
    background:var(--ec-black);
    color:var(--ec-white);
    font-family:"Cairo", Arial, sans-serif;
}


a {
    color:#fff;
    text-decoration:none;
}


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



/* =====================
   HEADER
===================== */


.ec-header {
    background:var(--ec-black);
    position:relative;
    z-index:99;
}



/* TOP MOVING BAR */


.ec-topbar {

    width:100%;
    height:45px;

    background:
    linear-gradient(
        90deg,
        #000,
        #151515,
        #000
    );

    overflow:hidden;
    display:flex;
    align-items:center;

    border-bottom:2px solid var(--ec-gold);

}



.ec-slider {

    white-space:nowrap;

    color:#fff !important;

    font-size:15px;

    font-weight:600;

    position:absolute;

    right:-100%;

    animation:ecSliderMove 18s linear infinite;

}




@keyframes ecSliderMove {


    from {
        right:-100%;
    }


    to {
        right:100%;
    }

}



/* HEADER CONTENT */


.ec-main-header {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding:25px 5%;

    background:#0b0b0b;

}




.ec-logo a {

    color:var(--ec-gold);

    font-size:34px;

    font-weight:bold;

}




/* SEARCH */


.ec-search {

    flex:1;

    max-width:600px;

}



.ec-search form {

    display:flex;

}



.ec-search input[type="search"] {

    width:100%;

    height:45px;

    background:#151515;

    border:1px solid #444;

    color:#fff;

    padding:0 15px;

}



.ec-search input[type="submit"] {

    height:45px;

    background:var(--ec-gold);

    color:#000;

    border:0;

    padding:0 25px;

    font-weight:bold;

    cursor:pointer;

}



/* ICONS */


.ec-icons {

    display:flex;

    gap:18px;

    font-size:22px;

}



/* MENU */


.ec-menu {

    border-top:1px solid #222;

    padding:15px 5%;

}



.ec-menu ul {

    display:flex;

    gap:35px;

    list-style:none;

    margin:0;

    padding:0;

}



.ec-menu a {

    color:#fff !important;

    transition:.3s;

}



.ec-menu a:hover {

    color:var(--ec-gold) !important;

}



/* =====================
   FOOTER
===================== */


.ec-footer {

    margin-top:50px;

    padding:50px 5%;

    background:#050505;

    display:flex;

    justify-content:space-between;

    border-top:1px solid #222;

}



.ec-footer h2 {

    color:var(--ec-gold);

}


.ec-footer,
.ec-footer * {

    color:#fff;

}


.footer-links {

    display:flex;

    gap:20px;

}



.footer-links a:hover {

    color:var(--ec-gold);

}

.TEST-BAR{
    background:red !important;
    height:80px !important;
    color:white !important;
    display:block !important;
}

/* EC STORE TOP BAR REAL FIX */

.ec-topbar{
    height:45px !important;
    width:100% !important;
    background:#000 !important;
    overflow:hidden !important;
    position:relative !important;
    display:block !important;
    border-bottom:2px solid #c9a227 !important;
}


.ec-slider{

    position:absolute !important;

    top:50%;

    transform:translateY(-50%);

    white-space:nowrap !important;

    color:#fff !important;

    right:-100%;

    font-size:15px;

    font-weight:600;

    animation:ecMoveNew 18s linear infinite;

}



@keyframes ecMoveNew {

from {

right:-100%;

}


to {

right:100%;

}

}

.ec-topbar {
    display:block !important;
    width:100% !important;
    height:60px !important;
    background:#000 !important;
    border-bottom:3px solid #c9a227 !important;
    overflow:hidden !important;
    position:relative !important;
}


.ec-slider {
    display:block !important;
    position:relative !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;

    color:#fff !important;
    font-size:20px !important;
    line-height:60px !important;
    text-align:center !important;

    animation:none !important;
}