/*
Theme Name:   Cogent Coatings Child
Theme URI:    https://cogentcoatings.com
Description:  Child theme de Storefront para Cogent Coatings - Rediseño 2026
Author:       Daniel
Author URI:   https://cogentcoatings.com
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  cogent-child
*/

/* ============================================
   COGENT COATINGS - Design System
   ============================================ */

:root {
    --cogent-bg: #FAFAF7;
    --cogent-surface: #FFFFFF;
    --cogent-text: #1A1A1A;
    --cogent-text-muted: #666666;
    --cogent-border: #E5E5E0;
    --cogent-accent: #2B4C7E;
    --cogent-success: #2D6A4F;
    --cogent-error: #A52828;
    --cg-orange: #FF4337;
    --cogent-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --cogent-radius: 8px;
    --cogent-radius-sm: 4px;

    /* Curvas del Logo Guide v1.0 (blanca + roja de marca).
       Se declara aqui para no duplicar el SVG en cada hoja;
       lo consumen cogent-home.css y cogent-archive.css.       */
    --cg-swoosh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1755 981' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M1219 -30 C1474 277, 1810 575, 1740 1011' stroke='%23FA4338' stroke-width='36'/%3E%3Cpath d='M1154 -30 C1397 271, 1767 597, 1633 1011' stroke='%23FFFFFF' stroke-width='33'/%3E%3Cpath d='M-45 866 C60 939, 134 951, 229 1011' stroke='%23FA4338' stroke-width='36'/%3E%3Cpath d='M-45 826 C103 912, 219 939, 356 1011' stroke='%23FFFFFF' stroke-width='33'/%3E%3C/g%3E%3C/svg%3E");
}

/* ============================================
   BASE
   ============================================ */

body {
    background-color: var(--cogent-bg);
    color: var(--cogent-text);
    font-family: var(--cogent-font);
    font-weight: 400;
    line-height: 1.6;
}

/* ============================================
   LIENZO OSCURO - body.cogent-dark
   --------------------------------------------
   La clase la anade cogent_dark_canvas_body_class() en
   functions.php. Carrito, checkout y mi-cuenta quedan fuera.

   El home se excluye del ::before global porque ya monta su
   propia capa en .cogent-home::before, que va por DELANTE del
   slab negro del hero (ver cogent-home.css). Aqui la capa va
   por detras de #page, que es lo correcto para el resto.
   ============================================ */

body.cogent-dark {
    background-color: #1A1A1A;
    background-image: none;
}

body.cogent-dark:not(.home)::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: var(--cg-swoosh);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body.cogent-dark:not(.home) #page {
    position: relative;
    z-index: 1;
}

/* Storefront pinta fondo en sus wrappers; hay que dejar ver el
   lienzo. cogent-about / contact / training / archive ya lo hacian
   cada una por su cuenta; aqui queda centralizado para todas las
   paginas oscuras, incluida la ficha de producto.
   .cogent-pp, .cogent-about, .cogent-contact y .cogent-training
   NO estan en la lista: son los paneles claros que van encima. */
body.cogent-dark #page,
body.cogent-dark .site,
body.cogent-dark #content,
body.cogent-dark .site-content,
body.cogent-dark #primary,
body.cogent-dark .content-area,
body.cogent-dark #main,
body.cogent-dark .site-main,
body.cogent-dark article,
body.cogent-dark .hentry,
body.cogent-dark .entry-content,
body.cogent-dark .page-content {
    background: transparent !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--cogent-font);
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--cogent-text);
}

::selection {
    background-color: var(--cogent-accent);
    color: #ffffff;
}

/* ============================================
   AJAX SEARCH
   ============================================ */

.dgwt-wcas-search-submit {
    background-color: #ffffff !important;
    color: #FA4338 !important;
}
.dgwt-wcas-search-submit:hover,
.dgwt-wcas-search-submit:focus,
.dgwt-wcas-search-submit:active {
    background-color: #ffffff !important;
    color: #FA4338 !important;
}

