/* ==================================================
   ESTILOS GLOBALES: Dropdown Menu
   ================================================== */

        /* ======= GENERAL CONTAINER ======= */

div.sidebar-menu div.dialog-widget-content, div.sidebar-menu__global-container, div.sidebar-menu div.dialog-message  {
    border-radius: 0 16px 16px 0 !important;
}

        /* ======= BOTTON CLOSED ======= */

a.dialog-close-button.dialog-lightbox-close-button {
    border-radius: 6rem;
    background: #960946;
    top: 50%;
    transform: translateY(-50%);
}

a.dialog-close-button:focus, a.dialog-close-button:active {
    outline: none;
}

a.dialog-close-button:hover {
    background: #BB5D80;
}

svg.eicon-close {
    fill: #FEF3E7 !important;
}

        /* ======= SECUNDARY CONTAINER ======= */

div.sidebar-menu div.dialog-message {
    height: 100dvh !important;
    max-height: 100dvh !important;
    background: #FEF3E7;
}

        /* ======= SCROLL BAR ======= */

div.sidebar-menu div.dialog-message::-webkit-scrollbar {
    width: 6px;
}

div.sidebar-menu div.dialog-message::-webkit-scrollbar-thumb {
    background-color: #bb5d805c;
    border-radius: 6rem;
}


div.sidebar-menu div.dialog-message::-webkit-scrollbar-track {
    background-color: #F3DBD7;
    border-radius: 6rem;
}

div.sidebar-menu__global-container {
    min-height: 100dvh !important;
    background: #FEF3E7;
    justify-content: center;
}

div.sidebar-menu__global-container div.elementor-element {
    overflow-x: hidden !important;
    width: 100%;
}

        /* ======= lOGO CONTAINER ======= */

a.sidebar-menu__logo {
    background: url('https://floristeriahechizosdeamor.com/wp-content/uploads/2025/04/Floristeria-Hechizos-De-Amor_Logo-Red_Color1.svg') no-repeat center center; 
    background-size: cover;
    aspect-ratio: 631 / 335;
    padding: 0;
}

        /* ======= SEPARATOR ======= */

div.nav-separator div.elementor-divider {
    justify-content: center;
}

div.nav-separator div.elementor-divider span.elementor-divider-separator {
    border-top-color: #960946 !important;
}

        /* ======= MENU CONTAINER ======= */

div.sidebar-menu__menu-container {
    flex: 1 1 auto !important;
}

div.sidebar-menu__menu {
    width: 100% !important;
}

div.sidebar-menu__menu nav {
    margin: 0 !important;
    background: #FEF3E7;
}

div.sidebar-menu__menu a.menu-link {
    font-family: Founders Grotesk Official;
    font-weight: 300;
    justify-content: center;
    color: #BB5D80 !important;
    text-align: center;
}

div.sidebar-menu a.elementor-item-active {
    background: #F3DBD7 !important;
    position: relative;
    font-weight: 400;
}

div.sidebar-menu__menu a.menu-link:hover {
    background: #F3DBD7;
}

div.sidebar-menu a.elementor-item-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 30%;
  height: 2px;
  background-color: #BB5D80;
  margin-top: 4px;
}

div.sidebar-menu a.menu-link:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    width: 30%;
    height: 2px;
    background-color: #BB5D80;
    margin-top: 4px;
}

div.sidebar-menu__menu a.highlighted, div.sidebar-menu__menu a.elementor-item:focus {
    background-color: #F3DBD7 !important;
    outline: none !important;
}

div.sidebar-menu__menu svg.e-font-icon-svg.e-fas-caret-down path {
    fill: #BB5D80;
}

div.sidebar-menu__menu ul.sub-menu {
    background-color: #F8E7DF;
}

div.sidebar-menu__menu a.elementor-sub-item:focus {
    background: #F8E7DF;
    outline: none;
}

    /* LOGIN CONTAINER */

div.sidebar-menu__login-container {
    background: #F8E7DF;
}

div.sidebar-menu__title-login {
    text-align: center;
}

div.sidebar-menu__title-login span.elementor-heading-title {
    font-family: Founders Grotesk Official !important;
    color: #BB5D80 !important;
    font-weight: 300;
}

div.sidebar-menu__title-login span.elementor-heading-title:hover {
    color: #bb5d8091 !important;
}
    
    /* SOCIAL MEDIA CONTAINER */
    
div.sidebar-menu__social-media {
    background: #960946;
}

div.sidebar-menu__icons a.elementor-icon {
    border-radius: 6rem;
    background: #FEF3E7;
}

div.sidebar-menu__icons path {
    fill: #BB5D80;
}

    /* MEDIA SCREEN: RESPONSIVE DESIGN */

