/* ==================================================
   KIPET - MENÚ PRINCIPAL
   ================================================== */

/* ==================================================
   KIPET - COLORES MENÚ PRINCIPAL
   ================================================== */

/* Estado normal */
[data-id="menu"] > ul > li > a.ct-menu-link {
    --theme-link-initial-color: #1D1D1C !important;
    --theme-link-hover-color: #2F3D2C !important;

    color: #1D1D1C !important;
    transition: color .2s ease;
}


/* Hover */
[data-id="menu"] > ul > li:hover > a.ct-menu-link,
[data-id="menu"] > ul > li > a.ct-menu-link:hover {
    color: #2F3D2C !important;
}


/* Elemento activo */
[data-id="menu"] > ul > li.current-menu-item > a.ct-menu-link,
[data-id="menu"] > ul > li.current-menu-parent > a.ct-menu-link,
[data-id="menu"] > ul > li.current-menu-ancestor > a.ct-menu-link,
[data-id="menu"] > ul > li.current_page_item > a.ct-menu-link,
[data-id="menu"] > ul > li.current_page_parent > a.ct-menu-link,
[data-id="menu"] > ul > li.current_page_ancestor > a.ct-menu-link,
[data-id="menu"] > ul > li > a.ct-menu-link[aria-current="page"] {
    color: #AE8E67 !important;
}


/* Flechas de Perros / Gatos */
[data-id="menu"] > ul > li > a.ct-menu-link svg {
    fill: currentColor !important;
    color: currentColor !important;
}

/* ==================================================
   SUBMENÚ PERROS / GATOS
   ================================================== */

[data-id="menu"] .sub-menu {
    min-width: 270px;
    padding: 10px;
    background: #EBE7DE !important;
    border: 1px solid rgba(192, 179, 160, 0.55);
    box-shadow: 0 12px 28px rgba(29, 29, 28, 0.08);
    border-radius: 12px;
   }

[data-id="menu"] .sub-menu a {
    color: #1D1D1C !important;
    padding: 10px 14px !important;
    border-radius: 7px;
    transition: background .2s ease, color .2s ease;
}

[data-id="menu"] .sub-menu a:hover {
    color: #2F3D2C !important;
    background: rgba(174, 142, 103, 0.20) !important;
}

/* ==================================================
   KIPET - ICONOS CABECERA
   ================================================== */

/* Buscar, cuenta y carrito */
[data-id="search"],
[data-id="account"],
[data-id="cart"] {
    color: #1D1D1C !important;
}

/* SVG / iconos internos */
[data-id="search"] svg,
[data-id="account"] svg,
[data-id="cart"] svg {
    fill: currentColor;
    color: #1D1D1C !important;
}

/* Hover */
[data-id="search"]:hover,
[data-id="account"]:hover,
[data-id="cart"]:hover,
[data-id="search"]:hover svg,
[data-id="account"]:hover svg,
[data-id="cart"]:hover svg {
    color: #2F3D2C !important;
}

/* ==================================================
   KIPET - HEADER STICKY
   ================================================== */

[data-sticky*="yes"] {
    box-shadow: 0 4px 18px rgba(29, 29, 28, 0.08);
}

/* ==================================================
   KIPET - MENÚ MÓVIL / OFFCANVAS
   ================================================== */

@media (max-width: 999px) {

    /* Fondo del panel */
    #offcanvas,
    .ct-panel,
    .ct-panel-content {
        background: #EBE7DE;
    }

    /* Menú principal móvil */
    [data-id="mobile-menu"] a {
        font-family: var(--kipet-font) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1D1D1C !important;
    }

    /* Hover / toque */
    [data-id="mobile-menu"] a:hover {
        color: #2F3D2C !important;
    }

    /* Elemento activo */
    [data-id="mobile-menu"] .current-menu-item > a,
    [data-id="mobile-menu"] .current-menu-parent > a,
    [data-id="mobile-menu"] .current-menu-ancestor > a {
        color: #AE8E67 !important;
    }

    /* Subcategorías */
    [data-id="mobile-menu"] .sub-menu a {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    /* Separación entre opciones */
    [data-id="mobile-menu"] > ul > li {
        margin-bottom: 4px;
    }

    /* Flechas desplegables */
    [data-id="mobile-menu"] svg {
        color: currentColor !important;
        fill: currentColor !important;
    }

    /* Botón cerrar */
    .ct-toggle-close {
        color: #1D1D1C !important;
    }

    .ct-toggle-close:hover {
        color: #2F3D2C !important;
    }

   

    /* Opciones principales */
    /* Opciones principales SIN submenú */
    [data-id="mobile-menu"] > ul > li > a.ct-menu-link,

    /* Opciones principales CON submenú: Perros / Gatos */
    [data-id="mobile-menu"] > ul > li > .ct-sub-menu-parent > a.ct-menu-link {
        text-transform: uppercase !important;
    }

    /* Subcategorías en formato normal */
    [data-id="mobile-menu"] .sub-menu a.ct-menu-link {
        text-transform: none !important;
    }

   
}

/* ==================================================
   KIPET - MINI CARRITO CABECERA
   ================================================== */

.ct-cart-content,
.ct-cart-content .woocommerce-mini-cart-item,
.ct-cart-content .woocommerce-mini-cart-item a,
.ct-cart-content .quantity,
.ct-cart-content .woocommerce-mini-cart__total,
.ct-cart-content .woocommerce-mini-cart__total strong {
    color: #EBE7DE !important;
}

/* Nombre del producto */
.ct-cart-content .woocommerce-mini-cart-item a:not(.remove) {
    color: #EBE7DE !important;
}

/* Eliminar producto */
.ct-cart-content .remove,
.ct-cart-content .remove_from_cart_button {
    color: #EBE7DE !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover eliminar */
.ct-cart-content .remove:hover,
.ct-cart-content .remove_from_cart_button:hover {
    color: #AE8E67 !important;
}

/* SVG/iconos internos */
.ct-cart-content .remove svg,
.ct-cart-content .remove_from_cart_button svg {
    color: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
}