/* 
Theme Name: FJ Child
Theme URI: https://fjove.com
Description: Grupo Fernandez Jove. Ingeniería construcción naval- Ingeniería obra civil, offshore, telecomunicaciones
Author: FERNÁNDEZ JOVE, S.A.
Author URI: https://fjove.com
Template: hello-elementor
Version: 3.0.0
Text Domain: fj-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.footer-click-title-menu {}
.footer-click-content-menu {}
#footer-contacto-fj {}
#footer-enlaces-rapidos-fj {}
#footer-enlaces-rapidos-fj-content {}
#footer-informacion-fj {}
#footer-informacion-fj-content {}

.footer-click-title-menu .elementor-widget-container .e-fas-chevron-up,
.footer-click-title-menu .elementor-widget-container .e-fas-chevron-down {
    fill: var(--e-global-color-primary);
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-top: 0px;
}

.footer-click-title-menu .e-fas-chevron-up, 
.footer-click-title-menu .e-fas-chevron-down {
    display: none;
}

@media (max-width: 991px) {
    .footer-click-title-menu .elementor-widget-container { display: flex; }
    .footer-click-title-menu .e-fas-chevron-down { display: block; }
    .footer-click-title-menu.footer-show-menu .e-fas-chevron-up{ display: block; }
    .footer-click-title-menu.footer-show-menu .e-fas-chevron-down{ display: none; }
    .footer-click-content-menu { display: none; }
}


/* =========================================================
   0. VARIABLES CORPORATIVAS
========================================================= */

:root{
  --fj-blue: #082742;
  --fj-blue-hover: #0d3558;
  --fj-border: #e6e9ed;
  --fj-row-alt: #f4f6f8;
}


/* =========================================================
   1. OCULTAR ECOMMERCE (SOLO PRODUCTO INDIVIDUAL)
========================================================= */

.single-product .price,
.single-product .single_add_to_cart_button,
.single-product .quantity,
.single-product .stock,
.single-product .reset_variations{
  display:none !important;
}


/* =========================================================
   2. CATÁLOGO (GRID PRODUCTOS)
========================================================= */

.woocommerce ul.products li.product .price{
  display:none !important;
}

.woocommerce ul.products li.product a{
  display:block;
}


/* =========================================================
   3. VARIACIONES
========================================================= */

.single-product .single_variation{ margin-top:15px; }
.single-product .variations{ margin-bottom:0; }

.bloque-material{ display:none; }


/* =========================================================
   4. BOTÓN FICHA TÉCNICA
========================================================= */

.btn-ficha-tecnica{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  padding:10px 18px;
  background-color:var(--fj-blue);
  color:#ffffff !important;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  border-radius:4px;
  line-height:1;
  transition:all 0.25s ease;
}

.btn-ficha-tecnica:hover{
  background-color:var(--fj-blue-hover);
}

.btn-ficha-tecnica .icono,
.btn-ficha-tecnica .texto{
  display:flex;
  align-items:center;
}


/* =========================================================
   5. CONTENIDO FICHA PRODUCTO
========================================================= */

.ficha-producto{ margin-top:20px; }

.ficha-producto h4{
  font-size:18px;
  margin-top:25px;
  margin-bottom:10px;
  color:var(--fj-blue);
}


/* =========================================================
   6. TABLAS GENERALES
========================================================= */

.tabla-tecnica,
.type-approvals-table table,
.regulatory-standards-table table,
.tabla-elastomeros,
.tabla-actuadores{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

/* Cabeceras generales */
.tabla-tecnica th,
.type-approvals-table th,
.regulatory-standards-table th,
.tabla-elastomeros th,
.tabla-actuadores th{
  background-color:var(--fj-blue);
  color:#ffffff;
  padding:12px 16px;
  text-align:left;
  font-weight:600;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:0.4px;
}

/* Celdas */
.tabla-tecnica td,
.type-approvals-table td,
.regulatory-standards-table td,
.tabla-elastomeros td,
.tabla-actuadores td{
  padding:12px 16px;
  border-bottom:1px solid var(--fj-border);
  vertical-align:middle;
}

/* Zebra universal */
.tabla-tecnica tr:nth-child(even),
.type-approvals-table tbody tr:nth-child(even),
.regulatory-standards-table tbody tr:nth-child(even),
.tabla-elastomeros tr:nth-child(even),
.tabla-actuadores tr:nth-child(even){
  background-color:var(--fj-row-alt);
}

/* Primera columna destacada */
.tabla-tecnica tr td:first-child:not([rowspan]),
.tabla-elastomeros td:first-child,
.tabla-actuadores td:first-child{
  color:var(--fj-blue);
  font-weight:600;
}

.tabla-tecnica td[rowspan]{
  vertical-align:middle;
  font-weight:600;
  color:var(--fj-blue);
}

/* Hover sutil */
.tabla-tecnica tbody tr:hover,
.type-approvals-table tbody tr:hover,
.regulatory-standards-table tbody tr:hover,
.tabla-elastomeros tbody tr:hover,
.tabla-actuadores tbody tr:hover{
  background-color:#eaf1f7;
  transition:background-color 0.2s ease;
}


/* =========================================================
   7. TABLAS ESPECÍFICAS AJUSTES
========================================================= */

/* Elastómeros ancho */
.tabla-elastomeros td:nth-child(1){ width:10%; }
.tabla-elastomeros td:nth-child(2){ width:18%; }
.tabla-elastomeros td:nth-child(3){ width:10%; }
.tabla-elastomeros td:nth-child(4){ width:30%; }
.tabla-elastomeros td:nth-child(5){ width:22%; }
.tabla-elastomeros td:nth-child(6){ width:10%; }

.tabla-actuadores td:nth-child(1){ width:25%; }
.tabla-actuadores td:nth-child(2){ width:75%; }

.tabla-elastomeros + p{
  font-size:13px;
  color:#666;
  margin-top:8px;
}

/* =========================================================
   8. WPML OCULTAR TEXTO "IDIOMAS"
========================================================= */
ul#menu-1-4d114bf li:first-child {
    display: none;
}

/* =========================================================
   9. RESPONSIVE OPTIMIZADO
========================================================= */

@media (max-width:768px){

  .tabla-tecnica,
  .type-approvals-table,
  .regulatory-standards-table,
  .tabla-elastomeros,
  .tabla-actuadores{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .tabla-tecnica table,
  .type-approvals-table table,
  .regulatory-standards-table table{
    min-width:600px;
  }

  .tabla-tecnica td,
  .tabla-tecnica th,
  .type-approvals-table td,
  .type-approvals-table th,
  .regulatory-standards-table td,
  .regulatory-standards-table th{
    font-size:13px;
    padding:10px 12px;
  }

  .btn-ficha-tecnica{
    width:100%;
    justify-content:center;
  }

}