/*
Theme Name: Archivo Fech
Theme URI: https://archivofech.cl
Description: Tema FSE institucional del Archivo y Centro de Documentacion Fech. Identidad visual consistente con el catalogo Pawtucket2.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Author: Integratek Cloud Services
Author URI: https://integratek.cl
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: archivo-fech
Template:
*/

/* === HEADER === */
.fech-header-cols {
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.fech-col-logo {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}
.fech-col-logo .wp-block-image {
    margin: 0 !important;
    line-height: 0 !important;
}
.fech-col-logo .wp-block-image img {
    height: 56px !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
}

/* Navigation column */
.fech-col-nav {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: visible !important;
}
.fech-nav {
    width: 100% !important;
}
.fech-nav .wp-block-navigation__container {
    justify-content: flex-end !important;
    column-gap: 1.25rem !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.fech-nav .wp-block-navigation-item__content {
    color: #ffffff !important;
    font-size: 0.875rem !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    padding: 0.35rem 0 !important;
    text-decoration: none !important;
}
.fech-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.fech-nav .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content {
    color: #fabe3f !important;
    text-decoration: none !important;
}

/* Submenu */
.fech-nav .has-child { position: relative !important; }
.fech-nav .wp-block-navigation__submenu-container {
    background-color: #1d1d1b !important;
    border-top: 2px solid #a94392 !important;
    min-width: 220px !important;
    padding: 0.5rem 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
    z-index: 9999 !important;
}
.fech-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    border-bottom: 1px solid #333 !important;
    color: #cccccc !important;
    white-space: nowrap !important;
    display: block !important;
}
.fech-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
    border-bottom: none !important;
}
.fech-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
    background-color: #2a2a28 !important;
    color: #fabe3f !important;
}

/* Search column */
.fech-col-search {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
}
.fech-search .wp-block-search__inside-wrapper {
    display: flex !important;
    align-items: stretch !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    gap: 0 !important;
}
.fech-search .wp-block-search__input {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid #555 !important;
    border-right: none !important;
    color: #fff !important;
    padding: 0.4rem 0.75rem !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.85rem !important;
    width: 150px !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.fech-search .wp-block-search__input::placeholder { color: #aaa !important; }
.fech-search .wp-block-search__button {
    background-color: #fabe3f !important;
    border: 1px solid #fabe3f !important;
    border-left: none !important;
    color: #1d1d1b !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 0.4rem 0.9rem !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}
.fech-search .wp-block-search__button:hover {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
}

/* Header bottom separator */
.fech-header-sep {
    height: 3px !important;
    margin: 0 !important;
    border: none !important;
    opacity: 1 !important;
}

/* === FOOTER === */
.fech-footer-border-top { height: 3px; background-color: #a94392; }

/* Mobile */
@media (max-width: 782px) {
    .fech-header-cols { flex-wrap: wrap !important; }
    .fech-col-logo,
    .fech-col-nav,
    .fech-col-search { flex-basis: 100% !important; width: 100% !important; }
    .fech-col-search { justify-content: flex-start !important; }
    .fech-search .wp-block-search__input { width: 100% !important; flex: 1 !important; }
    .fech-nav .wp-block-navigation__container { justify-content: flex-start !important; }
}

/* --- ÍTEM ACTIVO DEL MENÚ: fondo morado --- */
/* aria-current="page" es la clase que WordPress FSE añade de forma fiable */
.wp-block-navigation-item__content[aria-current="page"] {
    background-color: #a94392 !important;
    color: #ffffff !important;
    border-radius: 2px;
    padding: 4px 8px !important;
}
/* Ítem padre cuando submenú está activo */
.fech-nav .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content {
    background-color: #a94392 !important;
    color: #ffffff !important;
    border-radius: 2px;
}

/* --- MIN-HEIGHT CONTENIDO (evita footer flotante) --- */
main#wp--skip-link--target,
.wp-site-blocks > main {
    min-height: calc(100vh - 280px);
}