/* Button Outline Hover Fix - White text on hover */
/* Ensures .btn-premium-outline has proper default and hover states */

/* DEFAULT STATE - White background, blue border, blue text */
.btn-premium-outline,
a.btn-premium-outline,
.hero-button-animate .btn-premium-outline {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 2px solid #1E5CAA !important;
    color: #1E5CAA !important;
}

/* HOVER STATE - Blue background, white text */
.btn-premium-outline:hover,
.btn-premium-outline:focus,
.btn-premium-outline:active,
a.btn-premium-outline:hover,
a.btn-premium-outline:focus,
a.btn-premium-outline:active {
    background-color: #1E5CAA !important;
    background: #1E5CAA !important;
    background-image: none !important;
    border-color: #1E5CAA !important;
    color: #ffffff !important;
}

.btn-premium-outline:hover span,
.btn-premium-outline:focus span,
.btn-premium-outline:active span,
a.btn-premium-outline:hover span,
a.btn-premium-outline:focus span,
a.btn-premium-outline:active span {
    color: #ffffff !important;
}

/* Ensure SVG icons also turn white on hover */
.btn-premium-outline:hover svg,
.btn-premium-outline:focus svg,
.btn-premium-outline:active svg,
a.btn-premium-outline:hover svg,
a.btn-premium-outline:focus svg,
a.btn-premium-outline:active svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Hero section specific */
.hero-button-animate .btn-premium-outline:hover,
.hero-button-animate .btn-premium-outline:focus,
.hero-button-animate .btn-premium-outline:active {
    background-color: #1E5CAA !important;
    background: #1E5CAA !important;
    border-color: #1E5CAA !important;
    color: #ffffff !important;
}

.hero-button-animate .btn-premium-outline:hover span,
.hero-button-animate .btn-premium-outline:focus span,
.hero-button-animate .btn-premium-outline:active span {
    color: #ffffff !important;
}

/* ========================================
   MOBILE RESPONSIVE - Ensure outline button is correct on all screens
   ======================================== */

@media (max-width: 991.98px) {
    .btn-premium-outline,
    a.btn-premium-outline,
    .hero-button-animate .btn-premium-outline,
    .practice-manager-hero-section .btn-premium-outline,
    .practice-manager-page .btn-premium-outline {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 2px solid #1E5CAA !important;
        color: #1E5CAA !important;
    }
    
    .btn-premium-outline:hover,
    .btn-premium-outline:active,
    a.btn-premium-outline:hover,
    a.btn-premium-outline:active,
    .hero-button-animate .btn-premium-outline:hover,
    .practice-manager-hero-section .btn-premium-outline:hover,
    .practice-manager-page .btn-premium-outline:hover {
        background: #1E5CAA !important;
        background-color: #1E5CAA !important;
        background-image: none !important;
        border-color: #1E5CAA !important;
        color: #ffffff !important;
    }
    
    .btn-premium-outline:hover span,
    .btn-premium-outline:active span,
    a.btn-premium-outline:hover span,
    a.btn-premium-outline:active span {
        color: #ffffff !important;
    }
}

@media (max-width: 575.98px) {
    .btn-premium-outline,
    a.btn-premium-outline,
    .hero-button-animate .btn-premium-outline {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 2px solid #1E5CAA !important;
        color: #1E5CAA !important;
    }
}