/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Limpiar viñetas y símbolos rotos del menú principal en Ledonia */

/* Quita el punto de lista (viñeta) */
.top-menu, 
ul.top-menu, 
#top-menu {
    list-style: none !important;
    list-style-type: none !important;
}

/* Oculta los iconos/flechas rotos que se solapan en la última letra */
.top-menu a::after,
.top-menu .sub-menu::after,
.top-menu li::after,
#top-menu a::after {
    display: none !important;
    content: none !important;
}

/* Asegura un pequeño margen para que las palabras respiren */
.top-menu > li > a {
    padding-right: 15px !important; 
}



/* Fix Megamenú Mac Bell - PrestaShop 9.0.1 */

/* Fix principal del menú */
div.anmm-menu.anmm-menu-desktop {
    --menu-title-line-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

div.anmm-menu-container,
div.anmm-menu-inner {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* Fix header */
header#header,
.header-top,
.header-nav {
    overflow: visible !important;
}

/* Fix dropdown - selector máxima especificidad */
ul.anmm-dropdown,
div.anmm-menu ul.anmm-dropdown,
.anmm-menu-item.open ul.anmm-dropdown,
.anmm-menu-horizontal .anmm-menu-item.open ul.anmm-dropdown {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

/* Fix columnas internas */
.anmm-dropdown .row.anmm-row,
.anmm-dropdown .anmm-column,
.anmm-dropdown .anmm-dropdown-content {
    overflow: visible !important;
    height: auto !important;
    align-self: stretch !important;
}

/* Fix línea vertical entre columnas */
.anmm-dropdown .anmm-column.col-md-12 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* Color botones Cookiebot */
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonAccept {
    background-color: rgb(9, 139, 31) !important;
    border-color: rgb(9, 139, 31) !important;
    color: #ffffff !important;
}

/* Pestaña activa y enlaces */
#CybotCookiebotDialogNavItemLink.CybotCookiebotDialogNavItemLinkActive {
    border-bottom-color: rgb(9, 139, 31) !important;
    color: rgb(9, 139, 31) !important;
}

/* Toggles activos */
input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: rgb(9, 139, 31) !important;
}

/* Cositas*/
/* Checkbox con descripción debajo del título */
.custom-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.custom-checkbox-content {
    display: flex;
    flex-direction: column;
}

.custom-checkbox-content p {
    margin: 0;
}

/* Privacidad - texto justificado y pegado al check */
.custom-checkbox-content p {
    text-align: justify;
    margin-left: -8px;
}

/* Botón Ver más en búsqueda */
.ui-autocomplete .search-ver-mas {
    border-top: 1px solid #eee;
    text-align: center;
    padding: 10px !important;
}

.ui-autocomplete .search-ver-mas a {
    color: rgb(9, 139, 31) !important;
    font-weight: 600;
    text-decoration: none;
}

.ui-autocomplete .search-ver-mas a:hover {
    text-decoration: underline;
}

/* Quitar título Subcategorías */
.subcategory-heading {
    display: none;
}

/* Subcategorías como botones */
.subcategories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
    padding: 0;
}

.subcategories-list li {
    list-style: none;
}

.subcategory-image {
    display: none;
}

.subcategories-list h5 {
    margin: 0;
	padding: 0 !important;
}

.subcategory-name {
    display: inline-block;
    padding: 8px 18px;
    border: 2px solid rgb(9, 139, 31);
    color: rgb(9, 139, 31) !important;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9em;
    text-decoration: none;
    transition: all 0.2s ease;
}

.subcategory-name:hover {
    background-color: rgb(9, 139, 31);
    color: #ffffff !important;
}

.subcategories-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.subcategories-list li {
    width: auto !important;
    flex: 0 0 auto !important;
}


/* Borde verde megamenú */
.anmm-menu-wrapper .anmm-dropdown {
    border-top: 3px solid rgb(9, 139, 31) !important;
	border-bottom: 3px solid rgb(9, 139, 31) !important;
}
/* Borde verde footer */
#footer {
    border-top: none;
}

.footer-container {
    border-top: 10px solid rgb(9, 139, 31);
}

/* ===== Ver más / Ver menos - megamenú (versión definitiva) ===== */
.mm-oculto {
    display: none;
}
ul.mm-open > .mm-oculto {
    display: list-item;
}
.mm-ver-mas {
    color: rgb(9, 139, 31) !important;
    font-style: italic;
    cursor: pointer;
}

/* Segunda columna alineada en megamenú (compensa el título de la columna 1) */
.anmm-col2 {
    margin-top: 28px;
}

/* Tamaño logos marcas */
.brand-img img {
    max-width: 180px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Ocultar el salto de línea y el <em> vacío que generan espacio extra */
.custom-checkbox-label br {
    display: none;
}
.custom-checkbox-label em:empty {
    display: none;
}
/* ===== Fix buscador móvil: .header-top capturaba los toques por encima del buscador ===== */
/* El contenedor deja pasar los toques, y se reactivan en sus elementos clicables */
@media (max-width: 767px) {
    .header-top {
        pointer-events: none;
    }
    .header-top #search_widget,
    .header-top #_desktop_logo,
    .header-top #_mobile_logo,
    .header-top .top-logo,
    .header-top #_desktop_cart,
    .header-top #_mobile_cart,
    .header-top .blockcart,
    .header-top #menu-icon,
    .header-top .mobile-header,
    .header-top .anmm-menu-wrapper,
    .header-top .user-info,
    .header-top .an_wishlist-nav-link,
    .header-top a,
    .header-top button,
    .header-top input {
        pointer-events: auto;
    }
}

/* ===== Botón flotante WhatsApp ===== */
.mb-whatsapp {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 9998;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mb-whatsapp:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .mb-whatsapp {
        bottom: 18px;
        left: 18px;
        width: 48px;
        height: 48px;
    }
}