/**
 * Geo Report Overlay Styles
 * Extracted from inline styles in overlay-handler.php
 * For GPS prompt and guest overlay components
 */

/* ========================================
   GPS Prompt Overlay Styles
   ======================================== */

/* GPS prompt container with centered layout */
.geo-report-overlay-content.gps-prompt-container {
    max-width: 500px;
}

/* GPS content area with centered text and spacing */
#geo-report-gps-content {
    text-align: center;
    padding: 20px;
}

/* GPS icon with size and spacing */
.geo-gps-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    color: #3b82f6;
}

/* GPS prompt heading */
.geo-gps-heading {
    margin-bottom: 15px;
    font-size: 24px;
    color: #1e293b;
}

/* GPS description text */
.geo-gps-description {
    font-size: 16px;
    color: #64748b;
    margin-bottom: 25px;
    line-height: 1.6;
}

/* GPS allow button with larger sizing */
.geo-report-button.gps-allow-btn {
    font-size: 18px;
    padding: 15px 40px;
}

/* GPS skip text with spacing */
.geo-gps-skip-text {
    margin-top: 20px;
    font-size: 14px;
    color: #94a3b8;
}

/* GPS skip link styling */
.geo-gps-skip-link {
    color: #3b82f6;
    text-decoration: underline;
}

/* GPS loading container */
#geo-report-gps-loading {
    display: none;
    text-align: center;
    padding: 40px;
}

/* GPS loading text */
.geo-report-loading-text {
    margin-top: 20px;
    font-size: 16px;
    color: #64748b;
}

/* ========================================
   Responsive Design
   ======================================== */

@media (max-width: 600px) {
    .geo-report-overlay-content.gps-prompt-container {
        max-width: 95%;
    }

    .geo-gps-heading {
        font-size: 20px;
    }

    .geo-gps-description {
        font-size: 14px;
    }

    .geo-report-button.gps-allow-btn {
        font-size: 16px;
        padding: 12px 30px;
    }

    .geo-gps-icon {
        width: 60px;
        height: 60px;
    }
}