@media screen and (min-width: 1025px) {
    
    a.dialog-close-button.dialog-lightbox-close-button {
        padding: .4rem;
        inset-inline-end: -3.4rem;
    }
    
    svg.eicon-close {
        width: 1.6rem !important;
        height: 1.6rem !important;
    }
    
    div.sidebar-menu div.dialog-message {
        width: 24rem !important;
    }
    
        /* LOGO CONTAINER */
    
    a.sidebar-menu__logo {
        margin: 1rem 0 2rem 0 !important;
        width: 12rem !important;    
    }
    
        /* MENU CONTAINER */
    
    div.nav-separator span.elementor-divider-separator {
        border-top: 3px solid !important;
        width: 70%;
    }
    
    div.sidebar-menu__menu a.menu-link {
        padding: 1rem 5rem;
        font-size: 1.3rem;
    }
    
    div.sidebar-menu__menu a.elementor-sub-item {
        font-size: 1.2rem !important;
    }
    
        /* LOGIN CONTAINER */
    
    div.sidebar-menu__title-login span.elementor-heading-title {
        font-size: 1.3rem;
    }
    
    div.sidebar-menu__title-login {
        padding: .8rem 0 !important;
    }
    
        /* SOCIAL MEDIA CONTAINER */
    
    div.sidebar-menu__icons {
        padding: .8rem 0 !important;
    }
    
    div.sidebar-menu__icons div.elementor-social-icons-wrapper {
        --grid-column-gap: 1rem;
    }
    
    div.sidebar-menu__icons span.elementor-grid-item a {
        width: 3rem;
        height: 3rem;
    }
}

@media screen and (max-width: 767px) {
    
    div.dialog-widget-content {
        width: 80% !important;
        max-width: 20rem !important;
    }
    
    a.dialog-close-button.dialog-lightbox-close-button {
        padding: .4rem;
        inset-inline-end: -3.4rem;
    }
    
    svg.eicon-close {
        width: 1.6rem !important;
        height: 1.6rem !important;
    }
    
    div.sidebar-menu div.dialog-message {
        width: 100% !important;
    }
    
    div.sidebar-menu__global-container > div.e-con-inner {
        margin: 0 !important;
        max-width: 100%;
    }
    
        /* LOGO CONTAINER */
    
    a.sidebar-menu__logo {
        margin: 1rem 0 1rem 0 !important;
        width: 10rem !important;    
    }    
    
        /* MENU CONTAINER */
    
    div.nav-separator span.elementor-divider-separator {
        border-top: 3px solid !important;
        width: 76%;
    }
    
    div.sidebar-menu__menu a.menu-link {
        padding: .8rem 2.4rem;
        font-size: 1.2rem;
    }
    
    div.sidebar-menu__menu a.elementor-sub-item {
        font-size: 1.1rem !important;
    }
    
        /* LOGIN CONTAINER */
    
    div.sidebar-menu__login-container {
        padding: .4rem 0;
    }
    
    div.sidebar-menu__title-login span.elementor-heading-title {
        font-size: 1.2rem;
    }
    
    div.sidebar-menu__title-login {
        padding: .4rem 0 !important;
    }
    
        /* SOCIAL MEDIA CONTAINER */
    
    div.sidebar-menu__icons {
        padding: .8rem 0 !important;
    }
    
    div.sidebar-menu__icons div.elementor-social-icons-wrapper {
        --grid-column-gap: 1rem;
    }
    
    div.sidebar-menu__icons span.elementor-grid-item a {
        width: 2.8rem;
        height: 2.8rem;
    }  
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    a.dialog-close-button.dialog-lightbox-close-button {
        padding: .4rem;
        inset-inline-end: -3.4rem;
    }
    
    svg.eicon-close {
        width: 1.6rem !important;
        height: 1.6rem !important;
    }
    
    div.sidebar-menu div.dialog-message {
        width: 24rem !important;
    }
    
        /* LOGO CONTAINER */
    
    a.sidebar-menu__logo {
        margin: 1rem 0 2rem 0 !important;
        width: 12rem !important;    
    }    
    
        /* MENU CONTAINER */
    
    div.nav-separator span.elementor-divider-separator {
        border-top: 3px solid !important;
        width: 70%;
        max-width: 36rem;
    }
    
    div.sidebar-menu__menu a.menu-link {
        padding: 1rem 5rem;
        font-size: 1.3rem;
    }
    
    div.sidebar-menu__menu a.elementor-sub-item {
        font-size: 1.2rem !important;
    }
    
        /* LOGIN CONTAINER */
    
    div.sidebar-menu__title-login span.elementor-heading-title {
        font-size: 1.3rem;
    }
    
    div.sidebar-menu__title-login {
        padding: .8rem 0 !important;
    }
    
        /* SOCIAL MEDIA CONTAINER */
    
    div.sidebar-menu__icons {
        padding: .8rem 0 !important;
    }
    
    div.sidebar-menu__icons div.elementor-social-icons-wrapper {
        --grid-column-gap: 1rem;
    }
    
    div.sidebar-menu__icons span.elementor-grid-item a {
        width: 3rem;
        height: 3rem;
    }
    
}