/**
 * Block page styles for VPN Guard plugin.
 *
 * @package   vpn-guard
 * @license   GPL-2.0-or-later
 */

/* Basic Reset & Body Styles */
body.vpngd_blocked-page-body { /* Prefixed class added to body tag in PHP - CORRECTED */
    background-color: #f7f7f7;
    color: #444;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    text-align: center;
    padding: 60px 20px;
    margin: 0;
    line-height: 1.6;
}

/* Logo Styling */
.vpngd_logo { /* Prefixed class */
    margin-bottom: 25px; /* Space below logo */
}
.vpngd_logo img { /* Prefixed class */
    display: block;
    max-width: 100px; /* Or your preferred size */
    height: auto;
    margin: 0 auto; /* Center the logo */
}

/* Main Content Block */
.vpngd_blocked { /* Prefixed class */
    background: #fff;
    border: 1px solid #dcdcdc;
    max-width: 540px;
    margin: 0 auto 40px auto; /* Centered, with margin below */
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    text-align: left;
}

.vpngd_blocked h1 { /* Prefixed class */
    font-size: 28px;
    color: #cc0000; /* Stronger error color */
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.vpngd_blocked p { /* Prefixed class */
    font-size: 16px;
    margin-bottom: 20px;
}

.vpngd_blocked p:last-of-type { /* Prefixed class */
    margin-bottom: 0;
}

/* Footer message inside the white box */
.vpngd_blocked-footer-message { /* Prefixed class */
     margin-top: 30px;
     padding-top: 20px;
     border-top: 1px solid #eee;
     font-size: 14px;
     text-align: center;
}

/* Support Button Area */
.vpngd_support { /* Prefixed class */
    margin-top: 30px;
    text-align: center;
}

.vpngd_support a.button, /* Prefixed class */
.vpngd_support button { /* Prefixed class */
    background-color: #0073aa; /* WordPress blue */
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal; /* Ensure button text is vertically centered */
}

.vpngd_support a.button:hover, /* Prefixed class */
.vpngd_support button:hover { /* Prefixed class */
    background-color: #005a87; /* Darker shade on hover */
}

/* Footer Text (outside the main white box) */
.vpngd_page-footer { /* Prefixed class */
    margin-top: 40px;
    font-size: 13px;
    color: #777;
    text-align: center;
}

.vpngd_page-footer a { /* Prefixed class */
    color: #555; /* Slightly darker for better visibility */
    text-decoration: none;
}

.vpngd_page-footer a:hover { /* Prefixed class */
    text-decoration: underline;
}