/*
Mis estilos con origen CSS Adicional
*/

.page-header-image-single img[width="800"],
.post-image img[width="800"] {
  width: 640px;
  height: auto;
  display: block;
  margin: 0 auto 20px 0;
  border-radius: 18px;
}

.menu-toggle {
  background-color: transparent !important; /* Elimina el fondo gris */
  border: none !important; /* Elimina cualquier borde si lo hay */
  box-shadow: none !important; /* Elimina sombras si las hubiera */
}


.top-bar-align-right {
  justify-content: center !important;
  text-align: center !important;
}

.top-bar .widget {
  margin: 0 auto;
  text-align: center;
}


/* Reduce el padding interno del widget */
#right-sidebar .widget.inner-padding {
    padding: 20px !important;
}

/* Reduce el padding del contenedor azul que rodea la imagen */
#right-sidebar .widget_block > div {
    padding: 6px !important;
}


/* Reduce el espacio vertical entre bloques de la barra lateral */
#right-sidebar .widget {
    margin-bottom: 4px !important; /*  */
}


/* Aumenta el tamaño del icono hamburguesa en móviles */
.menu-toggle {
    font-size: 32px !important; /*  */
    padding: 10px;
}


/* Título de entradas en portada y página individual */
.entry-title {
    font-size: 27px !important; /*  */
}


.entry-title {
    font-weight: bold;
}
.entry-meta {
    font-size: 14px;
}


.widget_search input[type="search"] {
    border: 2px solid #0073aa; /* Cambia el color y grosor del borde */
    border-radius: 4px; /* Opcional: bordes redondeados */
}


.comment-reply-title {
  font-size: 1.4em;
  font-weight: bold;
}


/* Rectángulo azul redondeado para categorías */
.cat-links {
  display: block;
  border: 2px solid #007bce;
  border-radius: 10px;
  padding: 0.75em 1em;
  margin-bottom: 1.5em;
}

/* Rectángulo azul redondeado para navegación entre entradas */
.post-navigation {
  border: 2px solid #007bce;
  border-radius: 10px;
  padding: 0.75em 1em;
}


/* Color azul para el icono de categorías */
.icon-categories svg {
  fill: #007bce;
}

/* Color azul para el icono de comentarios */
.icon-comments svg {
  fill: #007bce;
}


/* Títulos de entradas en portada (enlaces) */
.entry-title a {
  color: #007bce;
  text-decoration: none;
}

.entry-title a:hover {
  color: #ff8000;
  text-decoration: underline;
}


/* Negrita solo en los enlaces del menú principal */
#primary-menu > ul > li > a {
  font-weight: bold;
}


/* Reducir la separación horizontal entre elementos del menú principal */
#primary-menu ul.sf-menu > li {
  margin-right: 14px; /* Reduce el espacio entre elementos */
}

/* Eliminar padding extra que pueda estar sumando espacio */
#primary-menu ul.sf-menu > li > a {
  padding-left: 5px;
  padding-right: 5px;
}

/* Aumentar el tamaño de letra del menú y submenús */
#primary-menu ul.sf-menu > li > a {
  font-size: 17px;
  font-weight: bold;
}

#primary-menu ul.sub-menu li a {
  font-size: 17px;
}


#primary-menu .menu-registro > a::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bce'%3E%3Cpath d='M12 2C9.243 2 7 4.243 7 7v5.586l-1.707 1.707A1 1 0 0 0 6 16h12a1 1 0 0 0 .707-1.707L17 12.586V7c0-2.757-2.243-5-5-5zm0 20a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

#primary-menu .menu-salir > a::before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 20px;
  margin-right: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23007bce' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 12H3m0 0l4-4m-4 4l4 4m13-9v14a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2h10a2 2 0 012 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -3px;
  transform: scaleX(-1); /* 🔄 Voltea horizontalmente */
}


#primary-menu .menu-login > a::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007bce' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -3px;
}


#primary-menu .menu-home > a::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11L12 3L21 11V20H14V14H10V20H3V11Z' stroke='%23007bce' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -3px;
}





.site-info {
  display: none;
}


