/*
Theme Name: All Vento
Theme URI: https://www.allvento.com.br
Author: WE3P
Author URI: https://www.we3p.com
Description: Tema customizado para a empresa All Vento
Version: 1.0.3
Text Domain: all-vento
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Base styles - Tailwind handles most styling via CDN */
:root {
    --color-primary: #f2c100;
    --color-background-light: #f6f7f8;
    --color-background-dark: #101722;
}

/* Fallback for when Tailwind loads */
body {
    font-family: 'Inter', system-ui, sans-serif;
    background-color: var(--color-background-light);
    color: #1e293b;
}

/* Material Symbols Outlined - required for icons to display */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

/* Rank Math Breadcrumbs */
.rank-math-breadcrumb {
    font-size: 0.875rem;
    color: #64748b;
}
.rank-math-breadcrumb a {
    color: #64748b;
    transition: color 0.2s;
}
.rank-math-breadcrumb a:hover {
    color: var(--color-primary);
}
.rank-math-breadcrumb .last {
    color: #1e293b;
}
.dark .rank-math-breadcrumb .last {
    color: #f1f5f9;
}

/* Contact Form 7 - Estilos em assets/css/orcamento-form.css (carregado na página Orçamento) */

/**
 * Grade de clientes — 4 colunas horizontais (não depende do build Tailwind)
 */
.all-vento-clientes-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0.5rem;
    row-gap: 1.75rem;
    width: 100%;
    align-items: center;
    justify-items: stretch;
}

@media (min-width: 640px) {
    .all-vento-clientes-grid {
        column-gap: 1rem;
        row-gap: 2rem;
    }
}

@media (min-width: 1024px) {
    .all-vento-clientes-grid {
        column-gap: 1.5rem;
    }
}

.all-vento-cliente-cell {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.2rem;
}

.all-vento-cliente-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 100%;
    text-decoration: none;
    color: inherit;
}

.all-vento-cliente-link--dim {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.all-vento-cliente-link--dim:hover {
    opacity: 1;
}

/* Landing: logos (um pouco maiores para wordmarks e ícones pequenos) */
.all-vento-cliente-logo--landing {
    max-height: 56px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .all-vento-cliente-logo--landing {
        max-height: 64px;
    }
}

/* Landing: nome sem logo — alinhado à altura visual dos logos */
.all-vento-cliente-name--landing {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 800;
    font-size: clamp(0.875rem, 3.4vw, 1.25rem);
    line-height: 1.15;
    color: #0f172a;
    max-width: 100%;
    padding: 0 2px;
    word-break: break-word;
}

.dark .all-vento-cliente-name--landing {
    color: #f1f5f9;
}

/* Archive: logos maiores */
.all-vento-cliente-logo--archive {
    max-height: 72px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .all-vento-cliente-logo--archive {
        max-height: 96px;
    }
}

.all-vento-cliente-name--archive {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 800;
    font-size: clamp(0.875rem, 3.5vw, 1.375rem);
    line-height: 1.2;
    color: #0f172a;
    max-width: 100%;
    padding: 0 4px;
    word-break: break-word;
}

.dark .all-vento-cliente-name--archive {
    color: #f1f5f9;
}