/* ═══════════════════════════════════════════════════════════════
   TeamHost Universal Overrides — Habitat Catalunya

   Reglas compartidas por TODAS las páginas con shortcodes TeamHost.
   Carga DESPUÉS de teamhost-scoped.css, ANTES de archivos específicos.

   Contiene:
   - Design tokens (CSS custom properties)
   - Base typography (Montserrat override)
   - Global scope overrides (links, buttons, hidden inputs)
   - Galleria/Jssor CSS kill (backup — preferir strip server-side)

   REGLAS:
   - No selectores universales (*) excepto font-family reset
   - Todos los selectores bajo .teamhost-shortcode
   ═══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════
   1. DESIGN TOKENS
   ══════════════════════════════════════════════════════════════ */
.teamhost-shortcode {
  --hc-primary: #24559D;
  --hc-primary-dark: #1B4580;
  --hc-accent: #D57A1C;
  --hc-accent-dark: #b8661a;
  --hc-gold: #eec216;
  --hc-text: #1a1a1a;
  --hc-text-light: #6b7280;
  --hc-text-muted: #9ca3af;
  --hc-bg-card: #ffffff;
  --hc-border: #e5e7eb;
  --hc-border-light: #f3f4f6;
  --hc-radius-card: 16px;
  --hc-radius-input: 8px;
  --hc-radius-tag: 6px;
  --hc-radius-full: 9999px;
  --hc-font: 'Montserrat', sans-serif;
  --hc-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.15);
  --hc-shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.22);
  --hc-transition: 0.25s ease;
  --hc-img-ratio: 4 / 3;
  --hc-card-body-min: 160px;
  --hc-icon-size: 16px;
  --hc-icon-color: #9ca3af;
}


/* ══════════════════════════════════════════════════════════════
   2. BASE TYPOGRAPHY
   ══════════════════════════════════════════════════════════════ */
.teamhost-shortcode {
  font-family: var(--hc-font) !important;
  color: var(--hc-text);
  -webkit-font-smoothing: antialiased;
}

.teamhost-shortcode *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not([class*="fa-"]) {
  font-family: var(--hc-font) !important;
}


/* ══════════════════════════════════════════════════════════════
   3. GLOBAL OVERRIDES (links, buttons, hidden plugin inputs)
   ══════════════════════════════════════════════════════════════ */

/* Links */
.teamhost-shortcode a {
  color: var(--hc-primary);
  cursor: pointer !important;
}

.teamhost-shortcode a:hover {
  text-decoration: none !important;
}

/* Buttons */
.teamhost-shortcode button,
.teamhost-shortcode [role="button"] {
  cursor: pointer !important;
}

/* Hide color config inputs injected by plugin */
.teamhost-shortcode input[name="color_web_principal"],
.teamhost-shortcode input[name="color_web_secundario"],
.teamhost-shortcode input[name="radio_textocolor_principal"],
.teamhost-shortcode input[name="radio_textocolor_secundario"],
.teamhost-shortcode input[name="rango_imagen_height"],
.teamhost-shortcode input[name="rango_button_border_css"] {
  display: none;
}


/* ══════════════════════════════════════════════════════════════
   4. GALLERIA/JSSOR CSS KILL (backup — prefer server-side strip)
   ══════════════════════════════════════════════════════════════ */

/* Hide Galleria errors and containers globally */
.teamhost-shortcode .galleria-errors,
.teamhost-shortcode .galleria-error,
.teamhost-shortcode .galleria-container,
.teamhost-shortcode .galleria {
  display: none !important;
}

/* Hide inline-styled error divs from Galleria */
.teamhost-shortcode div[style*="background"][style*="color"][style*="position"]:first-child:not([class]) {
  display: none !important;
}