/* Suggestion + details panel: solid background and sufficient z-index on
   ALL pages.  FiboSearch appends both panels to <body> with position:absolute
   (set by JS) and adds class "woocommerce" to each.  Without an explicit
   background here, any page that sets background:transparent on .woocommerce
   (e.g. cogent-checkout.css) makes the panel see-through.
   z-index 9999 keeps the panel above: sticky header (999), fixed mobile
   bottom bar (30), and any WC/page overlays.  Must stay below cogent-color-modal
   (99999) so the color picker still layers correctly on the product page.    */
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-details-wrapp {
    background-color: #fff !important;
    z-index: 9999 !important;
}

/* ============================================
   COLOR MODAL (global — used on product page)
   ============================================ */

.cogent-color-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cogent-color-modal[aria-hidden="true"] {
    display: none;
}

.cogent-color-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.cogent-color-modal__dialog {
    position: relative;
    background: var(--cogent-surface);
    border-radius: var(--cogent-radius);
    width: min(480px, 92vw);
    max-height: 70vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.cogent-color-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--cogent-border);
    font-size: 15px;
    font-weight: 600;
    color: var(--cogent-text);
    flex-shrink: 0;
}

.cogent-color-modal__close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: var(--cogent-text-muted);
    padding: 4px 6px;
    line-height: 1;
    border-radius: var(--cogent-radius-sm);
    transition: background-color 0.1s ease;
}

