/**
 * AVM Core CSS
 *
 * Purpose: Resolve conflicts between Tailwind and base CSS,
 * plus styles that Tailwind utility classes can't handle
 * (animations, pseudo-elements, vendor overrides).
 *
 * DO NOT put component styles here - use avm-components.css for that.
 */

/* ========================================
   1a. AVM Input Border Radius Override
   ----------------------------------------
   Base theme inherits 30px from --btn-radius.
   AVM uses a sharper 5px for all form inputs.
======================================== */

:root {
    --input-border-radius: 5px;

    /* AVM Font Override — Inter replaces DM Sans from base theme */
    --body-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --menu-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --btn-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ========================================
   1. Tailwind Reset Overrides
   ----------------------------------------
   Tailwind's preflight resets some base theme styles.
   These overrides restore what we need while migrated
   pages coexist with un-migrated ones.
======================================== */

/* Prevent Tailwind from stripping list styles on legacy pages */
.faq-answer ul,
.faq-answer ol,
.legal-content ul,
.legal-content ol {
    list-style: reuse;
    padding-left: 1.5em;
}

/* ========================================
   2. Swiper Overrides
   ----------------------------------------
   Swiper nav/pagination styled to match AVM palette.
======================================== */

.swiper-button-prev,
.swiper-button-next {
    color: #191b4c;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 18px;
}

.swiper-pagination-bullet-active {
    background: #191b4c;
}

/* ========================================
   2b. AVM Hero Slider - Full Width, No Radius
   ----------------------------------------
   Override base theme border-radius and height.
======================================== */

.avm-hero .slideshow.swiper,
.avm-hero .slideshow.swiper.avm-slider {
    border-radius: 0 !important;
    height: 500px;
    width: 100%;
}

@media (min-width: 992px) {
    .avm-hero .slideshow.swiper,
    .avm-hero .slideshow.swiper.avm-slider {
        height: 600px;
    }
}

.avm-hero {
    margin: 0;
    padding: 0;
}

/* ========================================
   3. Animations / Keyframes
======================================== */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-dot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.4); opacity: 0.5; }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

/* ========================================
   4. Scrollbar Styling
======================================== */

.avm-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.avm-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.avm-scrollbar::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 9999px;
}

.avm-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}