/**
 * Royal Links Frontend Standalone Pages
 *
 * Styles for standalone pages (password form, unavailable message)
 * that bypass WordPress template system.
 *
 * @package Royal_Links
 */

/* ==========================================================================
   Unavailable Message Page
   ========================================================================== */

.royal-links-unavailable-message {
    max-width: 500px;
    margin: 100px auto;
    padding: 40px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.royal-links-unavailable-message h2 {
    margin: 0 0 15px 0;
}
.royal-links-unavailable-message.not_started h2 {
    color: #856404;
}
.royal-links-unavailable-message.expired h2,
.royal-links-unavailable-message.click_limit h2 {
    color: #dc3232;
}
.royal-links-unavailable-message p {
    color: #666;
    margin: 0;
}

/* ==========================================================================
   Password Form Page
   ========================================================================== */

.royal-links-password-form {
    max-width: 400px;
    margin: 50px auto;
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
}
.royal-links-password-form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.royal-links-password-form .button {
    background: #2271b1;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}