/*
Theme Name:   AutoDeal Child
Theme URI:    https://umohcrew.com
Description:  Child theme del tema AutoDeal para Avanim Concesionarios.
Author:       umoh
Author URI:   https://umohcrew.com
Template:     autodeal
Version:      1.0.4
Text Domain:  autodeal-child
*/

/* ============================================================
   AVANIM — CHILD THEME STYLES
   ============================================================ */


/* ─── LOGO ─────────────────────────────────────────────────── */
/*
 * El img.site-logo apunta a la URL del demo (autodealwordpress.com).
 * Lo ocultamos y mostramos el logo correcto via ::after en el link.
 */

/* Ocultar el img roto, mantener el espacio para el layout */
#logo img.site-logo {
  opacity: 0;
  width: 180px;
  height: auto;
}

/* Logo blanco para headers transparentes (home, vehiculos) */
#logo a {
  position: relative;
  display: inline-flex;
  align-items: center;
}

#logo a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 180px;
  height: 46px;
  background: url('https://dev-avanim.umohcrew.com/wp-content/uploads/2024/10/logo-blanco.webp') no-repeat left center / contain;
  pointer-events: none;
}

/* Ocultar el override en modo sticky (site-logo-fixed toma el control) */
#header.fixed-show #logo a::after,
#header.header-sticky #logo a::after,
#header.is-sticky #logo a::after {
  display: none;
}

/* Logo rojo en headers blancos (single-listing, contacto, blog, etc.) */
.single-listing #logo a::after,
.themesflat-boxed:not(.header-absolute) #logo a::after {
  background-image: url('https://dev-avanim.umohcrew.com/wp-content/uploads/2024/10/logo-rojo.webp');
}


/* ─── NAV COLOR POR CONTEXTO ────────────────────────────────── */

/* Single listing — header blanco, nav oscuro */
.single-listing #header nav.mainnav ul.menu li:not(.current-menu-item):not(.current-menu-ancestor) > a:not(:hover) {
  color: #111111 !important;
}

/* Pagina Vehiculos (3870) — header transparente oscuro, texto blanco */
body.elementor-page-3870 .header-boxed {
  position: absolute !important;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}

body.elementor-page-3870 #header,
body.elementor-page-3870 .themesflat-top {
  background: rgba(2, 1, 1, 0) !important;
}

body.elementor-page-3870 .page-header {
  display: none !important;
}

body.elementor-page-3870 #mainnav > ul > li > a,
body.elementor-page-3870 #header .show-search a,
body.elementor-page-3870 .show-search a,
body.elementor-page-3870 #header .header-ct-right .icon-login *,
body.elementor-page-3870 #header .tf-btn {
  color: #ffffff !important;
}

body.elementor-page-3870 #header .tf-btn {
  border-color: #ffffff !important;
}

body.elementor-page-3870 #header.header-sticky,
body.elementor-page-3870 #header.fixed-show {
  background: #ffffff !important;
}

body.elementor-page-3870 #header.header-sticky #mainnav > ul > li > a,
body.elementor-page-3870 #header.fixed-show #mainnav > ul > li > a {
  color: #24272c !important;
}

/* ─── BLOG SIDEBAR — TIPOGRAFÍAS ─────────────────────────────── */

/* Chivo Mono global */
@font-face {
  font-family: 'Chivo Mono';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('https://dev-avanim.umohcrew.com/wp-content/uploads/2026/06/ChivoMono-Regular.woff') format('woff');
}

/* Títulos del sidebar — Chivo Mono, mayúsculas */
#secondary h4.widget-title,
#secondary .widget-title {
  font-family: 'Chivo Mono', monospace !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em;
}

/* Categorías, etiquetas y artículos relacionados — Atyp Text */
#secondary .wp-block-categories-list a,
#secondary .wp-block-tag-cloud a,
#secondary .crp-related-posts .crp_title a,
#secondary .crp_posts_widget a {
  font-family: 'Atyp Text', sans-serif !important;
}

/* === ARTÍCULOS RECIENTES — cards horizontales === */
#secondary .wp-block-latest-posts__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#secondary .wp-block-latest-posts__list li {
  display: flex;
  align-items: center;
  gap: 12px;
}
#secondary .wp-block-latest-posts__featured-image {
  float: none !important;
  flex-shrink: 0;
  width: 90px;
  height: 68px;
  overflow: hidden;
  border-radius: 8px;
}
#secondary .wp-block-latest-posts__featured-image img {
  width: 90px !important;
  height: 68px !important;
  max-width: 90px !important;
  max-height: 68px !important;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* ─── Pagina Test Drive (4367) — header transparente, texto blanco ─ */
body.elementor-page-4367 .header-boxed {
  position: absolute !important;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}

body.elementor-page-4367 #header,
body.elementor-page-4367 .themesflat-top {
  background: rgba(2, 1, 1, 0) !important;
}

body.elementor-page-4367 .page-header {
  display: none !important;
}

body.elementor-page-4367 #mainnav > ul > li > a,
body.elementor-page-4367 #header .show-search a,
body.elementor-page-4367 .show-search a,
body.elementor-page-4367 #header .header-ct-right .icon-login *,
body.elementor-page-4367 #header .tf-btn {
  color: #ffffff !important;
}

body.elementor-page-4367 #header .tf-btn {
  border-color: #ffffff !important;
}

body.elementor-page-4367 #header.header-sticky,
body.elementor-page-4367 #header.fixed-show {
  background: #ffffff !important;
}

body.elementor-page-4367 #header.header-sticky #mainnav > ul > li > a,
body.elementor-page-4367 #header.fixed-show #mainnav > ul > li > a {
  color: #24272c !important;
}