/* ======================================================
   MYDOGNI GLOBAL BRAND LOCK
   Header + Footer only
   ====================================================== */


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

#main-header,
#main-header.et-fixed-header {

    background:
        linear-gradient(
            180deg,
            rgba(7,18,31,.98),
            rgba(4,12,22,.98)
        ) !important;

    border-bottom:
        1px solid rgba(58,196,250,.26) !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.28),
        inset 0 -1px 0 rgba(66,198,255,.08) !important;
}


/* ----- NORMAL HEADER SIZE ----- */

#main-header .container{
    min-height:76px !important;
}

#main-header .logo_container{
    height:76px !important;

    display:flex !important;
    align-items:center !important;
}


/* ----- LOGO PLATE ----- */

#main-header .logo_container a{

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    height:54px !important;

    padding:4px 9px !important;

    border-radius:12px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.99),
            rgba(226,245,255,.96)
        ) !important;

    border:
        1px solid rgba(77,206,255,.72) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 0 14px rgba(54,194,255,.20),
        0 6px 14px rgba(0,0,0,.18) !important;
}

#main-header #logo{

    width:auto !important;

    max-height:40px !important;

    margin:0 !important;

    filter:
        drop-shadow(0 1px 1px rgba(0,0,0,.12)) !important;
}


/* ----- NAVIGATION ----- */

#main-header #et-top-navigation{

    padding-top:27px !important;
}

#top-menu li a{

    position:relative !important;

    color:#edf8ff !important;

    font-weight:850 !important;

    opacity:.90 !important;

    letter-spacing:.015em;

    transition:
        color .18s ease,
        text-shadow .18s ease,
        opacity .18s ease;
}

#top-menu li a:hover{

    color:#57d7ff !important;

    opacity:1 !important;

    text-shadow:
        0 0 10px rgba(49,197,255,.34);
}


#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a,
#top-menu li.current-menu-ancestor > a{

    color:#43d3ff !important;

    opacity:1 !important;

    font-weight:950 !important;

    text-shadow:
        0 0 12px rgba(48,201,255,.44);
}


#top-menu li.current-menu-item > a::after,
#top-menu li.current_page_item > a::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:22px;

    height:3px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #21b2f2,
            #68e0ff
        );

    box-shadow:
        0 0 9px rgba(53,203,255,.58);
}


#et_search_icon::before,
.et-cart-info span::before{

    color:#62dcff !important;
}


/* ======================================================
   STICKY / SCROLLED HEADER
   ====================================================== */

#main-header.et-fixed-header .container{

    min-height:62px !important;
}


#main-header.et-fixed-header .logo_container{

    height:62px !important;
}


#main-header.et-fixed-header .logo_container a{

    height:46px !important;

    padding:3px 7px !important;

    border-radius:10px !important;
}


#main-header.et-fixed-header #logo{

    max-height:33px !important;
}


#main-header.et-fixed-header #et-top-navigation{

    padding-top:20px !important;
}


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

.mobile_menu_bar::before{

    color:#5bd9ff !important;
}


.et_mobile_menu{

    background:#071522 !important;

    border-top:
        2px solid #3acbff !important;

    box-shadow:
        0 18px 35px rgba(0,0,0,.38) !important;
}


.et_mobile_menu li a{

    color:#edf8ff !important;

    font-weight:850 !important;
}


.et_mobile_menu .current-menu-item > a{

    color:#4dd6ff !important;
}


@media(max-width:980px){

    #main-header .container,
    #main-header.et-fixed-header .container{

        min-height:66px !important;
    }


    #main-header .logo_container,
    #main-header.et-fixed-header .logo_container{

        height:66px !important;
    }


    #main-header .logo_container a,
    #main-header.et-fixed-header .logo_container a{

        height:49px !important;

        padding:3px 7px !important;

        border-radius:10px !important;
    }


    #main-header #logo,
    #main-header.et-fixed-header #logo{

        max-height:35px !important;
    }
}


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

#main-footer{

    position:relative !important;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(33,154,225,.11),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #081725 0%,
            #040b13 100%
        ) !important;

    border-top:
        1px solid rgba(66,199,255,.30) !important;

    box-shadow:
        0 -12px 35px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(72,207,255,.06) !important;
}


/* glowing upper edge */

#main-footer::before{

    content:"";

    position:absolute;

    left:50%;
    top:-1px;

    transform:translateX(-50%);

    width:min(900px,70%);

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #27bdf7,
            #6be1ff,
            #27bdf7,
            transparent
        );

    box-shadow:
        0 0 12px rgba(53,199,255,.43);
}


/* privacy / terms */

#main-footer .bottom-nav{

    padding:22px 0 !important;

    text-align:center !important;
}


#main-footer .bottom-nav li{

    padding:0 4px !important;
}


#main-footer .bottom-nav li a{

    display:inline-flex !important;

    align-items:center !important;

    padding:8px 13px !important;

    border-radius:999px !important;

    color:#d9edf9 !important;

    font-weight:850 !important;

    border:
        1px solid rgba(68,137,178,.48) !important;

    background:
        linear-gradient(
            180deg,
            rgba(22,53,77,.90),
            rgba(9,29,44,.94)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}


#main-footer .bottom-nav li a:hover{

    color:#61dcff !important;

    border-color:#45c9f7 !important;

    box-shadow:
        0 0 12px rgba(53,195,245,.18) !important;
}


/* bottom strip */

#footer-bottom{

    padding:18px 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(3,10,17,.92),
            rgba(2,7,12,.99)
        ) !important;

    border-top:
        1px solid rgba(61,119,154,.20) !important;
}


/* remove all old Divi credit styling */

#footer-info{

    color:transparent !important;

    font-size:0 !important;

    line-height:0 !important;

    text-shadow:none !important;
}


#footer-info a{

    display:none !important;
}


#footer-info .mdni-footer-credit{

    display:inline-block !important;

    color:#8faabd !important;

    font-size:14px !important;

    line-height:1.5 !important;

    font-weight:750 !important;

    letter-spacing:.025em !important;
}


/* ======================================================
   SOCIAL ICON BUTTONS
   ====================================================== */

#footer-bottom .et-social-icons{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:10px !important;

    margin:0 !important;
}


#footer-bottom .et-social-icon{

    margin:0 !important;
}


#footer-bottom .et-social-icon a{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:43px !important;
    height:43px !important;

    border-radius:13px !important;

    color:#70ddff !important;

    border:
        1px solid #326582 !important;

    background:
        linear-gradient(
            180deg,
            #153650,
            #0a2032 55%,
            #071522
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 7px 16px rgba(0,0,0,.24) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        color .18s ease !important;
}


#footer-bottom .et-social-icon a:hover{

    transform:
        translateY(-3px)
        scale(1.04);

    color:#ffffff !important;

    border-color:#55d4ff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 17px rgba(52,198,251,.26),
        0 8px 18px rgba(0,0,0,.27) !important;
}


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

@media(max-width:767px){

    #footer-info{

        float:none !important;

        text-align:center !important;

        padding-bottom:14px !important;
    }


    #footer-bottom .et-social-icons{

        float:none !important;

        justify-content:center !important;

        margin-top:8px !important;
    }


    #main-footer .bottom-nav{

        text-align:center !important;
    }
}



/* ======================================================
   Footer Credit Ownership Fix
   Brand Lock owns the footer credit.
   Prevent older page CSS from generating duplicates.
   ====================================================== */

#footer-info::before,
#footer-info:before,
#footer-info::after,
#footer-info:after {
    content: none !important;
    display: none !important;
}

#footer-info .mdni-footer-credit {
    display: inline-block !important;
}