/*
Theme Name: GrupoBits
Theme URI: https://mueblesdaj.com.ar
Description: Tema propio de WordPress para Muebles DAJ, con integración moderna de WooCommerce (tienda, ficha de producto, carrito y checkout a medida).
Author: GrupoBits
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: grupobits
*/

/* El header ahora es propio del theme (ver header.php) y no debe quedar
   encajonado por el ancho "boxed" que usaba el theme builder de Elementor;
   el <main> tampoco debe agregar un límite extra por fuera del que ya
   define cada template (shop/producto) para su propio contenido. */
.site-header,
#content,
.site-main,
main#content,
main.site-main {
  max-width: 100% !important;
  width: 100%;
}

/* Las páginas (Inicio, Nosotros, Contacto, etc.) arman su propio
   encabezado visual con Elementor, así que ocultamos el título genérico
   que agrega el theme por defecto (ej. el "Inicio" que aparecía debajo
   del header). No afecta a los títulos propios de la tienda/producto,
   que usan sus propias clases (.mueblesdaj-shop__title, etc.). */
.page-header,
.entry-header {
  display: none !important;
}

body {
  margin: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  color: #2b2b2b;
}

img {
  max-width: 100%;
  height: auto;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  background: #fff;
  padding: 12px 18px;
}

.skip-link:focus {
  left: 8px;
  top: 8px;
}

/* Footer */
.mueblesdaj-footer {
  background: #2b2b2b;
  color: #fff;
  margin-top: 40px;
}

.mueblesdaj-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 28px 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.mueblesdaj-footer__copy {
  margin: 0;
  font-size: 13px;
  color: #cfc9c2;
}

.mueblesdaj-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mueblesdaj-footer__links a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.mueblesdaj-footer__links a:hover {
  color: #b45309;
}

/* Contenido genérico (index.php / single.php) */
.mueblesdaj-generic-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 32px 60px;
  font-size: 16px;
  line-height: 1.7;
}

.mueblesdaj-post-title {
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 20px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  .woocommerce-breadcrumb {
  font-size: 0.92em;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 34px;
  font-size: 13px;
  text-transform: lowercase;
}

.daj-card__actions {
  display: flex;
  flex-wrap: wrap !important;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--daj-border);
}
a.added_to_cart.wc-forward {
  text-align: center;
  width: 100%;
  padding: 5px;
  text-decoration: none;
  background: #b45309;
  color: white;
  border-radius: 5px;
}
.scx-slide__content {
  position: relative;
  z-index: 2;
  height: 80% !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 48px 60px;
  max-width: 760px;
  color: #fff;
}
@media (max-width: 600px) {
  .scx-swiper .swiper-button-next,
  .scx-swiper .swiper-button-prev {
    width: 20px;
    height: 20px;
  }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100% !important;
    overflow: visible;
  }
}
select#billing_country {
  border: none !important;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  float: left;
  width: 100%;
}
.scx-slide__content {
  font-family: inter;
}
@media (min-width: 600px) {
  .woocommerce:where(body:not(.woocommerce-uses-block-theme))
    .woocommerce-breadcrumb {
    font-size: 0.92em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px 150px;
    font-size: 13px;
    text-transform: lowercase;
  }
}