/* ===================================
   Ultimate Member Custom Styling
   Safe from plugin updates
   =================================== */

/* Login Form Container */
.um-form.um-login {
    background: #ffffff;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

/* Form Headings */
.um .um-form h2,
.um .um-form .um-form-heading {
    color: #2c3e50;
    font-family: 'Teko', sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

/* Input Field Labels */
.um .um-field-label {
    color: #ffffff;
}

/* Original label styling - commented out
.um .um-field-label-old,
.um-form label {
    color: #34495e;
    font-family: 'Vazirmatn', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

/* Input Fields */
.um input[type="text"],
.um input[type="password"],
.um input[type="email"] {
    background-color: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    color: #2c3e50;
    font-family: 'Vazirmatn', sans-serif;
    font-size: 15px;
    padding: 12px 15px;
    transition: all 0.3s ease;
}

.um input[type="text"]:focus,
.um input[type="password"]:focus,
.um input[type="email"]:focus {
    background-color: #ffffff;
    border-color: #dd3334;
    box-shadow: 0 0 0 3px rgba(221, 51, 52, 0.1);
    outline: none;
}

/* Login Button - Primary */
.um-button,
.um .um-button,
.um-form .um-button,
input[type="submit"].um-button {
    background: linear-gradient(135deg, #dd3334 0%, #dd3334 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Toxigenesis', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    padding: 14px 30px !important;
    text-transform: uppercase;
    transition: all 0.3s ease;
    width: 100%;
    cursor: pointer;
}

.um-button:hover,
.um .um-button:hover,
input[type="submit"].um-button:hover {
    background: linear-gradient(135deg, #dd3334 0%, #dd3334 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(221, 51, 52, 0.3) !important;
}

/* Secondary Button - Register */
.um .um-button.um-alt {
    background: transparent !important;
    border: 2px solid #dd3334 !important;
    color: #dd3334 !important;
    font-family: 'Toxigenesis', sans-serif !important;
}

.um .um-button.um-alt:hover {
    background: #dd3334 !important;
    color: #ffffff !important;
}

/* Checkbox - Remember Me */
.um .um-field-checkbox input[type="checkbox"] {
    accent-color: #dd3334;
}

.um .um-field-checkbox label {
    color: #5a6c7d;
    font-size: 14px;
    font-family: 'Vazirmatn', sans-serif;
}

/* Links - Forgot Password, Register, etc. */
.um a,
.um-form a {
    color: #dd3334 !important;
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
}

.um a:hover,
.um-form a:hover {
    color: #dd3334 !important;
    text-decoration: underline;
}

/* Field Icons */
.um .um-field-icon {
    color: #95a5a6;
}

/* Error Messages */
.um .um-notice {
    border-radius: 8px;
    font-family: 'Vazirmatn', sans-serif;
}

.um .um-notice.err {
    background-color: #fee;
    border-color: #fcc;
    color: #c33;
}

/* Success Messages */
.um .um-notice.success {
    background-color: #efe;
    border-color: #cfc;
    color: #3c3;
}

/* Form Row Spacing */
.um .um-field {
    margin-bottom: 20px;
}

/* Form Divider */
.um .um-col-alt {
    color: #95a5a6;
    font-family: 'Vazirmatn', sans-serif;
    text-align: center;
    margin: 20px 0;
}

/* Account Page Styling */
.um-account .um-account-side a {
    color: #34495e;
    font-family: 'Vazirmatn', sans-serif;
    transition: color 0.3s ease;
}

.um-account .um-account-side a:hover,
.um-account .um-account-side a.current {
    color: #dd3334;
}

/* Profile/Account Navigation */
.um-account-name a {
    color: #2c3e50 !important;
    font-family: 'Teko', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

/* Field Groups */
.um .um-field-group-head {
    background: #dd3334;
    color: #ffffff;
    font-family: 'Teko', sans-serif;
    font-size: 18px;
    padding: 12px 20px;
    border-radius: 8px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .um-form.um-login {
        padding: 25px;
    }
    
    .um .um-form h2 {
        font-size: 26px;
    }
}

/* Change Account Page Icons to Red */
.um-account .um-account-icon,
.um-account i.um-faicon-user,
.um-account i.um-icon-android-person,
.um-account i.um-faicon-lock,
.um-account i.um-faicon-envelope,
.um-account i.um-faicon-image,
.um-account i[class*="um-faicon-"],
.um-account i[class*="um-icon-"],
.um-account-side li a span.um-account-icon,
.um-account-side li a span.um-account-icon i {
    color: #dd3334 !important;
}

/* Active/Current Account Menu Item */
.um-account-side li a.current span.um-account-icon,
.um-account-side li a:hover span.um-account-icon {
    color: #dd3334 !important;
}

/* Account Tab Icons */
.um-account-nav a i,
.um-account-tab-icon {
    color: #dd3334 !important;
}

/* Meta/Icon Colors in Account Area */
.um .um-account-meta {
    color: #dd3334 !important;
}

/* Make Field Labels White */
.um .um-field-label,
.um-field-label,
.um-form label.um-field-label {
    color: #ffffff !important;
}

/* Make Account Heading and Name White */
.um-account-name,
.um-account-name a,
.um-account .um-account-name,
.um-account .um-account-name a,
.um-account-heading,
.um .um-account-heading,
.um-account h3,
.um-account .um-account-side h3 {
    color: #ffffff !important;
}

/* Account Meta Text White */
.um-account .um-account-meta,
.um-account-meta {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Apply Teko font to all text on auth pages */
body.page-id-2248 *,  /* Login */
body.page-id-2249 *,  /* Register */
body.page-id-2252 *,  /* Account */
body.page-id-2251 *,  /* Logout */
body.page-id-2253 *   /* Password Reset */
{
    font-family: 'Teko', sans-serif !important;
}

/* Adjust font sizes for readability with Teko */
body.page-id-2248 .um input,
body.page-id-2249 .um input,
body.page-id-2252 .um input,
body.page-id-2253 .um input {
    font-size: 18px !important;
}

body.page-id-2248 .um-field-label,
body.page-id-2249 .um-field-label,
body.page-id-2252 .um-field-label,
body.page-id-2253 .um-field-label {
    font-size: 16px !important;
}

body.page-id-2248 .um a,
body.page-id-2249 .um a,
body.page-id-2252 .um a,
body.page-id-2253 .um a {
    font-size: 16px !important;
}

/* Apply Vazirmatn font (supports Greek) to all text on auth pages */
body.page-id-2248 *,  /* Login */
body.page-id-2249 *,  /* Register */
body.page-id-2252 *,  /* Account */
body.page-id-2251 *,  /* Logout */
body.page-id-2253 *   /* Password Reset */
{
    font-family: 'Vazirmatn', sans-serif !important;
}

/* Keep Teko for buttons only */
body.page-id-2248 .um-button,
body.page-id-2249 .um-button,
body.page-id-2252 .um-button,
body.page-id-2253 .um-button,
.um .um-button {
    font-family: 'Toxigenesis', sans-serif !important;
}

/* Adjust font sizes for better readability */
body.page-id-2248 .um input,
body.page-id-2249 .um input,
body.page-id-2252 .um input,
body.page-id-2253 .um input {
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

body.page-id-2248 .um-field-label,
body.page-id-2249 .um-field-label,
body.page-id-2252 .um-field-label,
body.page-id-2253 .um-field-label {
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

body.page-id-2248 .um a,
body.page-id-2249 .um a,
body.page-id-2252 .um a,
body.page-id-2253 .um a {
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
}

/* Menu Hover Effects - Red Color and Motion */
.ak-nav .ak-nav_list > li > a:hover {
    color: #dd3334 !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

.ak-nav .ak-nav_list > li > a {
    transition: all 0.3s ease;
}

/* Submenu hover effects */
.ak-nav .ak-nav_list ul li a:hover {
    color: #dd3334 !important;
    transform: translateX(5px);
    transition: all 0.3s ease;
}

.ak-nav .ak-nav_list ul li a {
    transition: all 0.3s ease;
}

/* Change menu font to Roboto */
.ak-nav .ak-nav_list > li > a,
.ak-nav .ak-nav_list ul li a {
    font-family: 'Toxigenesis', sans-serif !important;
}

/* Force Barlow Condensed on buttons with highest specificity */
body.page-id-2248 input[type="submit"].um-button,
body.page-id-2249 input[type="submit"].um-button,
body.page-id-2252 input[type="submit"].um-button,
body.page-id-2253 input[type="submit"].um-button,
body .um input[type="submit"].um-button,
body .um-form input[type="submit"].um-button {
    font-family: 'Toxigenesis', sans-serif !important;
}

/* Load Toxigenesis Font */
@font-face {
    font-family: 'Toxigenesis';
    src: url('/wp-content/uploads/2025/11/toxigenesis.rg-bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Navigation menu font size */
body header .ak-nav li a,
body .ak-main-header .ak-nav li a,
body .ak-main-header-center .ak-nav li a,
body nav.ak-nav li a,
html body header nav ul li a,
html body .ak-main-header nav ul li a {
    font-size: medium !important;
}