/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


/*HEADER*/
header .elementor-element .tonetopo .elementor-button .elementor-button-content-wrapper{
	gap:5px !important;
}
header .elementor-element .tonetopo .elementor-button .elementor-button-content-wrapper .elementor-button-icon{
	padding: 0 !important;
	margin: 0 !important;
}
/*header .elementor-element .tonetopo .elementor-button .elementor-button-content-wrapper .elementor-button-text{
	display: none !important;
}
*/


/*Página categorias*/
.page-header{
	padding: 140px 25px 80px 25px;
	margin-top: -120px;
	background-position: center;
}
.page-header h1{
    font-size: 55px;
    color: #FFFFFF;

}
@media (max-width: 768px) {
	.page-header h1{
		font-size: 32px;
	}
}
.page-header .sub-header{
    font-size: 14px;
    color: #FFFFFF;
}
.page-header .category-description{
	margin-top: 15px;
	font-size: 16px;
	color: #FFFFFF;
	max-width: 700px;
}
.page-header .category-description ul{
	padding: 0;
	margin: 0;
	margin-left: 15px;
}
.product-list{
	padding: 80px 25px 80px 25px;
}
.product-list .products-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
}
.product-item {
	border: 1px solid #E5E5E5;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	top: 0;
	transition: 0.3s ease;
	max-width: 358px;
}
.product-item:hover {
	top: -5px;
	transition: 0.3s ease;
	border-color: #F28022;
}

.product-item img{
	width: 100%;
	height: auto;
}
.product-item .product-item-inner{
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-item .product-item-inner h2{
	font-size: 20px;
	margin: 0 0 10px 0;
	text-align: center;
}
.product-item .product-item-inner a{
	color: #333333;
}
.product-item:hover  a{
	color: #F28022;
}
/*Produtos*/
.page-header{
	padding: 140px 25px 80px 25px;
	margin-top: -120px;
	background-color:#F28022;
}
@media (max-width: 768px) {
	.page-header{
		padding: 140px 25px 40px 25px;
	}
}
.page-header.produtos .linkcategoria{
	color: #FFFFFF;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.ct-produto-detalhes{
	padding: 80px 25px 80px 25px;
	display: flex;
	gap: 50px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.ct-produto-detalhes .ct-galeria-produto{
	flex: 1 1 44%;
	max-width: 600px;
	padding: 30px;
	border: 1px solid #E5E5E5;
	border-radius: 16px;
}
.ct-produto-detalhes .ct-galeria-produto img{
	width: 100%;
	height: auto;
}
.ct-produto-detalhes .ct-descricao-produto{
	flex: 1 1 50%;
	max-width: 600px;
}

.anexo-link{
    display: flex;
    gap: 5px;
    align-items: center;
    background: #EEE;
    max-width: 280px;
    text-align: center;
    justify-content: center;
    border-radius: 8px;
    padding: 11px;
    color: #000;
    font-weight: bold;
}
.anexos-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 15px;
	margin-bottom:25px;
}


/* Estrutura de Grid Principal */
.ct-archive-grid {
    display: grid;
    grid-template-columns: 250px 1fr; /* Coluna 1 (Sidebar) de 250px, Coluna 2 (Conteúdo) flexível */
    gap: 40px;
    padding: 40px 0;
}

/* Sidebar de Categorias */
.ct-sidebar-produtos {
    padding: 10px;
}

.ct-sidebar-produtos h3 {
    font-size: 1.3em;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.ct-category-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ct-category-menu li a {
    display: block;
    padding: 8px 0;
    text-decoration: none;
    color: #555;
    transition: color 0.2s;
}

.ct-category-menu li a:hover {
    color: #0073aa;
}

.ct-category-menu li.current-cat a {
    font-weight: bold;
    color: #0073aa;
}

/* Listagem de Produtos (Ajuste da Categoria/Arquivo Geral) */
.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

/* Paginador */
.ct-paginacao-produtos {
    grid-column: 1 / -1; /* Força o paginador a ocupar toda a largura da coluna de conteúdo */
    text-align: center;
    padding: 30px 0 0;
}

/* Responsividade: Stack columns on small screens */
@media (max-width: 768px) {
    .ct-archive-grid {
        grid-template-columns: 1fr; /* 1 coluna: sidebar no topo, conteúdo abaixo */
    }
    .ct-sidebar-produtos {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
}