/*
Theme Name: ABWI Máquinas de Costura
Theme URI: https://abwimaquinasdecostura.com.br
Author: ABWI Máquinas de Costura
Author URI: https://abwimaquinasdecostura.com.br
Description: Tema one-page (landing page) da ABWI Máquinas de Costura — conserto, regulagem e manutenção de máquinas de costura caseiras e industriais em São Paulo. Os estilos visuais vêm de assets/css/styles.css (CSS compilado do LP) e o JS do menu fica em assets/js/main.js.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: abwi-maquinas
Tags: one-column, custom-menu, custom-logo
*/

/*
 * Ajuste do header fixo quando a barra de administração do WordPress
 * está visível (evita que o menu fique escondido atrás dela).
 */
.admin-bar header.sticky {
        top: 32px;
}

@media screen and (max-width: 782px) {
        .admin-bar header.sticky {
                top: 46px;
        }
}

/* Logo personalizado (Personalizar > Identidade do site), se usado */
.custom-logo {
        max-height: 48px;
        width: auto;
}

/* ============================================================
   HERO — no PC o carrossel fica na coluna da direita (no lugar
   da foto do LP); no mobile ele cai logo abaixo do título.
   ============================================================ */
.abwi-hero-grid {
        display: grid;
        grid-template-columns: 1fr;
}

.abwi-hero-midia {
        position: relative;
        margin-top: 2rem;
}

@media (min-width: 768px) {
        .abwi-hero-grid {
                grid-template-columns: 1.1fr 0.9fr;
                grid-template-areas:
                        "texto midia"
                        "acoes midia";
                align-items: center;
                column-gap: 3rem;
                row-gap: 0;
        }

        .abwi-hero-texto {
                grid-area: texto;
        }

        .abwi-hero-midia {
                grid-area: midia;
                margin-top: 0;
        }

        .abwi-hero-acoes {
                grid-area: acoes;
        }
}

/* ---- Carrossel do topo ---- */
.abwi-carrossel {
        position: relative;
        overflow: hidden;
        border-radius: 1.5rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
        aspect-ratio: 4 / 3;
        background: var(--navy, #0b1b33);
}

@media (min-width: 768px) {
        .abwi-carrossel {
                aspect-ratio: 4 / 5;
        }
}

/* Navegadores antigos sem aspect-ratio: altura fixa */
@supports not (aspect-ratio: 4 / 3) {
        .abwi-carrossel {
                height: 340px;
        }

        @media (min-width: 768px) {
                .abwi-carrossel {
                        height: 560px;
                }
        }
}

.abwi-carrossel-track {
        display: flex;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
}

.abwi-carrossel-track::-webkit-scrollbar {
        display: none;
}

.abwi-carrossel-slide {
        flex: 0 0 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        scroll-snap-align: center;
}

.abwi-carrossel-seta {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        display: grid;
        place-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border: none;
        border-radius: 9999px;
        background: rgba(11, 27, 51, 0.55);
        background: rgb(11 27 51 / 0.55);
        color: #fff;
        cursor: pointer;
        transition: background 0.2s ease;
}

.abwi-carrossel-seta:hover {
        background: rgba(11, 27, 51, 0.85);
        background: rgb(11 27 51 / 0.85);
}

.abwi-carrossel-prev {
        left: 0.75rem;
}

.abwi-carrossel-next {
        right: 0.75rem;
}

.abwi-carrossel-dots {
        position: absolute;
        bottom: 0.9rem;
        left: 0.75rem;
        right: 0.75rem;
        z-index: 10;
        display: flex;
        justify-content: center;
        gap: 0.5rem;
}

.abwi-carrossel-dot {
        width: 0.55rem;
        height: 0.55rem;
        padding: 0;
        border: none;
        border-radius: 9999px;
        background: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        transition: background 0.2s ease, transform 0.2s ease;
}

.abwi-carrossel-dot[aria-current="true"] {
        background: var(--secondary, #f0b429);
        transform: scale(1.2);
}

/* Segurança de largura: impede que o carrossel (imagens grandes)
   estoure a coluna no mobile (min-width automático de grid/flex) */
.abwi-hero-grid > .abwi-hero-texto,
.abwi-hero-grid > .abwi-hero-midia,
.abwi-hero-grid > .abwi-hero-acoes {
	min-width: 0;
	max-width: 100%;
}

.abwi-carrossel,
.abwi-carrossel-track,
.abwi-carrossel-slide {
	min-width: 0;
	max-width: 100%;
}