.cogent-color-modal__close:hover { background-color: #F0F0EC; }

.cogent-color-modal__search {
    display: block;
    width: 100%;
    padding: 12px 20px;
    border: none;
    border-bottom: 1px solid var(--cogent-border);
    font-family: var(--cogent-font);
    font-size: 14px;
    color: var(--cogent-text);
    background: var(--cogent-surface);
    outline: none;
    flex-shrink: 0;
    box-sizing: border-box;
}

.cogent-color-modal__search::placeholder { color: var(--cogent-text-muted); }

.cogent-color-modal__list { overflow-y: auto; flex: 1; padding: 4px 0; }

.cogent-color-modal__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 20px;
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.cogent-color-modal__item:hover { background-color: #F4F4F0; }

.cogent-color-modal__item-code {
    font-size: 12px;
    font-weight: 600;
    color: var(--cogent-text-muted);
    font-family: monospace;
    min-width: 72px;
    flex-shrink: 0;
}

.cogent-color-modal__item-name { font-size: 14px; color: var(--cogent-text); }

.cogent-color-modal__empty {
    padding: 24px 20px;
    font-size: 14px;
    color: var(--cogent-text-muted);
    text-align: center;
    margin: 0;
}

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

.site-header {
    background-color: #FA4338 !important;
    color: var(--cogent-text) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important;
    padding: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    box-shadow: none !important;
}

.cogent-header-wrap {
    position: relative;
    background: #FA4338;
}

.cogent-header-main {
    height: 64px;
    display: flex;
    align-items: center;
}

.cogent-header-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

.cogent-logo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    flex-shrink: 0;
}

.cogent-logo-link:hover { text-decoration: none; }

/* Real logo image — header (dark logo on light background) */
.cogent-logo-img {
    display: block;
    height: 60px;
    width: auto;
    flex-shrink: 0;
}

.cogent-logo-text {
    font-family: var(--cogent-font);
    font-size: 18px;
    font-weight: 600;
    color: var(--cogent-text);
    letter-spacing: -0.02em;
    white-space: nowrap;
}

@media (max-width: 767px) { .cogent-logo-text { font-size: 16px; } }

.cogent-header-search {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.cogent-search-wrap {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    background: var(--cogent-surface);
    border-bottom: 1px solid var(--cogent-border);
    padding: 12px 24px;
    z-index: 998;
    box-sizing: border-box;
}

.cogent-search-wrap.cogent-search--open { display: block; }

@media (min-width: 768px) {
    .cogent-search-wrap {
        display: block;
        position: static;
        width: 100%;
        max-width: 560px;
        padding: 0;
        border: none;
        background: transparent;
    }
}

.cogent-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-height: 44px;
    border: none;
    background: transparent;
    color: var(--cogent-text);
    cursor: pointer;
    border-radius: var(--cogent-radius);
    transition: background-color 0.15s ease;
    padding: 0;
}

.cogent-search-toggle:hover { background-color: #F4F4F0; }

@media (min-width: 768px) { .cogent-search-toggle { display: none; } }

.cogent-search-wrap .dgwt-wcas-search-wrapp,
.cogent-search-wrap .dgwt-wcas-sf-wrapp {
    width: 100% !important;
    max-width: 100% !important;
}

.cogent-search-wrap input[type="search"],
.cogent-search-wrap input[type="text"] {
    border: 1px solid var(--cogent-border) !important;
    border-radius: var(--cogent-radius) !important;
    height: 40px !important;
    padding: 8px 14px !important;
    font-family: var(--cogent-font) !important;
    font-size: 14px !important;
    background-color: var(--cogent-surface) !important;
    color: var(--cogent-text) !important;
    box-shadow: none !important;
}

.cogent-search-wrap .dgwt-wcas-search-submit {
    height: 40px !important;
    border-radius: 0 var(--cogent-radius) var(--cogent-radius) 0 !important;
}

.cogent-search-wrap .search-form { display: flex; width: 100%; }

.cogent-search-wrap .search-field {
    flex: 1;
    border: 1px solid var(--cogent-border);
    border-radius: var(--cogent-radius) 0 0 var(--cogent-radius);
    height: 40px;
    padding: 8px 14px;
    font-family: var(--cogent-font);
    font-size: 14px;
    border-right: none;
    outline: none;
}

.cogent-search-wrap .search-submit {
    height: 40px;
    padding: 0 16px;
    background: #ffffff;
    color: var(--cg-orange);
    border: none;
    border-radius: 0 var(--cogent-radius) var(--cogent-radius) 0;
    font-family: var(--cogent-font);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.cogent-search-wrap .search-submit:hover,
.cogent-search-wrap .search-submit:focus,
.cogent-search-wrap .search-submit:active {
    background: #ffffff;
    color: var(--cg-orange);
}

.cogent-header-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.cogent-header-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    min-height: 40px;
    text-decoration: none;
    color: var(--cogent-text);
    font-family: var(--cogent-font);
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--cogent-radius);
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

.cogent-header-action:hover {
    background-color: #F4F4F0;
    color: var(--cogent-text);
    text-decoration: none;
}

.cogent-action-icon { flex-shrink: 0; }

.cogent-cart-bubble {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    background: #ffffff;
    color: var(--cg-orange);
    font-size: 11px;
    font-weight: 600;
    border-radius: 9999px;
    line-height: 1;
}

@media (max-width: 767px) {
    .cogent-action-label { display: none; }
    .cogent-header-action { padding: 8px; min-height: 44px; }
}

.cogent-nav-secondary {
    background: var(--cogent-surface);
    border-top: 1px solid var(--cogent-border);
    height: 40px;
    display: flex;
    align-items: center;
    overflow: visible;
    position: relative;
    z-index: 997;
}

.cogent-nav-secondary__inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}

.cogent-primary-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.cogent-primary-menu li { margin: 0; padding: 0; }

.cogent-primary-menu li a {
    display: block;
    padding: 0 16px;
    font-family: var(--cogent-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--cogent-text-muted);
    text-decoration: none;
    line-height: 40px;
    transition: color 0.15s ease;
    white-space: nowrap;
}

.cogent-primary-menu li a:hover,
.cogent-primary-menu li.current-menu-item > a,
.cogent-primary-menu li.current_page_item > a {
    color: var(--cogent-text);
    text-decoration: none;
}

/* ─── Telefono en la barra nav ─────────────────────── */
.cogent-nav-phone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 0 4px;
    font-family: var(--cogent-font);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    line-height: 40px;
    white-space: nowrap;
    transition: color 0.15s ease;
}

/* Mismo par de grises que .cogent-primary-menu li a: muted en
   reposo, text al pasar por encima.
   Se listan :link y :visited a proposito. Storefront trae una regla
   a:visited con especificidad (0,1,1), superior a la de una clase
   sola (0,1,0), y pintaba el telefono de purpura. Con la clase mas
   la pseudoclase subimos a (0,2,0) y gana sin necesidad de
   !important. */
