/*
Theme Name: child-glovo-store
Theme URI: 
Author: Glovo Store
Author URI: 
Description: Tema hijo para Glovo Store Blog
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: child-glovo-store
Tags: 
*/

/* =======================================================
   CAJA DE AUTOR "ESTILO EDITORIAL" (Adaptada para Glovo)
   ======================================================= */

.glovo-author-box {
    display: flex;
    /* Fondo color crema suave (estilo papel/editorial) */
    background: #fdfaf5; 
    /* Borde fino y elegante */
    border: 1px solid #e2d7c7; 
    padding: 35px;
    margin: 50px 0;
    border-radius: 2px; /* Bordes rectos para seriedad */
    align-items: flex-start;
    /* Tipografía con Serifa (Garamond o similar) para toque periodístico */
    font-family: 'EB Garamond', 'Georgia', serif; 
}

/* --- IMAGEN --- */
.glovo-author-img {
    flex-shrink: 0;
    margin-right: 30px;
}

.glovo-author-img img {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    /* Borde VERDE GLOVO en lugar del dorado */
    border: 2px solid #00A082; 
    padding: 3px;
    object-fit: cover;
    background: #fff;
}

/* --- CONTENIDO --- */
.glovo-author-content {
    flex: 1;
}

/* Subtítulo (COMITÉ EDITORIAL) */
.glovo-author-role {
    display: block;
    color: #00A082; /* Verde Glovo */
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    font-family: sans-serif; /* El rol queda mejor en palo seco */
}

/* Nombre (Equipo Glovo Store) */
.glovo-author-name {
    font-family: 'EB Garamond', 'Georgia', serif; 
    font-size: 26px;
    color: #242304; /* Negro suave / Carboncillo */
    margin: 0 0 12px 0;
    line-height: 1.2;
    font-weight: 700;
}

.glovo-author-name a {
    text-decoration: none;
    color: inherit;
}

/* Texto Biografía */
.glovo-author-bio {
    font-size: 16px;
    line-height: 1.6;
    color: #4b4b4b; /* Gris oscuro para lectura cómoda */
    margin-bottom: 20px;
}

/* --- BOTONES (Estilo Minimalista subrayado) --- */
.glovo-author-footer {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.btn-glovo-link {
    display: inline-block;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #242304;
    text-decoration: none !important;
    border-bottom: 1px solid #00A082; /* Subrayado verde */
    padding-bottom: 2px;
    transition: all 0.3s ease;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.btn-glovo-link:hover {
    color: #00A082;
    border-bottom-color: #242304;
}

/* --- RESPONSIVE (Móvil) --- */
@media (max-width: 767px) {
    .glovo-author-box { 
        flex-direction: column; 
        text-align: center; 
        padding: 25px; 
    }
    .glovo-author-img { 
        margin-right: 0; 
        margin-bottom: 20px; 
        width: 100%; 
    }
    .glovo-author-img img { 
        margin: 0 auto; 
    }
    .glovo-author-footer {
        justify-content: center;
    }
}

/* =======================================================
   ESTILOS DEL BUSCADOR DE LA CABECERA
   ======================================================= */

/* Contenedor del buscador (fondo gris y bordes redondos) */
.wp-block-search__inside-wrapper {
    border: none !important;
    background-color: #f3f4f6 !important; 
    border-radius: 50px !important; 
    padding: 2px 10px !important;
    min-width: 350px !important; /* Anchura corregida */
}

/* Campo de texto donde se escribe */
.wp-block-search__input {
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
    box-shadow: none !important;
}

/* El botón de la lupa */
.wp-block-search__button {
    background-color: transparent !important;
    color: #00A082 !important; /* Lupa en Verde Glovo */
    border: none !important;
    padding: 5px 15px !important;
}

/* Efecto al pasar el ratón por la lupa */
.wp-block-search__button:hover {
    background-color: transparent !important;
    color: #007c65 !important; /* Verde un poco más oscuro */
}

/* Quitar el borde negro feo cuando haces clic para escribir */
.wp-block-search__input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}