/* ==========================================================================
   HIRIBIL GUNEA — tema para Librebooking (erreserbak.hiribil.eus)
   --------------------------------------------------------------------------
   Cómo aplicarlo (ver también README.md):
     1. Sube este archivo a Web/css/hiribil-erreserbak-theme.css dentro de
        tu instalación de Librebooking.
     2. En config/config.php añade, dentro del array de settings:
          'css.theme'          => 'dark_green',
          'css.extension.file' => 'hiribil-erreserbak-theme.css',
     3. 'dark_green' es, de los temas incluidos, el que parte de una base
        más cercana a esta paleta; este archivo se carga DESPUÉS y
        sobrescribe lo necesario para igualarlo a la web de Hiribil Gunea.

   Librebooking usa Bootstrap 5. Bootstrap expone casi todo su color a
   través de variables CSS (--bs-*), así que redefinirlas aquí ya cubre la
   mayoría de botones, alertas, tablas y formularios sin tener que apuntar
   a cada clase suelta. Los selectores añadidos debajo son los nombres de
   componente más estables de Librebooking, pero como no tengo acceso a
   vuestra instalación real, conviene revisar con el inspector del
   navegador (clic derecho → Inspeccionar) si algún elemento concreto se
   resiste, y añadir su selector al final de este archivo.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800;900&family=Work+Sans:wght@400;500;600&display=swap');

:root,
[data-bs-theme="light"] {
  /* Paleta Hiribil Gunea */
  --hiribil-verde: #8bae78;
  --hiribil-verde-ilun: #708f60;
  --hiribil-verde-argi: #E7EDE2;
  --hiribil-verde-argi-2: #E1EDDC;
  --hiribil-gris: #63666a;
  --hiribil-testu: #33352f;
  --hiribil-haritza: #dfc09f;
  --hiribil-bordeauxa: #6b1c23;

  /* Sobrescritura de las variables de Bootstrap 5 que usa Librebooking */
  --bs-primary: var(--hiribil-verde);
  --bs-primary-rgb: 139, 174, 120;
  --bs-primary-text-emphasis: var(--hiribil-verde-ilun);
  --bs-primary-bg-subtle: var(--hiribil-verde-argi);
  --bs-primary-border-subtle: var(--hiribil-verde-argi-2);

  --bs-secondary: var(--hiribil-gris);
  --bs-secondary-rgb: 99, 102, 106;

  --bs-body-bg: #ffffff;
  --bs-body-color: var(--hiribil-testu);
  --bs-body-font-family: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;

  --bs-link-color: var(--hiribil-verde-ilun);
  --bs-link-hover-color: var(--hiribil-bordeauxa);

  --bs-border-color: var(--hiribil-verde-argi-2);
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
}

body {
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--hiribil-testu);
  background: #ffffff;
}

h1, h2, h3, h4, h5, .navbar-brand {
  font-family: "Big Shoulders Display", "Arial Narrow", sans-serif;
  font-weight: 800;
  letter-spacing: 0.01em;
}

/* Cabecera / barra de navegación */
.navbar,
.header,
#header,
nav.navbar {
  background-color: var(--hiribil-verde) !important;
  border-bottom: none;
}
.navbar .nav-link,
.navbar-nav .nav-link,
.navbar-brand {
  color: var(--hiribil-testu) !important;
}
.navbar .nav-link:hover,
.navbar-nav .nav-link:hover {
  color: #ffffff !important;
}

/* Botones */
.btn-primary {
  background-color: var(--hiribil-verde);
  border-color: var(--hiribil-verde);
  color: var(--hiribil-testu);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--hiribil-verde-ilun);
  border-color: var(--hiribil-verde-ilun);
  color: #ffffff;
}
.btn-secondary {
  background-color: var(--hiribil-gris);
  border-color: var(--hiribil-gris);
}
.btn-outline-primary {
  color: var(--hiribil-verde-ilun);
  border-color: var(--hiribil-verde);
}
.btn-outline-primary:hover {
  background-color: var(--hiribil-verde);
  color: var(--hiribil-testu);
}

/* Calendario / horario de reservas */
.calendar-header,
.schedule-header,
.day-header,
th {
  background-color: var(--hiribil-verde-argi) !important;
  color: var(--hiribil-testu) !important;
}
.reservation,
.reservation-block,
.slot-reserved {
  background-color: var(--hiribil-haritza) !important;
  border-color: var(--hiribil-verde-ilun) !important;
  color: var(--hiribil-testu) !important;
}
.slot-available:hover,
.schedule-slot:hover {
  background-color: var(--hiribil-verde-argi-2) !important;
}

/* Tarjetas, paneles y tablas */
.card,
.panel,
.list-group-item {
  border-color: var(--hiribil-verde-argi-2);
}
.card-header,
.panel-heading {
  background-color: var(--hiribil-verde-argi);
  color: var(--hiribil-testu);
  font-weight: 600;
}
table thead th {
  background-color: var(--hiribil-verde-argi);
}

/* Enlaces */
a {
  color: var(--hiribil-verde-ilun);
}
a:hover {
  color: var(--hiribil-bordeauxa);
}

/* Pie de página, si existe uno propio en la plantilla */
.footer,
#footer {
  background-color: var(--hiribil-testu);
  color: var(--hiribil-verde-argi);
}

/* --------------------------------------------------------------------------
   Añade aquí, debajo de esta línea, cualquier selector concreto que
   descubras al inspeccionar vuestra instalación real y que no quede ya
   cubierto por las reglas de arriba.
   -------------------------------------------------------------------------- */

/* Logotipoaren tamaina eta lerrokatzea goiburuan eta login txartelean */
.navbar-brand img,
.header img,
#header img,
.login-box img,
.card img {
  max-height: 50px !important;
  width: auto !important;
  object-fit: contain;
}

/* Espazioen xehetasunen pop-up/leiho flotatzailea ezkutatu */
.resourceDetails,
.resource-popup,
.resource-details,
.qtip-content:has(.resourceDetails),
div[id*="resource-details"],
.popover:has(.resourceDetails) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Sagua gainetik pasatzean cursor arrunta uzteko */
.resourceName, 
a.resourceName {
    cursor: default !important;
}