/*
 Theme Name:   Probe Systems Child
 Theme URI:    https://probesystems.com.br
 Description:  Tema exclusivo Probe Systems. Personalização do Industrie com identidade visual Probe (Curvas e Cores).
 Author:       Paulo - Probe Systems
 Template:     industrie
 Version:      1.0.0
*/

/* =========================================================
   PROBE SYSTEMS IDENTITY (MASTER CSS V12.0)
   Baseado no tema Industrie v1.5.6
   ========================================================= */

/* ---------------------------------------------------------
   0. VARIÁVEIS & FONTES
   --------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
    /* Cores da Marca */
    --probe-red: #E20F1B;
    --probe-red-dark: #b00b15;
    --probe-text-main: #2c3e50;
    
    /* A Assinatura Visual (Curva apenas no canto inferior esquerdo) */
    --probe-brand-shape: 4px 4px 4px 50px; 
    
    /* Sombras e Bordas */
    --probe-shadow: 0 15px 40px -10px rgba(0,0,0,0.12);
    --probe-radius-sm: 8px;
    
    /* Fontes */
    --font-title: 'Barlow', sans-serif;
    --font-text: 'Open Sans', sans-serif;
}

/* ---------------------------------------------------------
   1. TIPOGRAFIA GLOBAL (Sobrepondo o Industrie)
   --------------------------------------------------------- */
body, p, a, div, span, li, td {
    font-family: var(--font-text);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.sec-title .title,
.rs-heading .title,
.page-title {
    font-family: var(--font-title);
    text-transform: uppercase;
    font-weight: 800;
    color: var(--probe-text-main);
    letter-spacing: -0.5px;
}

/* ---------------------------------------------------------
   2. ELEMENTOS DA HOME (SERVIÇOS & PROJETOS)
   Aqui aplicamos a identidade nos blocos do tema pai.
   --------------------------------------------------------- */

/* Caixas de Serviço (Ícones com Texto) */
.rs-addon-services .services-item,
.rs-services-style1 .services-item,
.rs-iconbox-area .iconbox-item {
    border-radius: var(--probe-brand-shape) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid #eee !important;
    background: #fff !important;
    overflow: hidden;
    /* A Marca: Linha Vermelha na esquerda */
    border-left: 4px solid var(--probe-red) !important;
    transition: all 0.3s ease;
}

.rs-addon-services .services-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--probe-shadow) !important;
}

/* Projetos / Portfólio (Imagens) */
.rs-project-style1 .project-item,
.rs-project-style1 .project-img img,
.project-item .project-img img {
    border-radius: var(--probe-brand-shape) !important;
}

/* Botões do Tema (Readon, RS-Btn) */
.readon, 
.rs-btn, 
.wp-block-button__link,
input[type="submit"] {
    background: linear-gradient(135deg, var(--probe-red) 0%, #b00b15 100%) !important;
    color: #fff !important;
    border-radius: 50px !important; /* Botão Pílula */
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-title) !important;
    letter-spacing: 1px;
    border: none !important;
    padding: 14px 35px !important;
}

.readon:hover, 
.rs-btn:hover {
    background: #b00b15 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(226, 15, 27, 0.4);
}

/* ---------------------------------------------------------
   3. PROTEÇÃO DE LOGOS (PARCEIROS)
   Isso garante que os logos dos clientes NÃO ganhem borda.
   --------------------------------------------------------- */
.rs-partner .partner-item img,
.rs-client-list img,
.client-logo img {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    margin: 0 auto;
}

/* ---------------------------------------------------------
   4. WOOCOMMERCE - PÁGINA DE PRODUTO (LAYOUT FIX)
   Correção de 2 colunas com respiro.
   --------------------------------------------------------- */
.woocommerce div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    max-width: 1200px;
    margin: 40px auto;
}

/* Coluna Imagem */
.woocommerce-product-gallery,
.woocommerce div.product div.images {
    width: 48% !important;
    margin-right: 0 !important;
    margin-bottom: 40px !important;
    float: none !important;
}
.woocommerce div.product div.images img {
    border-radius: var(--probe-brand-shape) !important;
    box-shadow: var(--probe-shadow) !important;
    border: 1px solid #eee !important;
}

/* Coluna Texto */
.woocommerce div.product div.summary {
    width: 48% !important;
    float: none !important;
    padding-left: 0 !important;
    display: block !important;
}
/* Força largura total dentro da coluna de texto */
.product_title, .price, .woocommerce-product-details__short-description {
    width: 100% !important;
    display: block !important;
}

.price {
    color: var(--probe-red) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100% !important;
    }
}

/* ---------------------------------------------------------
   5. VITRINE DE PRODUTOS (GRID)
   --------------------------------------------------------- */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}
ul.products::before, ul.products::after { content: none !important; display: none !important; }

ul.products li.product {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: var(--probe-brand-shape);
    padding: 0;
    text-align: center;
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    min-height: 420px;
    transition: all 0.3s ease;
}

ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: var(--probe-shadow);
    border-color: var(--probe-red);
}

ul.products li.product img {
    width: 100%; height: 220px; object-fit: contain;
    padding: 20px; border-bottom: 1px solid #f0f0f0; margin: 0 auto !important;
}

ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-title); font-size: 16px; font-weight: 700;
    padding: 15px; margin: 0; min-height: 65px;
}

ul.products li.product .button { display: none; } /* Esconde botão na vitrine */
.woocommerce span.onsale { display: none !important; }

/* ---------------------------------------------------------
   6. ABAS & ELEMENTOS GERAIS
   --------------------------------------------------------- */
/* Abas em formato corrido */
.probe-section-title {
    font-size: 24px; border-left: 4px solid var(--probe-red); padding-left: 15px; margin-bottom: 25px;
}
.woocommerce-tabs .panel > h2:first-child { display: none !important; }

/* Breadcrumbs */
.woocommerce-breadcrumb a::after { content: '›'; color: var(--probe-red); margin: 0 8px; font-weight: bold; }
.woocommerce-breadcrumb .delimiter { display: none !important; }