/* Light and Dark Theme Text Visibility for Tryouts Page */

/* Base text colors for light theme */
.page_tryout {
    color: #212529;
}

/* Base text colors for dark theme */
[data-bs-theme="dark"] .page_tryout,
.dark .page_tryout,
body.dark .page_tryout {
    color: #ffffff;
}

/* Ensure headings are visible in both themes */
.page_tryout h1, 
.page_tryout h2, 
.page_tryout h3, 
.page_tryout h4, 
.page_tryout h5, 
.page_tryout h6 {
    color: #212529;
    font-weight: 700;
}

[data-bs-theme="dark"] .page_tryout h1,
[data-bs-theme="dark"] .page_tryout h2,
[data-bs-theme="dark"] .page_tryout h3,
[data-bs-theme="dark"] .page_tryout h4,
[data-bs-theme="dark"] .page_tryout h5,
[data-bs-theme="dark"] .page_tryout h6,
.dark .page_tryout h1,
.dark .page_tryout h2,
.dark .page_tryout h3,
.dark .page_tryout h4,
.dark .page_tryout h5,
.dark .page_tryout h6,
body.dark .page_tryout h1,
body.dark .page_tryout h2,
body.dark .page_tryout h3,
body.dark .page_tryout h4,
body.dark .page_tryout h5,
body.dark .page_tryout h6 {
    color: #ffffff;
}

/* Paragraph text visibility */
.page_tryout p {
    color: #495057;
    line-height: 1.6;
}

.page_tryout .lead {
    color: #495057;
    font-size: 1.125rem;
}

[data-bs-theme="dark"] .page_tryout p,
.dark .page_tryout p,
body.dark .page_tryout p {
    color: #e9ecef;
}

[data-bs-theme="dark"] .page_tryout .lead,
.dark .page_tryout .lead,
body.dark .page_tryout .lead {
    color: #e9ecef;
}

/* Card text in both themes */
.page_tryout .card {
    color: #212529;
}

.page_tryout .card-body {
    color: #212529;
}

[data-bs-theme="dark"] .page_tryout .card,
[data-bs-theme="dark"] .page_tryout .card-body,
.dark .page_tryout .card,
.dark .page_tryout .card-body,
body.dark .page_tryout .card,
body.dark .page_tryout .card-body {
    color: #ffffff;
}

/* Heading visibility in cards */
.page_tryout .card h4,
.page_tryout .card h5 {
    color: #212529;
}

[data-bs-theme="dark"] .page_tryout .card h4,
[data-bs-theme="dark"] .page_tryout .card h5,
.dark .page_tryout .card h4,
.dark .page_tryout .card h5,
body.dark .page_tryout .card h4,
body.dark .page_tryout .card h5 {
    color: #ffffff;
}

/* hr visibility in both themes */
.page_tryout hr {
    border-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
}

[data-bs-theme="dark"] .page_tryout hr,
.dark .page_tryout hr,
body.dark .page_tryout hr {
    border-color: rgba(255, 255, 255, 0.2);
}

/* Alert boxes work in both themes */
.page_tryout .alert {
    color: #084298;
}

.page_tryout .alert strong {
    color: #084298;
    font-weight: 700;
}

.page_tryout .alert-info {
    background-color: #cfe2ff;
    border-color: #b6d4fe;
    color: #084298;
}

.page_tryout .alert-warning {
    background-color: #fff3cd;
    border-color: #ffecb5;
    color: #664d03;
}

.page_tryout .alert-warning strong {
    color: #664d03;
}

[data-bs-theme="dark"] .page_tryout .alert,
.dark .page_tryout .alert,
body.dark .page_tryout .alert {
    color: #cfe2ff;
}

[data-bs-theme="dark"] .page_tryout .alert strong,
.dark .page_tryout .alert strong,
body.dark .page_tryout .alert strong {
    color: #cfe2ff;
}

[data-bs-theme="dark"] .page_tryout .alert-info,
.dark .page_tryout .alert-info,
body.dark .page_tryout .alert-info {
    background-color: #1e3a5f;
    border-color: #2a4d75;
    color: #cfe2ff;
}

[data-bs-theme="dark"] .page_tryout .alert-warning,
.dark .page_tryout .alert-warning,
body.dark .page_tryout .alert-warning {
    background-color: #664d03;
    border-color: #856404;
    color: #fff3cd;
}

[data-bs-theme="dark"] .page_tryout .alert-warning strong,
.dark .page_tryout .alert-warning strong,
body.dark .page_tryout .alert-warning strong {
    color: #fff3cd;
}

/* bg-light sections work in both themes */
.page_tryout .bg-light {
    background-color: #f8f9fa !important;
}

