/**
 * Orvex Care — Brand System
 * Carga DESPUÉS de orvex-app.css y orvex-admin.css — override limpio sin parches.
 */

/* ================================================================
   TOKENS GLOBALES — paleta oficial de marca
   ================================================================ */
:root {
  --ov-navy:        #000817;
  --ov-navy-dark:   #000817;
  --ov-navy-light:  #000817;
  --ov-gold:        #c2873b;
  --ov-gold-light:  rgba(194,135,59,0.14);
  --ov-gold-border: rgba(194,135,59,0.30);
  --ov-white:       #FFFAFF;

  --ov-border:        rgba(194,135,59,0.18);
  --ov-border-strong: rgba(194,135,59,0.42);

  --ov-shadow-sm: none;
  --ov-shadow-md: none;
  --ov-shadow-lg: none;

  --ov-font-display: 'Cinzel', serif;
  --ov-font-serif:   'Cormorant Garamond', serif;
  --ov-font:         'Montserrat', system-ui, sans-serif;

  /* Admin / Kame */
  --k-navy:    #000817;
  --k-navy-2:  #000817;
  --k-navy-3:  #000817;
  --k-gold:    #c2873b;
  --k-gold-bg: rgba(194,135,59,0.12);
  --k-white:   #FFFAFF;
}

/* ================================================================
   NAV BOTTOM — activo en navy; inactivos usan color sistema
   ================================================================ */
.orvex-nav-item--active {
  color: #000817 !important;
}

/* Botón Agendar en cards de servicio */
.orvex-service-card__btn {
  background: #c2873b !important;
  color: #000817 !important;
}


/* ================================================================
   SERVICIOS — lista de cards
   ================================================================ */
.orvex-services-section {
  background: rgb(0, 8, 23);
}

.orvex-services-section .orvex-service-card,
.orvex-services-section .orvex-service-card:hover {
  background: #000817 !important;
  border: 1px solid #c2873b !important;
  box-shadow: none !important;
}

.orvex-services-section .orvex-service-card__icon {
  background: #000817 !important;
}

.orvex-services-section .orvex-service-card__icon svg {
  stroke: #c2873b !important;
}

.orvex-services-section .orvex-service-card__name {
  color: #c2873b !important;
}

/* ================================================================
   FICHAS BADGE
   ================================================================ */
.orvex-service-card__badges {
  position: absolute;
  top: 10px;
  right: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.orvex-service-card__badges .orvex-service-card__duration {
  position: static;
  margin-top: 0;
}

.orvex-service-card__fichas-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border-radius: 20px;
  padding: 2px 7px 2px 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  background: #000817 !important;
  border: 1px solid #c2873b !important;
  color: #c2873b !important;
}

/* ================================================================
   TIPOGRAFÍA — headings de sección y modales
   ================================================================ */
.orvex-services-heading,
.orvex-modal__title,
.orvex-auth-modal__title {
  font-family: var(--ov-font-display);
  letter-spacing: 0.06em;
}

.kame-page-title,
.kame-admin-page-title,
.kame-section-title,
.kame-svc-section-title {
  font-family: var(--ov-font-display);
  letter-spacing: 0.05em;
}

/* ================================================================
   MODAL DE SERVICIO (detalle + agendamiento)
   ================================================================ */
.orvex-modal {
  background: #000817 !important;
  border: 1px solid #c2873b;
}

.orvex-modal__step {
  background: #060f20 !important;
  border: 1px solid rgba(194,135,59,0.35);
  color: #fff;
}

/* ================================================================
   SEDES
   ================================================================ */
.orvex-home__bottom,
.orvex-home__body {
  background: #000817;
}

.orvex-sedes-list__item {
  background: #000817 !important;
  border-color: #c2873b !important;
}

.orvex-sedes-list__pin,
.orvex-sedes-list__name {
  color: #c2873b !important;
}

/* ================================================================
   OVERRIDES — colores hardcodeados en CSS frozen (orvex-app.css)
   ================================================================ */

/* Sedes list items — override rgba(212,175,55) hardcodeado */
.orvex-sedes-list__item:active {
  background: rgba(194,135,59,0.1) !important;
}
.orvex-sedes-list__item--selected {
  background: #c2873b !important;
  border-color: #c2873b !important;
}
.orvex-sedes-list__name {
  color: #c2873b !important;
}

/* Modal input required — override rgba(212,175,55) hardcodeado */
.orvex-modal__input--required {
  background: rgba(194,135,59,0.08) !important;
}

/* Sede banner background gradient */
.orvex-sede-banner {
  background: linear-gradient(135deg, #000817 0%, #000817 100%) !important;
}

/* ================================================================
   OVERRIDES — colores hardcodeados en CSS frozen (orvex-admin.css)
   ================================================================ */

/* Admin app — fondo oscuro base; el panel admin lo sobreescribe vía inline style !important */
#kame-app {
  background: #000817 !important;
}

/* Checkout discount / fichas text — no usar verde */
.orvex-checkout__brow--disc span:last-child,
.orvex-checkout__brow--fichas span:last-child {
  color: #c2873b !important;
}

/* Sede seleccionada textos sobre dorado */
.orvex-sedes-list__item--selected .orvex-sedes-list__name {
  color: #FFFFFF !important;
}
.orvex-sedes-list__item--selected .orvex-sedes-list__addr {
  color: #000817 !important;
}

/* Service card desc  1 line max */
.orvex-service-card__desc {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}