/* =====================================================
   TAROT LUNARIA MENU FINAL CSS
   YELLY CHILD THEME
   ===================================================== */


/* =====================================================
   MENU FULL WIDTH + SHADOW
   ===================================================== */


.menu-v-shapke-sprava-container {

    width:100vw;

    margin-left:calc(50% - 50vw);

    position:relative;

    z-index:50;

    box-shadow:

    0 12px 35px rgba(0,0,0,.45);

    border-top:

    1px solid rgba(232,198,107,.15);

    border-bottom:

    1px solid rgba(232,198,107,.2);

}



#header_menu {

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin:0;

    padding:14px 30px;

}



/* =====================================================
   ALL MENU ITEMS
   ===================================================== */


#header_menu > li {

    white-space:nowrap;

}



#header_menu > li > a,
#header_menu > li > .removed-link {


    display:flex;

    align-items:center;


    color:#ffffff !important;


    font-size:18px !important;


    font-weight:600;


    letter-spacing:.02em;


    padding:10px 15px;


    position:relative;


    transition:.35s ease;


}



/* hover */

#header_menu > li:not(#menu-item-2698) > a:hover,
#header_menu > li:not(#menu-item-2698) > .removed-link:hover {


    color:#f1cf76 !important;


    text-shadow:

    0 0 12px rgba(241,207,118,.75);


}



/* =====================================================
   GOLD LINE
   ===================================================== */


#header_menu > li:not(#menu-item-2698) > a::after,
#header_menu > li:not(#menu-item-2698) > .removed-link::after {


    content:"";


    position:absolute;


    left:50%;


    bottom:-7px;


    width:0;


    height:2px;


    transform:translateX(-50%);


    background:


    linear-gradient(
        90deg,
        transparent,
        #f4d681,
        #dca445,
        #f4d681,
        transparent
    );


    box-shadow:


    0 0 12px rgba(244,214,129,.85);


    transition:.45s ease;


}



#header_menu > li:not(#menu-item-2698):hover > a::after,
#header_menu > li:not(#menu-item-2698):hover > .removed-link::after {


    width:100%;


}



/* =====================================================
   ACTIVE ITEM
   ===================================================== */


#header_menu > li.current-menu-item > a,
#header_menu > li.current-menu-item > .removed-link,
#header_menu > li.current-menu-ancestor > a,
#header_menu > li.current-menu-ancestor > .removed-link {


    color:#f1cf76 !important;


    text-shadow:


    0 0 14px rgba(241,207,118,.85);


}



#header_menu > li.current-menu-item > a::after,
#header_menu > li.current-menu-item > .removed-link::after,
#header_menu > li.current-menu-ancestor > a::after,
#header_menu > li.current-menu-ancestor > .removed-link::after {


    width:100%;


}



/* =====================================================
   SHOP BUTTON
   ===================================================== */


#header_menu > #menu-item-2698 > a {


    display:flex;


    align-items:center;


    padding:13px 34px !important;


    margin-left:12px;


    border-radius:50px;


    background:


    linear-gradient(
        135deg,
        #ffe9a6,
        #d79632
    ) !important;


    color:#301840 !important;


    font-size:19px !important;


    font-weight:800 !important;


    box-shadow:


    0 0 22px rgba(255,215,100,.75),


    0 8px 30px rgba(210,145,45,.45);


    transition:.35s ease;


}



/* убрать линию магазина */

#header_menu > #menu-item-2698 > a::after {


    display:none !important;


}



/* магазин hover */

#header_menu > #menu-item-2698 > a:hover {


    transform:

    translateY(-4px)

    scale(1.06);


    color:#ffffff !important;


    box-shadow:


    0 0 35px rgba(255,220,120,.95),


    0 0 70px rgba(210,145,45,.7);


}



/* =====================================================
   DROPDOWN
   ===================================================== */


#header_menu .sub-menu {


    background:

    rgba(18,12,30,.96);


    border:

    1px solid rgba(232,198,107,.45);


    border-radius:14px;


    padding:12px;


    box-shadow:


    0 20px 45px rgba(0,0,0,.6);


}



#header_menu .sub-menu li a {


    color:#ffffff;


    padding:11px 16px;


    white-space:nowrap;


    transition:.3s ease;


}



#header_menu .sub-menu li a:hover {


    color:#e8c66b;


    background:

    rgba(232,198,107,.1);


}



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


@media(max-width:900px){


    #header_menu {

        gap:5px;
        padding:10px;

    }


    #header_menu > li > a,
    #header_menu > li > .removed-link {

        font-size:18px !important;
        padding:8px;

    }


    #header_menu > #menu-item-2698 > a {

        padding:10px 18px !important;
        font-size:16px !important;

    }

}


