/**
Theme Name: luminacril
Author: Wazo Web + Digital
Author URI: https://wazo.com.br
Description: Tema criado especialmente para Luminacril
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luminacril
Template: astra
*/


/**-----------------STYLE PARA CATALOGO EXTERNO---------------------------**/

.categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colunas */
    gap: 20px; /* Espaço entre os itens */
	    max-width: 1600px;
    margin: auto;
}

.breadcrumb {
    max-width: 1600px; /* Defina um valor que corresponda ao restante do layout */
    margin: 0 auto; /* Centraliza horizontalmente */
    padding-left: 20px; /* Ajuste fino se necessário */
}

.category {
    text-align: center;
  
    padding: 10px;
  
    overflow: hidden; /* Para evitar que conteúdo extra transborde */
}

.category img {
    max-width: 100%; /* Para manter a responsividade */
    max-height: 400px; /* Altura máxima da imagem */
    object-fit: cover; /* Cortar a imagem para caber no contêiner */
    margin-bottom: 10px; /* Espaço abaixo da imagem */
}

.category h3 {
    font-size: 1.2em;
    margin: 10px 0;
    color: #333;
}

.category p {
    font-size: 0.9em;
    color: #666;
}


.custom-product_title{

    font-size: 20px !important;
    margin-top: 15px;

}


/* Grid Container */
.custom-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
 
	max-width:1600px;
	margin:auto;
	  margin-top: 20px;
}

/* Grid Items */
  .custom-product-page {
        display: flex;
        flex-wrap: wrap;
        max-width: unset;
        margin: 0 auto;
        padding: 20px;

    }

    /* Fotos */
    .custom-product-images {
      
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .custom-product-text {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
        color: #333;
    }

    .custom-product-image-description {
        font-size: 16px;
        margin: 10px 0;
        color: #555;
    }
	



    .custom-product-main-image {
        width: 100%;
        /*max-width: 400px; */
        margin-bottom: 20px;

		display:inline-block;
    }

    .custom-product-thumbnails {
	
    gap: 10px;

    }

 
/* Container da página do produto */
.custom-product-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1600px;
    margin: 20px auto;

}

.custom-product-table-container{
	    max-width: 1600px;
    margin: 20px auto;
	background-color:#fff;
}

/* Área das imagens */
.custom-product-images {
    display: flex;
    align-items: normal;
    flex-direction: row;
    gap: 10px;
	max-width:650px;
}

/* Miniaturas empilhadas à esquerda */
.custom-product-thumbnails {
	max-width: 110px;
    gap: 10px;
}

.custom-product-thumbnail {
 	max-width:100px;

    cursor: pointer;
    transition: border-color 0.3s ease;
	    margin-bottom: 15px;
}

.custom-product-thumbnail:hover {
    border-color: #999;
}

/* Imagem principal */
.main-image {
	    display: inline-block;
}

.custom-product-main-image {
 
    height: auto;
  
}

/* Área das informações do produto */
.custom-product-info {
    flex: 1 1 40%;
    padding: 20px;
}

.custom-product-raiz {
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-product-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}

.custom-product-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.5;
}

/* Dados técnicos */
.custom-product-tech-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.custom-product-tech-details {
    list-style: none;
    padding: 0;
    font-size: 14px;
    color: #444;
}

.custom-product-tech-details li {
    margin-bottom: 8px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

/* Categorias */
.custom-product-category {
    margin-top: 20px;
    font-size: 14px;
    color: #777;
    font-style: italic;
}

/* Responsividade */
@media (max-width: 768px) {
    .custom-product-page {
        flex-direction: column;
    }

    .custom-product-images, 
    .custom-product-info {
        flex: 1 1 100%;
        text-align: center;
    }

    .custom-product-thumbnails img {
        width: 50px;
        height: 50px;
    }

    .custom-product-tech-details li {
        font-size: 13px;
    }
}


.variacoes {
    width: 100%;
    border-collapse: collapse;
}
.variacoes th, .variacoes td {

    padding: 8px;
    text-align: center;
}
.variacoes thead th {
    position: sticky;
    top: 95px; /* Adicionado a unidade de medida */
    background-color: #c7c7c7; /* Cor de fundo do cabeçalho */
    z-index: 1; /* Garante que o cabeçalho fique acima das células da tabela */
}

#filtrosContainer {
    position: sticky;
	background-color: #e3e6e9; /* Cor de fundo do cabeçalho */
    top: 0;
    z-index: 2; /* Aumentado o z-index para garantir que fique acima do cabeçalho da tabela */
}

.colunas_variacoes{
	    border: 1px solid #ddd;
}
.variacoes th {
    background-color: #f4f4f4;
}
.toggle-info {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}
.extra-info td {
    padding: 0;

}


