/*
Theme Name:     Extendable Child
Template:       extendable
Version:        1.0.0
Description:    Tema hijo de Extendable
Author:         Cristian Garrido
*/

/* Aquí puedes añadir CSS personalizado */

body.logged-out .wp-block-woocommerce-mini-cart,
body.logged-out .shop-link {
  display: none !important;
}

.remove-top-margin {
  margin-top: 0 !important;
}

.remove-bottom-margin {
  margin-bottom: 0 !important;
}

.height-0 {
  height: 0 !important;
}

.hidden {
  display: none !important;
}

/* --- MOBILE --- (hasta 767px) */
.show-only-mobile {
  display: none;
}

@media (max-width: 767px) {
  .show-only-mobile {
    display: block !important;
  }
}

.hide-on-mobile {
  display: block;
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}

/* --- TABLET --- (768px a 1024px) */
.show-only-tablet {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .show-only-tablet {
    display: block !important;
  }
}

.hide-on-tablet {
  display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hide-on-tablet {
    display: none !important;
  }
}

/* --- DESKTOP --- (desde 1025px) */
.show-only-desktop {
  display: none;
}

@media (min-width: 1025px) {
  .show-only-desktop {
    display: block !important;
  }
}

.hide-on-desktop {
  display: block;
}

@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important;
  }
}


/* Region menu desplegable de la cuenta de usuario */

/* Estilos para el contenedor principal del widget (si se le aplica una clase en functions.php) */
.my-account-icon-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer; /* Indica que es interactivo */
}

/* Estilo para el texto/icono que activa el desplegable */
.widget-account-trigger {
  display: block;
  padding: 10px; /* Ajusta según el tamaño de tu icono/texto */
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

/* El menú desplegable (oculto por defecto) */
.my-account-hover-menu {
  position: absolute;
  top: 100%; /* Justo debajo del activador */
  right: 0;  /* Alineado a la derecha. Ajusta si quieres left: 0; */
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  min-width: 200px;
  z-index: 9999;
  display: none; /* Oculto por defecto */
  padding: 10px 0;
  margin-top: 0;
  list-style: none;
}

/* Estilos de la lista dentro del menú */
.my-account-hover-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.my-account-hover-menu ul li {
  margin: 0;
  padding: 0;
}

.my-account-hover-menu ul li a {
  display: block;
  padding: 8px 15px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

/* .my-account-hover-menu ul li.is-active a  */
.my-account-hover-menu ul li a:hover {
  background-color: var(--wp--preset--color--tertiary);
}

/* Mostrar el menú al pasar el ratón por el contenedor del wrapper (el activador) */
.my-account-icon-wrapper:hover .my-account-hover-menu {
  display: block;
}
/* End Region menu desplegable de la cuenta de usuario */

body.logged-in .registrate-aqui {
  display: none;
}