/* 
 * MrMk - Custom Styles 
 * TailwindCSS is loaded via CDN, this file is for custom overrides and base configurations
 */

/* Habilita smooth scrolling e corrige scroll offset para header fixo */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem; /* Ajusta pro tamanho do header fixo (h-20) */
}

/* Customizações básicas de seleção de texto para dar um tom mais premium */
::selection {
    background-color: #16a34a; /* Tailwind brand-600 */
    color: white;
}

/* Animações e Transições extras */
.feature-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.feature-card:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
}

/* Esconde barras de rolagem indesejadas em vídeos de fundo */
video {
    pointer-events: none;
}

/* Utilitário para esconder a barra de rolagem (Carousel) mas permitir o scroll */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Otimização de performance durante o Drag do Carrossel */
.pointer-events-none-children * {
    pointer-events: none !important;
}

/* Virtualização de CSS para evitar pintura de elementos fora da tela no Grid Horizontal */
.virtual-gallery-item {
    content-visibility: auto;
    contain-intrinsic-size: 250px;
    contain: paint layout style;
}