/*
Theme Name:  Kadence Child - Proyecto Postman (Home listo)
Template:    kadence
Description: Tema hijo para Proyecto Postman con portada lista (front-page.php) y estilos vintage.
Version:     1.0.3
Author:      Dovs
*/

/* ==== Kadence Header (único) ==== */
:root{
  --pp-cream: #F5E6D3;
  --pp-ink:   #3B2A1D;
  --pp-accent:#B4443D;
}

/* Fondo cremita y sombra suave */
#masthead,
#masthead .site-header-row-container-inner {
  background: var(--pp-cream) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.06) !important;
}

/* En desktop: links del menú principal */
@media (min-width: 1025px){
  .main-navigation .menu > li > a{
    color: var(--pp-ink) !important;
    font-weight: 600 !important;
    padding: 12px 14px !important;
    margin: 0 4px !important;
    border-radius: 10px !important;
    transition: color .2s ease, background .2s ease;
  }
  .main-navigation .menu > li > a:hover{
    color: var(--pp-accent) !important;
    background: rgba(180,68,61,.08) !important;
  }
  .main-navigation .menu > .current-menu-item > a,
  .main-navigation .menu > .current_page_item > a{
    color: var(--pp-accent) !important;
    background: rgba(180,68,61,.12) !important;
  }
}

/* Drawer móvil de Kadence con cremita */
#mobile-header .site-header-row-container-inner,
#mobile-header .site-main-header-wrap,
#mobile-header .site-header-inner-wrap,
#mobile-drawer .drawer-inner,
.kadence-off-canvas-panel-inner {
  background: var(--pp-cream) !important;
}

/* Links dentro del drawer */
#mobile-drawer .mobile-navigation a{
  color: var(--pp-ink) !important;
  font-weight: 600 !important;
  border-radius: 12px;
  padding: 12px 14px;
  display: block;
}
#mobile-drawer .mobile-navigation li.current-menu-item > a{
  color: var(--pp-accent) !important;
}
#mobile-drawer .mobile-navigation a:hover{
  background: rgba(180,68,61,.08) !important;
  color: var(--pp-accent) !important;
}

/* Sombra sticky (si usas sticky) */
.kadence-sticky-header .header-row,
.kadence-sticky-header .site-header-row-container{
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* ⚠️ Importante: NO ocultar el menú de Kadence en móvil */
@media (max-width:1024px){
  /* Nada de display:none sobre .main-navigation o .site-header nav */
}

/* Logo en Cabin Sketch, marrón */
.site-header .site-branding a,
.site-header .site-branding .site-title,
.kadence-header .site-branding a {
  font-family: 'Cabin Sketch', cursive !important;
  font-weight: 700 !important;
  color: #6F4D3A !important;  /* marrón, no negro */
  text-decoration: none !important;
}

/* Móvil (Kadence usa header propio) */
#mobile-header .site-branding a,
#mobile-header .site-branding .site-title {
  font-family: 'Cabin Sketch', cursive !important;
  font-weight: 700 !important;
  color: #6F4D3A !important;
  text-decoration: none !important;
}


/* opciones del header y drawer /*


//* =========================
   Navegación (Kadence)
   Con Cormorant Garamond
   ========================= */
:root{
  --nav-font: 'Cormorant Garamond', serif;  /* fuente menú */
  --nav-color: #5B4633;                     /* texto normal */
  --nav-hover: #B4443D;                     /* hover/focus */
  --nav-active-bg: rgba(180,68,61,.12);     /* fondo activo */
  --nav-active: #B4443D;                    /* texto activo */

  --drawer-bg: #F5E6D3;                     /* fondo drawer móvil */
  --drawer-link: #3B2A1D;                   /* links normales */
  --drawer-link-hover-bg: rgba(180,68,61,.10);
  --drawer-link-hover: #B4443D;

  --toggle-color: #6F4D3A;                  /* color ícono hamburguesa */
}

/* ====== ESCRITORIO ====== */
.site-header .main-navigation .menu > li > a{
  font-family: var(--nav-font) !important;
  font-weight: 500;
  font-size: 1.05rem;
  color: var(--nav-color) !important;
  text-decoration: none !important;
  border-radius: 12px;
  transition: all .2s ease;
}
.site-header .main-navigation .menu > li > a:hover,
.site-header .main-navigation .menu > li > a:focus{
  color: var(--nav-hover) !important;
  background: var(--drawer-link-hover-bg) !important;
}
.site-header .main-navigation .menu > .current-menu-item > a,
.site-header .main-navigation .menu > .current_page_item > a{
  color: var(--nav-active) !important;
  background: var(--nav-active-bg) !important;
}

/* ====== MÓVIL (drawer) ====== */
#mobile-header .menu-toggle-open .kadence-svg-icon{
  color: var(--toggle-color) !important;
}
#mobile-drawer .drawer-inner,
.kadence-off-canvas-panel-inner{
  background: var(--drawer-bg) !important;
}
#mobile-drawer .mobile-navigation a{
  font-family: var(--nav-font) !important;
  font-weight: 500;
  font-size: 1.1rem;
  color: var(--drawer-link) !important;
  border-radius: 12px;
  transition: all .2s ease;
}
#mobile-drawer .mobile-navigation a:hover,
#mobile-drawer .mobile-navigation a:focus{
  color: var(--drawer-link-hover) !important;
  background: var(--drawer-link-hover-bg) !important;
}
#mobile-drawer .mobile-navigation .current-menu-item > a{
  color: var(--nav-active) !important;
  background: var(--nav-active-bg) !important;
}
