/*
Theme Name: AGL Custom Theme
Theme URI: https://autorecambiosgl.com
Author: Autorecambios GL
Author URI: https://autorecambiosgl.com
Description: Tema hardcoded ultra-ligero para Autorecambios GL.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: agl-custom-theme
*/

/* Estilos minimos de apoyo. El layout principal usa utilidades Tailwind por CDN. */
:root {
  color-scheme: light;
}

body {
  margin: 0;
}

.bg-brand-red {
  background-color: #e32b2b;
}

.text-brand-red {
  color: #e32b2b;
}

.border-brand-red {
  border-color: #e32b2b;
}

.bg-brand-dark {
  background-color: #232f3e;
}

.text-brand-dark {
  color: #232f3e;
}

.border-brand-dark {
  border-color: #232f3e;
}

.bg-bg-light {
  background-color: #f7f9fa;
}

.agl-gradient-hero {
  background: radial-gradient(circle at top right, rgba(227, 43, 43, 0.35), transparent 42%);
}

.agl-gradient-hero-b2b {
  background: radial-gradient(circle at bottom left, rgba(227, 43, 43, 0.38), transparent 46%);
}

.agl-gradient-banner {
  background: linear-gradient(90deg, #232f3e 0%, #334155 55%, #e32b2b 100%);
}

/* Bloquea plantillas globales de Elementor solo en vistas migradas del Hito 1. */
body.agl-migrated-view header.elementor-location-header,
body.agl-migrated-view footer.elementor-location-footer,
body.agl-migrated-view [data-elementor-type="header"],
body.agl-migrated-view [data-elementor-type="footer"] {
  display: none !important;
}

/* Estilos robustos de navegacion para menus gestionados desde WP Admin. */
.agl-desktop-menu .menu,
#agl-mobile-menu .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agl-desktop-menu .menu > li {
  margin: 0;
}

.agl-desktop-menu .menu > li > a {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.agl-desktop-menu .menu > li > a:hover,
.agl-desktop-menu .menu > li.current-menu-item > a,
.agl-desktop-menu .menu > li.current_page_item > a {
  color: #fecaca;
}

#agl-mobile-menu .menu li {
  margin: 0;
}

#agl-mobile-menu .menu a {
  display: block;
  color: #232f3e;
  font-weight: 700;
  text-decoration: none;
}

.agl-logo-wrap img,
.agl-logo-wrap .custom-logo {
  max-height: 40px;
  width: auto;
}