.cogent-nav-phone,
.cogent-nav-phone:link,
.cogent-nav-phone:visited {
    color: var(--cogent-text-muted);
}

.cogent-nav-phone:hover,
.cogent-nav-phone:focus,
.cogent-nav-phone:active {
    color: var(--cogent-text);
    text-decoration: none;
}

.cogent-nav-phone__icon { flex-shrink: 0; }

/* ─── "Se habla espanol" ───────────────────────────────
   Mismo grisado y metrica que los items del menu, un peso
   menos que el telefono: acompana sin competir con el. */
.cogent-nav-espanol {
    flex-shrink: 0;
    margin-right: 16px;
    font-family: var(--cogent-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--cogent-text-muted);
    line-height: 40px;
    white-space: nowrap;
}

.cogent-nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-height: 44px;
    border: none;
    background: transparent;
    color: var(--cogent-text);
    cursor: pointer;
    border-radius: var(--cogent-radius);
    margin-left: auto;
    padding: 0;
}

@media (max-width: 767px) {
    .cogent-nav-secondary { height: 44px; }
    .cogent-nav-toggle { display: inline-flex; }
    /* El strip crece a 44px: el telefono acompana para
       mantener el area de toque completa. */
    .cogent-nav-phone { line-height: 44px; min-height: 44px; }
    .cogent-nav-espanol { line-height: 44px; margin-right: 12px; }
    .cogent-primary-menu {
        display: none;
        position: absolute;
        top: 44px;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        background: var(--cogent-surface);
        border-bottom: 1px solid var(--cogent-border);
        z-index: 998;
    }
    .cogent-primary-menu.cogent-menu--open { display: flex; }
    .cogent-primary-menu li { border-bottom: 1px solid var(--cogent-border); }
    .cogent-primary-menu li:last-child { border-bottom: none; }
    .cogent-primary-menu li a { padding: 14px 24px; line-height: 1.4; min-height: 44px; display: flex; align-items: center; }
}

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

/* Dark slab — replica del patron del cliente live */
.site-footer {
    background-color: #1A1A1A !important;
    border-top: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.site-footer .col-full {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ─── Wrapper centrado ─────────────────────────── */
.cogent-footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 56px 32px 48px;
    box-sizing: border-box;
}

/* ─── Fila principal: brand / contact / social ── */
.cogent-footer-main {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 768px) {
    .cogent-footer-main {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 40px;
    }
}

@media (min-width: 992px) {
    .cogent-footer-main { gap: 64px; }
}

/* ─── Brand (logo + nombre) ─────────────────────── */
.cogent-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    color: #FAFAF7 !important;
    flex-shrink: 0;
}

.cogent-footer-brand:hover {
    text-decoration: none !important;
    color: #FAFAF7 !important;
}

/* Footer brand name (text only, no logo image) */
.cogent-footer-brand-name {
    font-family: var(--cogent-font);
    font-size: 16px;
    font-weight: 600;
    color: #FAFAF7;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

/* ─── Info de contacto (zona central) ──────────── */
.cogent-footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cogent-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    color: rgba(250, 250, 247, 0.82) !important;
    transition: color 0.15s ease;
}

.cogent-footer-contact-item:hover {
    color: #FAFAF7 !important;
    text-decoration: none !important;
}

.cogent-footer-contact-item:hover .cogent-footer-contact-val {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cogent-footer-contact-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    color: #FA4338 !important;   /* naranja — no tocar */
}

.cogent-footer-contact-val {
    font-family: var(--cogent-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: inherit;
}

/* ─── Social icons (zona derecha) ───────────────── */
.cogent-footer-social {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.cogent-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--cogent-radius);
    color: rgba(250, 250, 247, 0.65) !important;
    text-decoration: none !important;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.cogent-footer-social-link:hover {
    color: #FAFAF7 !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    text-decoration: none !important;
}

/* ─── Bottom bar ─────────────────────────────────── */
.cogent-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box;
}

