/* custom.css — Estilos adicionales para Alegra Docs */
/* Colores de marca Alegra: primary teal #00b396, dark text #282f33 */

/* Logo text styling */
.o_logo_text {
    font-weight: 700;
    color: #00b396;
    font-size: 1.4rem;
}

@media (min-width: 992px) {
    .o_logo_text {
        font-size: 1.6rem;
    }
}

/* ============================================================
   SIDEBAR — fondo blanco, acento teal Alegra
   ============================================================ */

.o_side_nav .o_side_nav-inner {
    background-color: #fff !important;
    color: #282f33;
    border-right: 2px solid #d0f0ea;
}

/* Links del sidebar */
.o_side_nav .o_side_nav-inner .o_main_toc a,
.o_side_nav .o_side_nav-inner .o_page_toc_nav a {
    color: #282f33;
}

/* L1: color teal Alegra + negrita */
.o_main_toc .toctree-l1 > .o_toc_entry_wrapper a,
.o_main_toc .toctree-l1 > .o_toc_entry_wrapper i {
    color: #00b396 !important;
}

/* Item activo (deepest) — fondo teal Alegra, texto blanco */
.o_main_toc ul li.o_active_toc_entry.o_deepest_active_toc_entry > .o_toc_entry_wrapper,
.o_main_toc ul li.o_active_toc_entry.o_deepest_active_toc_entry > .o_toc_entry_wrapper a,
.o_main_toc ul li.o_active_toc_entry.o_deepest_active_toc_entry > a {
    background-color: #00b396 !important;
    color: #fff !important;
}

/* Padres del item activo: color teal sin fondo */
.o_main_toc ul.current li.o_active_toc_entry {
    color: #00b396;
}

/* Scrollbar sidebar */
.o_side_nav .o_side_nav-inner::-webkit-scrollbar-thumb {
    background-color: #00b396;
}

/* ============================================================
   CONTENIDO — H1 en teal Alegra
   ============================================================ */

article.doc-body section > h1 {
    color: #00b396;
}

/* ============================================================
   HEADER — sombra sutil
   ============================================================ */

header {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
}

/* ============================================================
   WRAP — fondo blanco uniforme
   ============================================================ */

#wrap {
    background-color: #fff;
}

/* ============================================================
   CARDS — hover con acento teal
   ============================================================ */

.o_toctree_card:hover .card {
    background-color: #f0faf8 !important;
    border-color: #00b396 !important;
}

/* ============================================================
   ADMONITIONS — acento teal en secondary (See Also)
   ============================================================ */

.alert.alert-secondary {
    border-left-color: #00b396 !important;
}

.alert.alert-secondary a {
    color: #00b396 !important;
}

/* ============================================================
   RELATED NAV — ocultar barra de navegación heredada de basic
   ============================================================ */

div.related {
    display: none !important;
}