/* =====================================================
   FIX YELLY ACTIVE STATES
   ===================================================== */


.menu-v-shapke-sprava-container,
#header_menu {

    background:rgba(15,10,25,.96) !important;

}


#header_menu li.current-menu-item > a,
#header_menu li.current-menu-item > .removed-link,
#header_menu li.current-menu-ancestor > a,
#header_menu li.current-menu-ancestor > .removed-link {

    color:#f1cf76 !important;
    background:transparent !important;
    opacity:1 !important;

}


#header_menu li.current-menu-item > .removed-link {

    color:#f1cf76 !important;

}



/* =====================================================
   SHOP BUTTON
   ===================================================== */


#header_menu > #menu-item-2698 > a,
#header_menu > #menu-item-2698.current-menu-item > a,
#header_menu > #menu-item-2698.current_page_item > a {


    background:
    linear-gradient(
        135deg,
        #ffe9a6,
        #d79632
    ) !important;


    color:#301840 !important;

    border-radius:50px !important;

    padding:13px 34px !important;

    font-size:19px !important;

    font-weight:800 !important;


    box-shadow:

    0 0 25px rgba(255,215,100,.75),
    0 8px 30px rgba(210,145,45,.45);

}



#header_menu > #menu-item-2698 > a:hover {


    background:
    linear-gradient(
        135deg,
        #fff0bb,
        #e0a340
    ) !important;


    color:#fff !important;

}



/* =====================================================
   MENU SHADOW
   ===================================================== */


.menu-v-shapke-sprava-container {

    box-shadow:
    0 12px 35px rgba(0,0,0,.65) !important;

}



/* =====================================================
   MOBILE FULLSCREEN MENU
   ===================================================== */


@media(max-width:768px){



#site-navigation.main-navigation {


    position:fixed !important;

    top:0;
    left:0;

    width:100%;
    height:100vh;

    z-index:999999 !important;

    overflow-y:auto;


    background:

    linear-gradient(
        rgba(15,8,30,.82),
        rgba(15,8,30,.82)
    ),

    url("https://tarot-lunaria.ru/wp-content/uploads/2026/07/generated-image-16.jpg");


    background-size:cover;

    background-position:center;


}




#site-navigation.main-navigation[style*="display: block"]{

    display:block !important;

}




#site-navigation .main-navigation-inner {


    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;


    width:100%;

    min-height:100vh;


    padding:70px 25px 40px;


}




/* =====================================================
   BRAND
   ===================================================== */


.mobile-brand {


    text-align:center;

    margin-bottom:35px;

    color:#fff;


}


.mobile-brand-title {


    font-size:28px;

    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:#f1cf76;


    text-shadow:

    0 0 20px rgba(241,207,118,.7);

}



.mobile-brand-text {


    margin-top:8px;

    font-size:16px;

    line-height:1.4;

    color:#fff;

}



/* =====================================================
   MENU LIST
   ===================================================== */


#header_menu {


    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;


    gap:12px;


    width:100%;


    padding:0;

    margin:0;


    background:none !important;

    box-shadow:none !important;


}



#header_menu > li {


    width:100%;

    text-align:center;

    list-style:none;

}



#header_menu > li > a,
#header_menu > li > .removed-link {


    display:block;


    font-size:22px !important;

    line-height:1.3;


    padding:7px 0;


    color:#fff !important;


    font-weight:700;


}



/* =====================================================
   SHOP BUTTON MOBILE
   ===================================================== */


#header_menu > #menu-item-2698 > a {


    display:inline-flex !important;


    justify-content:center;


    margin-top:10px;


    padding:13px 35px !important;


    font-size:18px !important;


}



/* =====================================================
   QUESTION BLOCK
   ===================================================== */


.mobile-contact {


    margin-top:35px;

    text-align:center;

    color:#fff;

}



.mobile-contact-title {


    font-size:16px;

    line-height:1.4;

    margin-bottom:18px;

}



.mobile-question {


    display:inline-flex;

    align-items:center;

    justify-content:center;


    padding:14px 38px;


    border-radius:50px;


    background:

    linear-gradient(
        135deg,
        #ffe9a6,
        #d79632
    );


    color:#301840 !important;


    font-size:17px;

    font-weight:800;


    box-shadow:

    0 0 30px rgba(255,215,100,.7);


}



.mobile-social {


    display:flex;

    justify-content:center;

    gap:12px;

    margin-top:20px;


}



.mobile-social a {


    padding:8px 14px;


    border-radius:30px;


    background:rgba(255,255,255,.12);


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


    color:#fff !important;


    font-size:14px;


}




/* =====================================================
   HAMBURGER
   ===================================================== */


.humburger {


    position:relative;

    z-index:1000000 !important;

}



}