/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Hide image blog post */
.post-single-page.has-post-thumbnail .article-inner > .entry-header {display: none;}

/* disable hover image zoom */
/*body .product-grid-item .product-element-top:hover .hover-img {
  transform: none;
  -webkit-transform: none;
}*/

/* Hide add cart action */
.wd-buttons .wd-add-cart-icon {display: none;}

/* Background product title tabs */
.single-product-page .wd-tab-wrapper .wd-all-open-title {background-color: rgba(0, 123, 196, 1); color: white;padding-left: 1em;border-top-right-radius: 5px 5px;border-top-left-radius: 5px 5px;}

/* Margin purchase buttons */
form button.single_add_to_cart_button {margin-bottom: 1em; background-color: #ffe354; color: #000;}
form button.single_add_to_cart_button:hover {background-color: #ffeb8d;color: #000;}

/* Purchase button in loops */
.wd-bottom-actions .wd-add-btn {display: none;}

/* Remove hover effects */
body .category-grid-item:hover .category-image {transform: none;}
body .category-grid-item-lcs:hover .category-image {transform: none;}

/* Scale category image */
.wrapp-category .category-image-wrapp img {border-radius: 12px; transform: scale(0.8);}

/* Shadow grid category */
.categories-style-default .wrapp-category, .category-grid-item .wrapp-category, .category-grid-item-lcs .wrapp-category {box-shadow: 0 0 4px rgba(0,0,0,0.12);}

/* Product category filters */
.lcs-filters-products-category .col-lg-3, .lcs-filters-products-category .col-md-3, .lcs-filters-products-category .col-sm-6, .lcs-filters-products-category .col-12 {max-width: 100%;}

/* arrows carrousel */
.owl-carousel .wd-btn-arrow {visibility: visible;opacity: 1;}
.owl-carousel .wd-btn-arrow[class*="prev"], .owl-carousel .wd-btn-arrow[class*="next"] {transform: none;}
.owl-carousel .wd-btn-arrow[class*="prev"]:after, .owl-carousel .wd-btn-arrow[class*="next"]:after {background-color: rgba(0, 0, 0, 0.02);border-radius: 8px; color:  rgba(0, 123, 196, 1);padding: 8px;}

/* default font size in content descriptions */
.content-layout-wrapper #tab-description, .content-layout-wrapper .wd-shop-desc, .content-layout-wrapper .post-single-page {font-size: 16px;}
.content-layout-wrapper .wd-shop-desc a, .content-layout-wrapper .post-single-page a, .content-layout-wrapper .article-body-container a, div#tab-description a {color: #00558F; font-weight: bold; text-decoration: underline;}

/* FAQs / Toggles de Elementor: que NO parezcan enlaces */
.elementor-toggle .elementor-toggle-title,
.elementor-accordion .elementor-accordion-title {
  color: inherit !important;          /* mismo color que el texto normal */
  text-decoration: none !important;   /* sin subrayado */
}

.content-layout-wrapper .meta-post-categories a {color: #fff;}

/* box categories */
.category-grid-item-lcs{text-align:center}.category-grid-item-lcs img{width:100%}.category-grid-item-lcs .hover-mask{padding:10px}.category-grid-item-lcs .category-image-wrapp{position:relative;overflow:hidden;border-radius:var(--wd-brd-radius);-webkit-mask-image:-webkit-radial-gradient(white, black)}.category-grid-item-lcs .category-image{display:block;margin:10px;transition:transform 0.5s cubic-bezier(0, 0, 0.44, 1.18)}.category-grid-item-lcs:hover .category-image{transform:scale3d(1.1, 1.1, 1)}.category-grid-item-lcs .wd-entities-title{margin-bottom:0;text-transform:uppercase;font-size:20px;min-height: 80px;}.category-grid-item-lcs .count{display:none;padding:0;background-color:transparent;color:rgba(0,0,0,0.25)}.category-grid-item-lcs .more-products>a{color:inherit}.category-grid-item-lcs .wrapp-category{position:relative;border-radius:var(--wd-brd-radius)}.category-grid-item-lcs .category-link{z-index:5}.wd-img-width .cat-design-alt .category-image-wrapp{margin-left:auto;margin-right:auto;max-width:var(--wd-cat-img-width)}.products:not(.wd-img-width) .cat-design-alt img{width:auto}.cat-design-alt.categories-with-shadow .category-image-wrapp{box-shadow:1px 1px 2px rgba(0,0,0,0.12)}@media (max-width: 768.98px){.category-grid-item-lcs .wd-entities-title{font-size:16px}.category-grid-item-lcs:hover .category-image{transform:none}}

/* height videos fix */
.elementor-widget-video {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;}
.elementor-widget-video .elementor-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* min height title in grids */
.product-grid-item .product-title {min-height:40px;}

/* search images */
.search-results-wrapper .suggestion-thumb {text-align: center;}
.search-results-wrapper .suggestion-thumb img {max-height: 100px; width: auto;}

/* product images */
.woocommerce-product-gallery .product-image-wrap figure {text-align: center;}
.woocommerce-product-gallery .product-image-wrap img {max-height: 400px; width: auto; margin: auto;}

/* filters and media queries */
@media (max-width: 600px) {
  /* product images */
  .woocommerce-product-gallery .product-image-wrap figure {text-align: center;}
  .woocommerce-product-gallery .product-image-wrap img {max-height: 200px; width: auto; margin: auto;}
  .woocommerce-product-gallery .thumbnails img {max-height: 100px;}
}
@media (max-width: 1024px) {
  /* product images */
  .woocommerce-product-gallery .product-image-wrap figure {text-align: center;}
  .woocommerce-product-gallery .product-image-wrap img {max-height: 300px; width: auto; margin: auto;}
  .woocommerce-product-gallery .thumbnails img {max-height: 150px;}
}

@media (max-width: 1200px) and (min-width: 1025px)  {
  /* fix very long header menu */
  .wd-nav-main>li>a {font-size: 12px !important;}
  .wd-nav-main.wd-nav {gap: 1px 9px;}
}

/* hide pricings  */
.woocommerce-Price-amount {
  display: none !important;
}

/* custom styles  */
.woocommerce-breadcrumb, .woocommerce-breadcrumb a {
  color: #80706F;
}
input.wd-search-inited {
  color: #80706F !important; 
}
.whb-color-dark [class*="wd-header-search-form"] :is(.wd-style-default,.wd-style-with-bg-2) {
  --wd-form-placeholder-color: #80706F !important;
}
.entry-meta-list li {
  color: #80706F;
}
.single-product-page .wd-tab-wrapper .wd-all-open-title > h2 {
  color: #fff;
}
nav.woocommerce-breadcrumb a, nav.woocommerce-breadcrumb span {
  font-size: 16px;
}
.lcs-floating-notice {
  z-index: 9 !important;
}

/* author meta */
.lcs-author-info-custom {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.75em;
}
.lcs-author-info-custom .lcs-author-img-avatar {
  display: flex;
}
.lcs-author-info-custom  a {
  color: var(--wd-primary-color);
  font-weight: 600;
  font-size: 16px;
}
.lcs-author-info-custom .lcs-author-img-avatar img {
  max-width: 74px;
  border: 3px solid var(--wd-main-bgcolor);
  border-radius: 50%;
}
.lcs-author-info-custom .lcs-author-info-meta {
  display: flex;
  flex-direction: column;
}

@media (max-width: 600px) {
  .lcs-author-info-custom {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.75em;
  }
}

/* Form products */
form.cart.cart-product-form {
  display: flex;
}

form.cart.cart-product-form>* {
  flex: 1 1 20%;
}

.wd-btn-design-full form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn) {
  color: rgb(51, 51, 51);
  flex: 1 1 50% !important;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.cart-product-form button {
  margin-bottom: 1em;
}

.cart-product-form button.single_add_to_cart_button_logo {
  background-color: #FFF;
}

.lcs-filters-products-category .filter-widget span {
  color: #595858;
}

.searchform input::placeholder, .searchform input, input.wd-search-inited::placeholder, input.wd-search-inited {
  color: #595858 !important;
  font-weight: bold;
}

.scrollToTop {
  display: none !important;
}

.scrollToTop.button-show {
  display: none !important;
}


/* 🔒 Ocultar el botón "Sidebar" solo en móviles */
@media (max-width: 768px) {
  .wd-sidebar-opener.wd-not-on-shop.wd-action-btn.wd-style-icon {
    display: none !important;
  }
}

.elementor-widget-image figcaption{
  color: #000 !important;
  font-weight: 600 !important;
}

/* Barra rellena (azul) */
.chart-scores-product-lcs .chart-scores-product-lcs-score{
  background: #007BC4 !important;
  background-image: none !important;
}

/* Móvil */
@media (max-width: 767px){
  .chart-scores-product-lcs .chart-scores-product-lcs-total-score{ font-size: 28px !important; }
  .chart-scores-product-lcs .chart-scores-product-lcs-total-title{ font-size: 14px !important; }
}

/* MÓVIL: mismo diseño, barras un poco más grandes y número igual al texto del título */
@media (max-width: 767px) {

  /* NO tocamos 9,9 + Puntuación */

  /* Títulos (Diseño, Potencia...) - mantenemos el ajuste que ya tenías */
  .elementor-widget-lcs_chart_scores_product .chart-scores-product-lcs-score-title span{
    font-size: 13px;
    line-height: 1.2;
  }

  /* Espaciado entre filas */
  .elementor-widget-lcs_chart_scores_product .chart-scores-product-lcs-score-item{
    margin-bottom: 7px;
  }
  .elementor-widget-lcs_chart_scores_product .chart-scores-product-lcs-score-item:last-child{
    margin-bottom: 0;
  }

  /* Barras MÁS grandes */
  .elementor-widget-lcs_chart_scores_product .chart-scores-product-lcs-score{
    height: 14px;
  }

  /* Número dentro de la barra: mismo tamaño que el texto del título */
  .elementor-widget-lcs_chart_scores_product .chart-scores-product-lcs-score-internal{
    font-size: 13px;     /* hereda el tamaño del texto del contenedor */
    line-height: 14px;      /* centrado vertical con la nueva altura */
  }
}

strong, b {
  font-weight: 600 !important;
}

/* Quitar la negrita solo para el enlace del autor */
.author-link {
  font-weight: normal !important;
}

.entry-meta .meta-author .fn {
    font-weight: 400;
}


/* =================================== */
/* Avatar autor - evita CLS */
/* =================================== */
.lcs-author-img-avatar {
  width: 74px;
  height: 74px;
  min-width: 74px;
  min-height: 74px;
  flex-shrink: 0;
}

.lcs-author-img-avatar img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Breadcrumbs en Lato 400 */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span {
  font-family: "Lato", sans-serif;
  font-weight: 400 !important;
}

/* Solo negritas dentro del widget de texto de Elementor */
.elementor-widget-text-editor strong,
.elementor-widget-text-editor b {
  font-weight: 700 !important;
}

/* Negritas dentro del bloque WoodMart (wd_text_block) */
.elementor-widget-wd_text_block strong,
.elementor-widget-wd_text_block b,
.elementor-widget-wd_text_block .wd-text-block strong,
.elementor-widget-wd_text_block .wd-text-block b {
  font-weight: 700 !important;
}


/* Títulos de Elementor (H1/H2/H3 del widget Heading) */
.elementor-widget-heading .elementor-heading-title{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Título del post (tu <h1 class="entry-title title">) */
h1.entry-title.title{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Cabecera de la tabla de atributos: Características / Detalles */
.elementor-widget-attributes_table_product table.woocommerce-product-attributes tr:first-child th {
  font-family: "Lato", sans-serif;
  font-weight: 700 !important;
}
/* Título "Ofertas" en Lato 700 */
p.woodmart-title-container.title.wd-fontsize-l{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}
/* Todos los botones de Elementor en Lato 700 */
.elementor-button .elementor-button-text{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}
/* Título de producto (WooCommerce / WoodMart) en Lato 700 */
h1.product_title.entry-title.wd-entities-title{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* "Categorías:" (label de metadatos) en Lato 700 */
.meta-label{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Títulos Ventajas / Inconvenientes (widget lcs_pros_cons_product) en Lato 700 */
.elementor-widget-lcs_pros_cons_product h2#ventajas,
.elementor-widget-lcs_pros_cons_product h2#inconvenientes{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* "Características técnicas" (título del acordeón) en Lato 700 */
#info-title-lcs h2#caracteristicas-tecnicas,
#info-title-lcs h2#caratteristiche-tecniche{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Labels de la tabla (Material, Perfiles de usuario, etc.) en Lato 700 */
#info-title-lcs .woocommerce-product-attributes-item__label,
#info-title-lcs .woocommerce-product-attributes-item__label span{
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Leyendas/captions de imágenes en el contenido: Lato 400 */
.entry-content figcaption.widget-image-caption,
.entry-content .wp-caption-text,
.elementor .elementor-widget-image figcaption.widget-image-caption,
.elementor .elementor-widget-image .wp-caption-text {
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
}



/* ── LCS Reviewers Form ── */
.lcs-form-wrap {
  max-width: 580px;
  margin: 0 auto;
  font-family: inherit;
}

.lcs-form-wrap input[type="text"],
.lcs-form-wrap input[type="email"],
.lcs-form-wrap input[type="tel"],
.lcs-form-wrap textarea {
  width: 100%;
  padding: 9px 12px;
  font-size: 14px;
  border: 0.5px solid #d1d1d1;
  border-radius: 8px;
  background: #ffffff;
  color: #111;
  box-sizing: border-box;
  transition: border-color 0.2s;
  appearance: none;
}

.lcs-form-wrap input[type="text"]:focus,
.lcs-form-wrap input[type="email"]:focus,
.lcs-form-wrap input[type="tel"]:focus,
.lcs-form-wrap textarea:focus {
  outline: none;
  border-color: #888;
}

.lcs-form-wrap textarea {
  resize: vertical;
  min-height: 90px;
}

.lcs-label {
  display: block;
  font-size: 13px;
  color: #666;
  margin-bottom: 6px;
}

.lcs-field-group {
  margin-bottom: 1rem;
}

.lcs-divider {
  border: none;
  border-top: 0.5px solid #e0e0e0;
  margin: 1.25rem 0;
}

.lcs-checks .wpcf7-checkbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 4px;
}

.lcs-checks .wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  color: #555;
}

.lcs-checks .wpcf7-list-item input[type="checkbox"] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  cursor: pointer;
}

.lcs-checks .wpcf7-list-item-label {
  cursor: pointer;
}

.lcs-legal {
  font-size: 12px;
  color: #999;
  line-height: 1.6;
  margin: 1rem 0 0.75rem;
}

.lcs-submit-wrap input[type="submit"],
.lcs-submit-wrap .wpcf7-submit {
  width: 100%;
  padding: 11px 20px;
  font-size: 15px;
  font-weight: 500;
  background: #007CBA;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s;
}

.lcs-submit-wrap input[type="submit"]:hover,
.lcs-submit-wrap .wpcf7-submit:hover {
  opacity: 0.88;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  color: #c0392b;
  margin-top: 4px;
}

.wpcf7-response-output {
  font-size: 13px;
  padding: 10px 14px;
  border-radius: 8px;
  margin-top: 1rem;
  border: 0.5px solid #d1d1d1;
}

/* ── Landing reviewers: forzar colores de texto ── */
.lcs-landing-text-dark {
  color: #111111 !important;
}
.lcs-landing-text-medium {
  color: #555555 !important;
}
.lcs-landing-text-light {
  color: #888888 !important;
}

/* fuerza el contenido del widget a empezar por la izquierda */
.elementor-widget-lcs_author_info_custom .elementor-widget-container { text-align: left; }

.lcs-author-info-custom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 16px 0;
  padding: 14px 0;
  border-top: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.lcs-author-info-custom .lcs-author-img-avatar { flex: 0 0 auto; margin: 0; }
.lcs-author-info-custom .lcs-author-img-avatar img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; }
.lcs-author-info-custom .lcs-author-info-meta {
  display: grid;
  grid-template-columns: auto auto;
  gap: 6px 40px;
  font-size: 14px;
  line-height: 1.35;
}
.lcs-author-info-custom .author-tested-by,
.lcs-author-info-custom .author-reviewed-by,
.lcs-author-info-custom .author-price-check-date,
.lcs-author-info-custom .author-technical-update-date {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
}
.lcs-author-info-custom .lcs-author-icon { width: 15px; height: 15px; flex: 0 0 auto; color: #9ca3af; }
.lcs-author-info-custom .author-link { white-space: nowrap; font-weight: 600; }

@media (max-width: 767px) {
  .lcs-author-info-custom .lcs-author-info-meta { grid-template-columns: 1fr; gap: 4px; }
}
/* === Woodmart 8.x: equivalente del sizing manual de galeria de producto ===
   (.product-image-wrap ya no existe; los slides ahora son .wd-carousel-item) */
.single-product .woocommerce-product-gallery .wd-carousel-item figure {text-align: center;}
.single-product .woocommerce-product-gallery .wd-carousel-item img {max-height: 400px; width: auto; margin: auto;}
@media (max-width: 1024px) {
  .single-product .woocommerce-product-gallery .wd-carousel-item img {max-height: 300px;}
  .single-product .wd-gallery-thumb img {max-height: 150px;}
}
@media (max-width: 600px) {
  .single-product .woocommerce-product-gallery .wd-carousel-item img {max-height: 200px;}
  .single-product .wd-gallery-thumb img {max-height: 100px;}
}

/* VideographyWP: el plugin calcula la altura al cargar, cuando el carrusel de Woodmart
   aun no ha dado ancho a la diapositiva, y queda en 0. Se fuerza la proporcion. */
.cvwp-woocommerce-featured-video .cvwp-woocommerce-video-player{height:auto!important;aspect-ratio:16/9}
.cvwp-woocommerce-featured-video .cvwp-woocommerce-video-player[data-aspect="4x3"]{aspect-ratio:4/3}
.cvwp-woocommerce-featured-video .cvwp-woocommerce-video-player[data-aspect="1x1"]{aspect-ratio:1/1}
.cvwp-woocommerce-featured-video .cvwp-woocommerce-video-player iframe{display:block;width:100%;height:100%}

/* Caja de autor de fichas y categorías. Antes iba como «CSS personalizado» de Elementor Pro en los layouts 32366 y 32362;
   se trae al tema para no depender de Elementor Pro (tarea 06). */
/* Estilos para la sección de la caja de autor */
.author-box-section {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Estilo para el contenedor de la caja de autor */
.author-box-container {
  display: flex;
  flex-direction: row; /* Mantener los elementos en fila (imagen a la izquierda, texto a la derecha) */
  gap: 20px;
  align-items: center; /* Alinear la imagen y el texto verticalmente */
}

/* Estilo para la imagen del autor (a la izquierda) */
.author-box-avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* Bordes redondeados */
  object-fit: cover;
  border: 2px solid #003a70; /* Bordes azules */
  margin-right: 20px; /* Espacio entre la imagen y el texto */
}

/* Estilo para el texto de la caja de autor */
.author-box-text {
  flex-grow: 1; /* El texto ocupa el espacio restante */
}

.author-box-name {
  font-size: 22px;
  font-weight: bold;
  color: #003a70; /* Color azul oscuro */
  margin-bottom: 10px;
}

/* Estilo para la biografía del autor */
.author-box-bio p {
  font-size: 14px;
  color: #555555;
  line-height: 1.6;
}

/* Estilo para el botón "Más sobre mí" */
.author-box-button {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 20px;
  background-color: #003a70;
  color: #fff;  /* Texto blanco */
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}

/* Eliminar cambio de color del texto al hacer hover */
.author-box-button:hover {
  background-color: #007bff; /* Solo cambia el color de fondo */
  color: #fff; /* Mantener el texto blanco al pasar el ratón */
}

/* Estilos para los iconos sociales */
.author-social-icons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
  margin-left: 20px; /* Espaciado entre el botón y los iconos */
}

.social-icon {
  font-size: 20px;
  color: #003a70; /* Color de los iconos */
  transition: color 0.3s;
}

.social-icon:hover {
  color: #007bff; /* Cambio de color al pasar el ratón */
}

/* Estilos para icono de email */
.social-icon.email {
  font-size: 22px;
}
