/* --- BRUTALIST STYLE CSS (Mobile Optimized) --- */

/* 1. Reset Mobile - Remove comportamentos padrão */
* {
    -webkit-tap-highlight-color: transparent; /* Remove flash azul no toque */
}

body {
    background-color: #0a0a0a;
    color: #e5e5e5;
    overflow-x: hidden;
    touch-action: manipulation; /* Melhora resposta do toque */
    padding-bottom: 80px;
}

/* Scrollbar Customizada (Minimalista) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; }

/* 2. Limpeza de Inputs (Remove setinhas/spinners) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

/* Botão Brutalista */
.btn-brutal {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    position: relative;
    font-weight: 700;
    letter-spacing: 0.05em;
    border: 1px solid transparent;
    transition: transform 0.1s, box-shadow 0.1s;
    cursor: pointer;
}

@media (hover: hover) {
    .btn-brutal:hover {
        transform: translate(-2px, -2px);
    }
}

/* Range Slider Customizado (UX Melhorada) */
.range-brutal {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #e5e5e5;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    margin: 20px 0;
}

/* Thumb Aumentado para 44px (Padrão Touch Apple) */
.range-brutal::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 44px;
    height: 44px;
    background: #000;
    border: 2px solid #D4FF00;
    border-radius: 0;
    cursor: grab;
    margin-top: -20px;
    transition: box-shadow 0.2s ease, transform 0.1s;
}

.range-brutal::-webkit-slider-thumb:active {
    cursor: grabbing;
    background: #D4FF00;
    border-color: #000;
    transform: scale(1.1);
}

.range-brutal::-moz-range-thumb {
    width: 44px;
    height: 44px;
    background: #000;
    border: 2px solid #D4FF00;
    border-radius: 0;
    cursor: grab;
    transition: transform 0.1s;
}

.range-brutal::-moz-range-thumb:active {
    cursor: grabbing;
    background: #D4FF00;
    border-color: #000;
    transform: scale(1.1);
}

/* 3. Mobile Sticky Logic (Otimizado para iOS) */
.mobile-sticky {
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    padding-top: 12px;
}

.mobile-sticky.visible {
    transform: translateY(0);
}

/* Transição suave do FAB */
#fab-whatsapp {
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.fab-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(20px) scale(0.9) !important;
}

::selection {
    background: #D4FF00;
    color: #000;
}

.font-display { text-transform: uppercase; }

/* Performance Booster para animações */
.gpu-accel {
    will-change: transform;
    transform: translateZ(0);
}