.cogent-footer-bottom__inner {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.cogent-footer-copyright {
    font-family: var(--cogent-font);
    font-size: 13px;
    color: rgba(250, 250, 247, 0.45) !important;
}

.cogent-footer-bottom__inner {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.cogent-footer-legal a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-family: var(--cogent-font);
    font-size: 13px;
    color: rgba(250, 250, 247, 0.70) !important;
    text-decoration: none;
    transition: color 0.15s ease;
}

.cogent-footer-legal a:hover,
.cogent-footer-legal a:focus-visible {
    color: #FAFAF7 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ─── Responsive ─────────────────────────────────── */
@media (max-width: 767px) {
    .cogent-footer-inner  { padding: 40px 20px 36px; }
    .cogent-footer-bottom { padding: 0 20px; }
    .cogent-footer-bottom__inner { padding: 16px 0; }
    .cogent-footer-social { gap: 2px; }
}

/* ===== Header nav: dropdown menus (Categories, Training, …) ===== */
.cogent-nav__item--has-children { position: relative; }
.cogent-nav__item--has-children > a::after {
    content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 0.45em;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: translateY(-1px) rotate(45deg); opacity: 0.6;
    transition: transform 0.15s ease;
}
/* Flip chevron when dropdown is open (JS adds .is-open) */
.cogent-nav__item--has-children.is-open > .cogent-nav__nolink::after {
    transform: translateY(2px) rotate(-135deg);
}
.cogent-nav__submenu {
    position: absolute; top: 100%; left: 0; min-width: 220px;
    margin: 0; padding: 0.4rem 0; list-style: none;
    background: #fff; border: 1px solid var(--cg-border); border-radius: var(--cg-radius, 8px);
    opacity: 0; visibility: hidden; transform: translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
    z-index: 200;
}
.cogent-nav__item--has-children:hover > .cogent-nav__submenu,
.cogent-nav__item--has-children:focus-within > .cogent-nav__submenu {
    opacity: 1; visibility: visible; transform: translateY(0);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s;
}
.cogent-nav__submenu li { margin: 0; padding: 0; }
.cogent-nav__submenu a {
    display: block; padding: 0.5rem 1.1rem; font-size: 0.9rem; line-height: 1.4;
    color: var(--cg-text); text-decoration: none; white-space: nowrap;
}
.cogent-nav__submenu a:hover { background: var(--cg-soft-bg, #f4f4f0); }

/* Mobile: submenus render inline inside the stacked nav panel */
@media (max-width: 767px) {
    .cogent-nav__submenu {
        position: static;
        opacity: 1; visibility: visible; transform: none;
        transition: none; box-shadow: none;
        border: none; border-top: 1px solid var(--cg-border); border-radius: 0;
        min-width: 0; padding: 0; background: transparent;
        display: none; /* toggled by .is-open or :focus-within */
    }
    .cogent-nav__item--has-children:focus-within > .cogent-nav__submenu,
    .cogent-nav__item--has-children.is-open > .cogent-nav__submenu {
        display: block;
    }
    .cogent-nav__submenu li { border-bottom: 1px solid var(--cg-border); }
    .cogent-nav__submenu li:last-child { border-bottom: none; }
    .cogent-nav__submenu a { padding-left: 40px !important; min-height: 44px; display: flex; align-items: center; }
}


/* ============================================
   BABO — sticker flotante "Call for order"
   ============================================ */

/* Fijo abajo a la derecha. z-index 990: por encima del contenido y del
   header sticky (999 es el header, el sticker queda por debajo a
   proposito para no taparlo al hacer scroll), y muy por debajo del
   modal de color (99999). */
.cogent-babo {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 990;
    display: block;
    line-height: 0;
    text-decoration: none;
    transition: transform 0.15s ease;
}

.cogent-babo:hover,
.cogent-babo:focus {
    transform: translateY(-3px);
}

.cogent-babo img {
    display: block;
    width: 180px;
    height: auto;
}

/* Movil: pendiente de definir — oculto de momento. */
@media (max-width: 767px) {
    .cogent-babo { display: none; }
}