/*
Theme Name: Mi Agua 
Theme URI: https://miagua.com.ar/
Author: Juan Pablo
Author URI: https://miagua.com.ar/
Description: Tema básico para plugin de agua.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpagua-theme
Tags: custom-theme, bootstrap, responsive
*/

/* -----------------------------
   Layout base
------------------------------ */
html, body {
  height: 100%;
  margin: 0;
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}

#page-wrapper,
main {
  flex: 1 0 auto;
}

/* -----------------------------
   Header
------------------------------ */
.site-header {
  margin-bottom: .5rem;
  padding: .5rem 0;
}

.header-logo svg {
  height: 40px;
  width: 32px;
  vertical-align: middle;
  margin-right: 2px;
}

.header-subtitle {
  font-size: .6rem;
  line-height: 1;
  display: block;
  color: var(--header-text-soft2);
}

.header-title {
  font-size:1.4rem!important;
  line-height:1.25em!important;
  letter-spacing: -0.04em;
  display: block;
  color: var(--header-text-soft);
}

/* Navegación */
.site-header .nav-link {
  color: var(--header-text);
}

.site-header .nav-link:hover {
  color: var(--header-text-soft);
}

/* -----------------------------
   Main
------------------------------ */
main {
  padding: .5rem 0;
}

#maquinasTab {
  white-space: nowrap;
}


/* -----------------------------
   Footer
------------------------------ */
footer {
  flex-shrink: 0;
  font-size: .8em;
  padding: .05rem 0;
  background-color: #f8f9fa;
  text-align: center;
}


/* ================================
   List.js pagination REAL
   ================================ */
.listjs-container .search {
  font-size: .8rem;
}


.listjs-container .pagination {
  display: flex;
  gap: 4px;
  margin-top: .5rem;
  padding-left: 0;
  list-style: none;
}

.listjs-container .pagination li a {
  display: block;
  font-size: .75rem;
  padding: .15rem .45rem;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  text-decoration: none;
  color: #0d6efd;
}

.listjs-container .pagination li.active a {
  background-color: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

.listjs-container .pagination li a:hover {
  background-color: #e9ecef;
  color: #000;
}