/* Login Page Branding Styles */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap');

body.login {
    background-color: #ffffff;
    font-family: 'Figtree', sans-serif;
}

.login h1 a {
    background-image: url('../images/custom-logo.png');
    background-size: contain;
    width: 320px;
    height: 120px;
}

.login form {
    background-color: #f2f4f7;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.login label {
    color: #151834;
}

.wp-core-ui .button-primary {
    background: #00aeef;
    border-color: #00aeef;
    color: #ffffff;
}

.wp-core-ui .button-primary:hover {
    background: #ec008c;
    border-color: #ec008c;
}

.login #backtoblog a, .login #nav a {
    color: #525465;
}

.login #backtoblog a:hover, .login #nav a:hover {
    color: #ec008c;
}

/* Additional styles for better contrast and branding */
.login input[type=text]:focus, .login input[type=password]:focus {
    border-color: #00aeef;
    box-shadow: 0 0 0 1px #00aeef;
}

.login .message {
    border-left: 4px solid #00aeef;
}

.login #login_error {
    border-left-color: #ec008c;
}

.login .button.wp-hide-pw:focus {
    border-color: #00aeef;
    box-shadow: 0 0 0 1px #00aeef;
}

.login form .input, .login input[type=text] {
    background: #ffffff;
    color: #151834;
}

/* Media Modal Styles */
.media-modal-content {
    background-color: #f2f4f7;
}

.media-frame-title h1,
.media-frame-router .media-router .active,
.media-frame-router .media-router a {
    color: #151834;
}

.media-frame-content,
.attachments-browser .media-toolbar {
    background-color: #ffffff;
}

.attachments-browser .attachments,
.attachments-browser .uploader-inline {
    background-color: #f2f4f7;
}

.media-modal-close {
    color: #151834;
}

.media-modal-close:hover,
.media-modal-close:focus {
    color: #00aeef;
}

.media-frame-toolbar {
    border-top: 1px solid #e5e5e5;
}

.media-toolbar-primary .button,
.media-toolbar-primary .button-primary {
    background: #00aeef;
    border-color: #00aeef;
    color: #ffffff;
}

.media-toolbar-primary .button:hover,
.media-toolbar-primary .button-primary:hover {
    background: #151834;
    border-color: #151834;
}

.attachment.details .check,
.attachment.selected .check:focus,
.media-frame.mode-grid .attachment.selected .check {
    background-color: #00aeef;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #00aeef;
}

.media-sidebar {
    background: #f2f4f7;
    border-left-color: #e5e5e5;
}

.media-sidebar .setting span {
    color: #151834;
}

.media-sidebar .setting .name {
    color: #525465;
}

.media-sidebar .setting input[type=text],
.media-sidebar .setting input[type=password],
.media-sidebar .setting input[type=email],
.media-sidebar .setting input[type=number],
.media-sidebar .setting input[type=search],
.media-sidebar .setting input[type=tel],
.media-sidebar .setting input[type=url],
.media-sidebar .setting textarea {
    background-color: #ffffff;
    border-color: #e5e5e5;
    color: #151834;
}

.media-sidebar .setting input[type=text]:focus,
.media-sidebar .setting input[type=password]:focus,
.media-sidebar .setting input[type=email]:focus,
.media-sidebar .setting input[type=number]:focus,
.media-sidebar .setting input[type=search]:focus,
.media-sidebar .setting input[type=tel]:focus,
.media-sidebar .setting input[type=url]:focus,
.media-sidebar .setting textarea:focus {
    border-color: #00aeef;
}