[data-bs-theme="dark"] .page_tryout .bg-light,
.dark .page_tryout .bg-light,
body.dark .page_tryout .bg-light {
    background-color: #252525 !important;
}

.page_tryout .bg-light h4,
.page_tryout .bg-light h5 {
    color: #212529;
}

.page_tryout .bg-light p {
    color: #495057;
}

[data-bs-theme="dark"] .page_tryout .bg-light h4,
[data-bs-theme="dark"] .page_tryout .bg-light h5,
.dark .page_tryout .bg-light h4,
.dark .page_tryout .bg-light h5,
body.dark .page_tryout .bg-light h4,
body.dark .page_tryout .bg-light h5 {
    color: #ffffff;
}

[data-bs-theme="dark"] .page_tryout .bg-light p,
.dark .page_tryout .bg-light p,
body.dark .page_tryout .bg-light p {
    color: #e9ecef;
}

/* Nested cards in payment section */
.page_tryout .card .card {
    background-color: #ffffff;
    color: #212529;
}

.page_tryout .card .card h4,
.page_tryout .card .card h5 {
    color: #212529;
}

.page_tryout .card .card p {
    color: #495057;
}

[data-bs-theme="dark"] .page_tryout .card .card,
.dark .page_tryout .card .card,
body.dark .page_tryout .card .card {
    background-color: #2d2d2d;
    color: #ffffff;
}

[data-bs-theme="dark"] .page_tryout .card .card h4,
[data-bs-theme="dark"] .page_tryout .card .card h5,
.dark .page_tryout .card .card h4,
.dark .page_tryout .card .card h5,
body.dark .page_tryout .card .card h4,
body.dark .page_tryout .card .card h5 {
    color: #ffffff;
}

[data-bs-theme="dark"] .page_tryout .card .card p,
.dark .page_tryout .card .card p,
body.dark .page_tryout .card .card p {
    color: #e9ecef;
}

/* Strong tags visibility */
.page_tryout strong {
    color: #212529;
    font-weight: 700;
}

[data-bs-theme="dark"] .page_tryout strong,
.dark .page_tryout strong,
body.dark .page_tryout strong {
    color: #ffffff;
}

/* Text muted class - better contrast */
.page_tryout .text-muted {
    color: #6c757d !important;
}

[data-bs-theme="dark"] .page_tryout .text-muted,
.dark .page_tryout .text-muted,
body.dark .page_tryout .text-muted {
    color: #adb5bd !important;
}

/* Small text */
.page_tryout small,
.page_tryout .small {
    color: #6c757d;
}

[data-bs-theme="dark"] .page_tryout small,
[data-bs-theme="dark"] .page_tryout .small,
.dark .page_tryout small,
.dark .page_tryout .small,
body.dark .page_tryout small,
body.dark .page_tryout .small {
    color: #adb5bd;
}

/* Button outline visibility in dark theme */
.page_tryout .btn-outline-dark {
    border-color: #212529;
    color: #212529;
}

.page_tryout .btn-outline-dark:hover {
    background-color: #212529;
    color: #ffffff;
}

[data-bs-theme="dark"] .page_tryout .btn-outline-dark,
.dark .page_tryout .btn-outline-dark,
body.dark .page_tryout .btn-outline-dark {
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
}

[data-bs-theme="dark"] .page_tryout .btn-outline-dark:hover,
.dark .page_tryout .btn-outline-dark:hover,
body.dark .page_tryout .btn-outline-dark:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff;
}

/* Payment card text in nested cards */
.page_tryout .card .card .text-muted {
    color: #6c757d !important;
}

[data-bs-theme="dark"] .page_tryout .card .card .text-muted,
.dark .page_tryout .card .card .text-muted,
body.dark .page_tryout .card .card .text-muted {
    color: #adb5bd !important;
}

/* Mobile-optimized styles for tryouts page */
@media (max-width: 767.98px) {
    /* Ensure page uses full viewport height */
    body {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    main.container-fluid {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    /* Reduce spacing on mobile */
    .page_tryout .card-body {
        padding: 1rem !important;
    }
    
    /* Better spacing for sections */
    .page_tryout .mb-5 {
        margin-bottom: 2rem !important;
    }
    
    /* Smaller headings on mobile */
    .page_tryout .display-5 {
        font-size: 2rem;
    }
    
    /* Adjust icon wrapper on mobile */
    .page_tryout .ad-icon-wrapper {
        width: 48px !important;
        height: 48px !important;
        font-size: 1.5rem !important;
    }
    
    /* Better button spacing */
    .page_tryout .btn-lg {
        font-size: 1rem;
        padding: 0.5rem 1.5rem;
    }
    
    /* Compact info boxes */
    .page_tryout .alert {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
}