/* =========================================================
   Custom styles (PPH Maker) - DO NOT touch src/css/pph.css
   ========================================================= */

/* 1) Escala "primary" basada en tus colores */
:root {
  --bs-primary: #2989ED;
  --bs-primary-rgb: 41, 137, 237;
  --bs-primary-text-emphasis: #10375F;
  --bs-primary-bg-subtle: #D4E7FB;
  --bs-primary-border-subtle: #A9D0F8;

  --bs-link-color: #2989ED;
  --bs-link-hover-color: #2279D4;
  --bs-focus-ring-color: rgba(41, 137, 237, 0.25);
}

[data-bs-theme=dark] {
  /* Mantenemos la misma base de primary, pero con las variantes "dark" típicas */
  --bs-primary: #2989ED;
  --bs-primary-rgb: 41, 137, 237;
  --bs-primary-text-emphasis: #7FB8F4;
  --bs-primary-bg-subtle: #081B2F;
  --bs-primary-border-subtle: #10375F;
  --bs-link-color: #2989ED;
  --bs-link-hover-color: #2279D4;
}

/* Botones primarios */
.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #2989ED;
  --bs-btn-border-color: #2989ED;

  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #3A95F2;
  /* En la escala original, el border del hover coincide con el active-bg */
  --bs-btn-hover-border-color: #2279D4;

  /* ~15% tint con blanco sobre el primary para el focus ring */
  --bs-btn-focus-shadow-rgb: 73, 155, 240;

  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #2279D4;
  --bs-btn-active-border-color: #2274C8;

  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #2989ED;
  --bs-btn-disabled-border-color: #2989ED;
}

/* Repetimos en dark para evitar que adminlte.css reescriba la variante */
[data-bs-theme=dark] .btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #2989ED;
  --bs-btn-border-color: #2989ED;

  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #3A95F2;
  --bs-btn-hover-border-color: #2279D4;

  --bs-btn-focus-shadow-rgb: 73, 155, 240;

  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #2279D4;
  --bs-btn-active-border-color: #2274C8;

  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #2989ED;
  --bs-btn-disabled-border-color: #2989ED;
}

/* 2) Header: fondo/texto/hover por modo */
/* Tu layout usa: nav.main-header.navbar.navbar-green.navbar-dark */

[data-bs-theme=dark] nav.navbar.navbar-green {
  background-color: #1a1e21 !important;
  color: #ced4da !important;
}

[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .nav-link,
[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .dropdown-toggle,
[data-bs-theme=dark] nav.navbar.navbar-green .navbar-brand {
  color: #ced4da !important;
}

[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .nav-link:hover,
[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .nav-link:focus,
[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .dropdown-toggle:hover,
[data-bs-theme=dark] nav.navbar.navbar-green .navbar-nav .dropdown-toggle:focus {
  color: #ffffff !important;
}

[data-bs-theme=light] nav.navbar.navbar-green {
  background-color: #2989ED !important;
  color: #ffffff !important;
}

[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .nav-link,
[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .dropdown-toggle,
[data-bs-theme=light] nav.navbar.navbar-green .navbar-brand {
  color: #ffffff !important;
}

[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .nav-link:hover,
[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .nav-link:focus,
[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .dropdown-toggle:hover,
[data-bs-theme=light] nav.navbar.navbar-green .navbar-nav .dropdown-toggle:focus {
  color: #e9ecef !important;
}

.ew-table .ew-table-header > th,
.ew-table .ew-table-header > td,
.ew-table .ew-rpt-col-summary,
.ew-table .ew-rpt-col-header {
  --bs-table-bg: var(--bs-primary) !important;
  --bs-table-color-state: #FFFFFF !important;
}

#ew-navbar > a.navbar-brand.d-none.d-sm-block[data-ew-action="none"]
{
  width: 150px;
  height: 50px;
  display: block; 
}

[data-bs-theme=dark] #ew-navbar > a.navbar-brand.d-none.d-sm-block[data-ew-action="none"]{
  background-image: url("/custom/img/IconDark.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

[data-bs-theme=light] #ew-navbar > a.navbar-brand.d-none.d-sm-block[data-ew-action="none"] {
  background-image: url("/custom/img/IconLigth.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}



.brand-link{
  width: 100%;
  height: 50px;
  display: block;
  background-image: url("/custom/img/IconDark.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 3px 15px;
  background-origin: content-box;
  background-clip: content-box;
}