/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Fondo global oscuro dinámico */

/* Disponible */
.estado.estado--disponible .elementor-button {
  background:#d4edda !important;
  color:#155724 !important;
  border-color:#c3e6cb !important;
}

/* Reservado */
.estado.estado--reservado .elementor-button {
  background:#fff3cd !important;
  color:#856404 !important;
  border-color:#ffeeba !important;
}

/* Vendido */
.estado.estado--vendido .elementor-button {
  background:#f8d7da !important;
  color:#721c24 !important;
  border-color:#f5c6cb !important;
}

/* Próximamente */
.estado.estado--proximamente .elementor-button {
  background:#d1ecf1 !important;
  color:#0c5460 !important;
  border-color:#bee5eb !important;
}


/* Personalización de acordeones de ficha de vehiculo */
/* Cuando el acordeón está abierto */
.e-n-accordion-item[open] > summary.e-n-accordion-item-title {
    border-radius: 8px 8px 0 0; /* esquinas superiores redondeadas, inferiores rectas */
}


/* Estilo de taxonomias/equipamiento de la pagina de ficha del coche */
/* Lista de taxonomías con check y tipografía personalizada */
.acf-tax-grid {
    list-style: none;
    margin: 0;
    padding: 0;
	color: white;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: clamp(0.8rem, 0.2rem + 2vw, 0.9rem);
    line-height: 1.5;
}

.acf-tax-grid li {
    position: relative;
    padding-left: 24px;  /* espacio para el check */
    margin-bottom: 8px;
}

.acf-tax-grid li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #E67E22; /* naranja */
    font-weight: bold;
    font-size: 14px; /* ajusta si quieres más grande */
    line-height: 1.2;
}

/* Estilo Off-Canvas */

@media (max-width: 767px){
  .e-offcanvas[data-offcanvas-name="Contacto ficha vehículo"]{
    --e-offcanvas-width: 310px;
    width: 310px !important;
    max-width: 100vw !important;
  }
}