.author-name::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: -6px;
  border-radius: 50%;
  background-image: url("/agendaibiza/wp-content/uploads/2025/09/cropped-agenda-512-transp-01-1.webp");
  background-size: cover;
  background-position: center;
}


.footer-cuadro {
  background-color: #007bce;
  color: #fff;
  border: 1px solid #007bce;
  border-radius: 8px;
  padding: 12px 16px;
  display: block;            /* Cambiado de inline-block a block */
  width: 100%;               /* Ocupa todo el ancho del contenedor */
  box-sizing: border-box;    /* Incluye padding y border en el ancho */
  position: relative;        /* Necesario para la línea inferior */
}

.footer-cuadro small {
  font-size: 13px;
  line-height: 1.4;
  color: #fff;
}


.menu-agenda-icono {
  display: inline-block;
  width: 20px;
  height: 24px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  font-weight: normal;
}


/* Ocultar el mensaje de campos obligatorios */
.required-field-message {
    display: none;
}

/* Separar el bloque de usuario conectado en líneas */
.logged-in-as {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.6;
}

/* Estilizar los enlaces */
.logged-in-as a {
    display: inline-block;
    color: #0073aa;
    text-decoration: none;
}

.logged-in-as a:hover {
    text-decoration: underline;
}

/* Ocultar el punto después del enlace "Edita tu perfil" */
.logged-in-as a[href*="profile.php"]::after {
    content: none;
}

/* Ocultar cualquier texto residual que sea solo un punto */
.logged-in-as a[href*="profile.php"] + *:not(a):not(span) {
    display: none;
}


a.externo::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  position: relative;
  top: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23808080'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 13v6a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2h6m5-3h5m0 0v5m0-5L10 14' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}


#comment {
  border: 2px solid #007bce;
  border-radius: 8px; /* aquí se redondea el borde */
  padding: 10px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
}

#comment:focus {
  border-color: #005fa3; /* azul más intenso al enfocar */
  box-shadow: 0 0 5px rgba(0, 123, 206, 0.4);
  outline: none;
}


#submit {
  background-color: #007bce;
  color: #fff;
  border: none;
  border-radius: 8px; /* redondea el botón */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#submit:hover {
  background-color: #005fa3; /* tono más oscuro al pasar el ratón */
}


.wp-block-search__button {
  background-color: #007bce !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important; /* redondeo más discreto */
  padding: 8px 16px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wp-block-search__button:hover {
  background-color: #005fa3 !important;
}


/* Opciones con clase .menu-gris */
.menu-gris > a {
  color: #7F7F7F !important;
  text-decoration: none !important;
}

.menu-gris > a:hover {
  color: #ff8000 !important;
  text-decoration: underline !important;
}

/* Todas las demás opciones del menú superior */
.menu-item > a:hover,
.menu > li > a:hover {
  text-decoration: underline !important;
}


h1, h2, h3, h4, h5, h6 {
  color: #3E5F81; /*  */
}

.widget-title {
  color: #3E5F81; /* Títulos de los bloques de la barra lateral */
}


/* ● Estilo para círculos delante de enlaces en bloques:
   - Últimas Entradas (widget_recent_entries)
   - Categorías automáticas (wp-block-categories-list)
   - Guía de Ibiza (enlaces con clase cat-item)
   Color: #ff8000 */

.widget_recent_entries ul li::before,
.wp-block-categories-list li::before,
ul li a.cat-item::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #ff8000;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}


/* Asegura que el header tenga posición relativa */
.single .entry-header {
  position: relative;
}


/* Título de categoría sin estilos decorativos */
.archive .page-header .page-title {
  color: #3E5F81;
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 0.5em;
}


/* Reducir tamaño de fuente en el listado de últimas entradas */
.widget_recent_entries .wp-block-latest-posts__post-title {
  font-size: 1.0em;
  line-height: 1.3;
}


/* Estilo personalizado para el título de comentarios */
.comments-area h2.comments-title {
  font-size: 1.4em !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 1em 0 !important;
  color: #3E5F81 !important;
  font-family: inherit !important;
  text-transform: none !important;
}

/* Ocultar imagen destacada en posts y páginas */
.single .page-header-image-single,
.page .featured-image.page-header-image {
    display: none;
}