/*
 * fw8-responsible-style.css
 * Color & Style Overrides for Responsible Gaming Page
 * Version: 2.0 - Streamlined to work with fw8-about-page.css base
 * 
 * NOTE: This file ONLY contains color overrides and special styling.
 * All structural layout comes from fw8-about-page.css.
 */

/* ========== Page-Specific Identifier ========== */
.fw8-responsible-page {
    /* No additional styles needed - fw8-about-page handles everything */
}

/* ========== Protection Section Color Overrides ========== */
.fw8-protection-section {
    /* Inherits fw8-tech-section structure, just need color tweaks */
    background: linear-gradient(135deg, #0F1A3D 0%, #1B2B5B 100%) !important;
}

.fw8-protection-section .fw8-section-title {
    color: #FFB800 !important;
}

.fw8-protection-section .fw8-section-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

.fw8-protection-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 184, 0, 0.2) !important;
}

.fw8-protection-item:hover {
    border-color: #FFB800 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.fw8-protection-title {
    color: #FFB800 !important;
}

.fw8-protection-desc {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ========== Vision Cards Color Adjustment ========== */
.fw8-vision-card {
    background: linear-gradient(135deg, #F4F7FF 0%, #E8EFFF 100%) !important;
    border-color: #D0DFFF !important;
}

.fw8-vision-card:hover {
    background: linear-gradient(135deg, #E8EFFF 0%, #DCE9FF 100%) !important;
    border-color: #1B2B5B !important;
}

/* ========== Tools Grid Styling ========== */
.fw8-tools-grid {
    /* Uses fw8-feature-grid structure */
}

.fw8-tool-card {
    background: linear-gradient(135deg, #FFFDF5 0%, #FFF9E6 100%) !important;
    border: 2px solid #F0E5C8 !important;
}

.fw8-tool-card:hover {
    border-color: #F18221 !important;
    box-shadow: 0 10px 30px rgba(241, 130, 33, 0.15) !important;
}

.fw8-tool-title {
    /* Inherits fw8-feature-title styles */
}

.fw8-tool-desc {
    /* Inherits fw8-feature-text styles */
}

/* ========== Assessment Section Styling ========== */
.fw8-assessment-section {
    background: linear-gradient(135deg, #F4F7FF 0%, #E8EFFF 100%) !important;
    border-left: 6px solid #1B2B5B;
    padding: 50px 45px;
    border-radius: 32px;
}

.fw8-assessment-title {
    color: #1B2B5B !important;
}

.fw8-checklist {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.fw8-checklist-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #FFFFFF;
    padding: 20px 25px;
    border-radius: 16px;
    border: 2px solid rgba(27, 43, 91, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

.fw8-checklist-item:hover {
    border-color: rgba(241, 130, 33, 0.3);
    transform: translateX(5px);
}

.fw8-checklist-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.fw8-checklist-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2C3E50;
    margin: 0;
    line-height: 1.6;
}

/* ========== Support Banner Styling ========== */
.fw8-support-banner {
    background: linear-gradient(135deg, #1B2B5B 0%, #0F1A3D 100%);
    color: #FFFFFF;
    border-radius: 24px;
    padding: 40px;
    text-align: center;
    margin-top: 40px;
    border: 2px solid rgba(255, 184, 0, 0.3);
}

.fw8-support-text {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 1.7;
    color: #FFFFFF;
}

/* ========== Security Cards Styling ========== */
.fw8-security-grid {
    /* Uses fw8-feature-grid structure */
}

.fw8-security-card {
    background: linear-gradient(135deg, #F4F7FF 0%, #E8EFFF 100%) !important;
    border: 2px solid #D0DFFF !important;
}

.fw8-security-card:hover {
    border-color: #1B2B5B !important;
    box-shadow: 0 15px 40px rgba(27, 43, 91, 0.15) !important;
}

.fw8-security-title {
    /* Inherits fw8-feature-title */
}

.fw8-security-text {
    /* Inherits fw8-feature-text */
}

/* ========== Responsive Design ========== */
@media (max-width: 768px) {
    .fw8-assessment-section,
    .fw8-protection-section {
        padding: 35px 25px;
    }
    
    .fw8-support-banner {
        padding: 30px 20px;
    }
    
    .fw8-support-text {
        font-size: 16px;
    }
    
    .fw8-checklist-item {
        padding: 16px 20px;
    }
    
    .fw8-checklist-text {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .fw8-assessment-section,
    .fw8-protection-section {
        padding: 30px 20px;
    }
    
    .fw8-checklist-item {
        padding: 14px 16px;
    }
    
    .fw8-checklist-text {
        font-size: 14px;
    }
}

/* ========== End of Responsible Gaming Overrides ========== */