.bloco-extra-info{
		box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1), /* Sombra em cima */
                inset 0 -5px 10px rgba(0, 0, 0, 0.1); /* Sombra embaixo */
}
.extra-content {
    display: flex;
	align-items: flex-start;
 
    padding: 10px;
    height: 280px;  /* Altura fixa */
    max-height: 280px;
    overflow: hidden; /* Impede que o conteúdo ultrapasse */
	padding-top:30px;
}
.extra-col {
    width: 33%;
    text-align: center;
}
.extra-col img {
    max-width: 100%;
    max-height: 220px; /* Mantém a imagem dentro do limite */
    height: auto;
    object-fit: contain; /* Garante que a imagem seja exibida corretamente */
}
.info-table {
    width: 100%;
    border-collapse: collapse;
}

table.info-table {
    border: none !important;
}

.info-table td {
    padding: 4px 8px;
    border-bottom: 1px solid #ddd;
	text-align: left;
}



.btn-download {
    text-align: left;
    margin-left: 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px;
    border: solid thin orange;
    margin-bottom: 13px;
}

.btn-download:hover {
    background-color: #ffa50036;
}

#filtrosContainer{
	
	justify-content: center;
}

.filtro-wrapper {
    padding: 20px;
}

.botoes-container button {

    margin: 25px;
}

/**-----------------FIM STYLE PARA CATALOGO EXTERNO---------------------------**/





.bloco-corte {
    display: inline-block;
	margin-right:10px;
	margin-top: 0px !important;
    margin-bottom: 0px !important
}

.btn-orcamento {
    display: table-caption;
    padding: 5px;
    background-color: #f6a619;
    border-radius: 7px;
    margin-top: 5px !important;
}

.tabela_sku .btn-orcamento a{
    color: black !important;
}

.tabela_sku .btn-orcamento a:hover {
    color: white !important;
}

.bloco-corte label {
    font-size: 12px;
}

tr.produto {
    font-weight: 600;
    line-height: normal;
}

td.dimensoes {
    text-align: center;
}


#radio_tipo_led {
    display: block  !important;
    margin-bottom: 20px  !important;
	padding: 15px !important;
    border: solid thin  !important;
    border-radius: 5px  !important;
    background-color: orange  !important;
    font-weight: bold  !important;
	color:black  !important;
}

#radio_tipo_led input[type="radio"] {
    margin-left: 15px;
}



input#text-cor-especial, label[for="text-cor-especial"] {
    display: none;
}


label.filtro_produtos {
    display: table-cell;
    
    float: left;
    height: 70px;
    margin-right: 11px;
}

.pesquisa_titulo{
	height:37.6px !important;
	margin-right:11px;
	display:block !important;
	border-radius:3px !important;
	border: solid 2px #DDDDDB !important;
	font-size:12px;

}

a.button.alt.limpar_filtro {
    margin-top: 26px;
	border-radius:5px;
}

td.tabela_sku {
    max-width: 300px;
}

.form-segmento-A_parent {
    width:20%;
	display: inline-block;
}

.form-segmento-B_parent {
    width:20%;
	display: inline-block;
}

.form-segmento-C_parent {
    width:20%;
	display: inline-block;
}

.form-linear-posicao_parent{
	 width:20%;
	display: none;
}

.form-quantidade-partes_parent{
	    width:20%;
	display: none;
}

.form-cabeceira_parent{
		    width:20%;
	display: none;
}

.select-plug_parent{
	display:inline-block;
	width:50%;
}

.form-comprimento-cabo_parent{
	 display: none;
}



.img_corte{
	display:inline-block;
	width:20%;
	margin-right:15px;
}



.form-segmento-A_parent, .form-segmento-B_parent, .form-segmento-C_parent {
    display: none;
}


.form-tipo-driver-a_parent {
	display:inline-block;
	width:50%;
	padding-right: 15px;
}

.form-tensao-a_parent{
	width:50%;
	display:inline-block;
}

.form-tensao-b_parent{
	width:50%;
	display:none;
}

.wcpa_form_outer {
    display: flow-root;
}

.form-comprimento-cabo-b_parent{
	width: 50%;
    display: inline-block;
}

.form-tipo-cabo-a_parent{
	width:50%;
	display: inline-block;
	padding-right: 15px;
}


.form-tipo-cabo-c_parent{
	width:50%;
	display: none;
	padding-right: 15px;
}


.form-control_parent{
	width: 50%;
    display: inline-block;
    padding-right: 10px;
    margin-top: 0px;
}

button.open_accordeon {
    width: 100%;
    text-align: left;
    background-color: unset !important;
    border-radius: unset;
	min-height:84px;
}

.bloco_tipo_led {
    border-bottom: solid thin #f6a619;

}

.titulo_tipo_led{
	line-height: 62px;
}

.bloco_tipo_led:first-child {
    border-top: solid thin #f6a619;
}



.toggle_button {
       float: right;
	
}

button.open_accordeon:hover {
    color: black !important;

}

.rotate-90 {
	transform: rotate(45deg);
	transition: transform 0.3s ease; 
}

i.toggle_mais_info {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
    color: #fff;
    background-color: #f6a619;
    border-radius: 18px;
    font-style: normal;
    font-weight: 800;
	margin-top: 16px;
	line-height: 21px;
}