/* Alumni Portal Custom Premium Styling */

/* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* Apply font to elements */
body, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
    font-family: 'Outfit', sans-serif !important;
}

/* Badge Inline styling with tooltip */
.alumni-badge-list {
    display: inline-flex !important;
    gap: 4px;
    vertical-align: middle;
    margin-left: 10px;
}

.alumni-badge-item {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.alumni-badge-item:hover {
    transform: scale(1.3) translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Modern Top Header Styling */
#masthead.site-header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02) !important;
}

.site-header-container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Header navigation menu styling */
#site-navigation.main-navigation {
    display: flex !important;
    align-items: center !important;
}

#primary-navbar ul.primary-menu {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#primary-navbar ul.primary-menu > li > a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    transition: all 0.25s ease !important;
    position: relative;
}

#primary-navbar ul.primary-menu > li > a:hover {
    color: #eab308 !important; /* Cream gold */
    background: rgba(253, 224, 71, 0.05) !important;
}

/* Active menu item underline indicator */
#primary-navbar ul.primary-menu > li.current-menu-item > a {
    color: #eab308 !important;
    background: rgba(253, 224, 71, 0.08) !important;
}

#primary-navbar ul.primary-menu > li.current-menu-item > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 3px;
    background: #fde047; /* Cream yellow */
    border-radius: 2px;
}

/* Header aside icon buttons (search, notification, messages) */
#header-aside .header-search-link,
#header-aside .notification-link a,
#header-aside .messages-link a {
    background: rgba(241, 245, 249, 0.8) !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

#header-aside .header-search-link:hover,
#header-aside .notification-link a:hover,
#header-aside .messages-link a:hover {
    background: #eab308 !important;
    color: #0f172a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(234, 179, 8, 0.25) !important;
}

#header-aside .user-wrap img.avatar {
    border: 2px solid #fde047 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(253, 224, 71, 0.2) !important;
}

/* BuddyBoss Member Directory Custom Premium Styling */
#buddypress .members-directory-list .member-inner {
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    overflow: hidden;
}

#buddypress .members-directory-list .member-inner:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 30px rgba(234, 179, 8, 0.08) !important;
    border-color: rgba(253, 224, 71, 0.2) !important;
}

#buddypress .members-directory-list .member-inner .avatar {
    border: 4px solid #ffffff !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08) !important;
}

/* BuddyBoss Profile Custom Header */
#cover-image-container {
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden;
    margin-bottom: 30px !important;
}

#header-cover-image {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    position: relative;
}

/* Add a premium dark mesh overlay to cover image if it is default */
#header-cover-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%);
    z-index: 1;
}

#item-header-cover-image {
    padding: 30px 40px !important;
    z-index: 2;
    position: relative;
    background: #ffffff !important;
}

/* Online status dot styling (kept clean) */
#buddypress #item-header-avatar .user-presence {
    width: 16px !important;
    height: 16px !important;
    border: 3px solid #ffffff !important;
    bottom: 10px !important;
    right: 10px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* User display name in Profile Header */
#item-header-content h2.user-nicename {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Meta info underneath name */
#item-header-content .item-meta {
    font-size: 14px !important;
    color: #64748b !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

#item-header-content .item-meta .mention-name {
    color: #eab308 !important;
    font-weight: 600 !important;
}

/* Social link buttons in profile header */
.member-social-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
    color: #475569 !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
}

.member-social-links a:hover {
    background: #eab308 !important;
    color: #0f172a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(234, 179, 8, 0.3) !important;
}

/* BuddyBoss News Feed post box styling */
#whats-new-form {
    border-radius: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden;
}

/* Tab navigation items */
.bp-navs ul li a {
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 12px 20px !important;
    transition: all 0.2s !important;
}

/* ==========================================
   PORTAL TEMPLATE LAYOUT & HEADER CSS
   ========================================== */

/* Custom template classes */
:root {
	--bg-color: #0b132b;
	--card-bg: rgba(30, 41, 59, 0.85);
	--card-border: rgba(255, 255, 255, 0.08);
	--primary: #fde047;          /* Soft cream yellow */
	--primary-hover: #eab308;    /* Warm gold */
	--accent: #fde047;           /* Bright cream yellow */
	--text-color: #f8fafc;
	--text-muted: #94a3b8;
}

body.page-template-alumni-dashboard-template,
body.page-template-alumni-events-template,
body.page-template-alumni-jobs-template,
body.page-template-alumni-donations-template,
body.page-template-alumni-gallery-template {
	background: radial-gradient(circle at 50% 0%, #1e293b 0%, var(--bg-color) 70%) !important;
	color: var(--text-color) !important;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

/* Force transparent background on WordPress/theme containers for all our templates */
body.page-template-alumni-dashboard-template #page,
body.page-template-alumni-dashboard-template #content,
body.page-template-alumni-dashboard-template .site-content,
body.page-template-alumni-dashboard-template #primary,
body.page-template-alumni-dashboard-template #main,
body.page-template-alumni-events-template #page,
body.page-template-alumni-events-template #content,
body.page-template-alumni-events-template .site-content,
body.page-template-alumni-events-template #primary,
body.page-template-alumni-events-template #main,
body.page-template-alumni-jobs-template #page,
body.page-template-alumni-jobs-template #content,
body.page-template-alumni-jobs-template .site-content,
body.page-template-alumni-jobs-template #primary,
body.page-template-alumni-jobs-template #main,
body.page-template-alumni-donations-template #page,
body.page-template-alumni-donations-template #content,
body.page-template-alumni-donations-template .site-content,
body.page-template-alumni-donations-template #primary,
body.page-template-alumni-donations-template #main,
body.page-template-alumni-gallery-template #page,
body.page-template-alumni-gallery-template #content,
body.page-template-alumni-gallery-template .site-content,
body.page-template-alumni-gallery-template #primary,
body.page-template-alumni-gallery-template #main {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Force dark text overrides for our custom pages to prevent black-on-dark text */
.page-template-alumni-dashboard-template h1,
.page-template-alumni-dashboard-template h2,
.page-template-alumni-dashboard-template h3,
.page-template-alumni-dashboard-template h4,
.page-template-alumni-dashboard-template h5,
.page-template-alumni-dashboard-template h6,
.page-template-alumni-dashboard-template span,
.page-template-alumni-dashboard-template a,
.page-template-alumni-dashboard-template div,
.page-template-alumni-dashboard-template p,
.page-template-alumni-events-template h1,
.page-template-alumni-events-template h2,
.page-template-alumni-events-template h3,
.page-template-alumni-events-template h4,
.page-template-alumni-events-template h5,
.page-template-alumni-events-template h6,
.page-template-alumni-events-template span,
.page-template-alumni-events-template a,
.page-template-alumni-events-template div,
.page-template-alumni-events-template p,
.page-template-alumni-jobs-template h1,
.page-template-alumni-jobs-template h2,
.page-template-alumni-jobs-template h3,
.page-template-alumni-jobs-template h4,
.page-template-alumni-jobs-template h5,
.page-template-alumni-jobs-template h6,
.page-template-alumni-jobs-template span,
.page-template-alumni-jobs-template a,
.page-template-alumni-jobs-template div,
.page-template-alumni-jobs-template p,
.page-template-alumni-donations-template h1,
.page-template-alumni-donations-template h2,
.page-template-alumni-donations-template h3,
.page-template-alumni-donations-template h4,
.page-template-alumni-donations-template h5,
.page-template-alumni-donations-template h6,
.page-template-alumni-donations-template span,
.page-template-alumni-donations-template a,
.page-template-alumni-donations-template div,
.page-template-alumni-donations-template p,
.page-template-alumni-gallery-template h1,
.page-template-alumni-gallery-template h2,
.page-template-alumni-gallery-template h3,
.page-template-alumni-gallery-template h4,
.page-template-alumni-gallery-template h5,
.page-template-alumni-gallery-template h6,
.page-template-alumni-gallery-template span,
.page-template-alumni-gallery-template a,
.page-template-alumni-gallery-template div,
.page-template-alumni-gallery-template p {
    color: #f8fafc;
}

/* Restore helper classes for muted text */
.page-template-alumni-dashboard-template .profile-role,
.page-template-alumni-dashboard-template .meta-label,
.page-template-alumni-dashboard-template .stat-label,
.page-template-alumni-dashboard-template .member-meta,
.page-template-alumni-events-template .event-desc,
.page-template-alumni-events-template .event-meta-item span,
.page-template-alumni-jobs-template .job-meta-row,
.page-template-alumni-jobs-template .job-desc-preview,
.page-template-alumni-donations-template .campaign-desc,
.page-template-alumni-donations-template .progress-goal,
.page-template-alumni-donations-template .modal-subtitle,
.page-template-alumni-donations-template .bank-lbl,
.page-template-alumni-gallery-template .gallery-item-year {
    color: #94a3b8 !important;
}

/* Force light values on details and counts */
.page-template-alumni-dashboard-template .profile-name,
.page-template-alumni-dashboard-template .meta-val,
.page-template-alumni-dashboard-template .member-name a,
.page-template-alumni-dashboard-template .brand-name,
.page-template-alumni-events-template .event-title,
.page-template-alumni-jobs-template .job-title-text,
.page-template-alumni-donations-template .campaign-title,
.page-template-alumni-donations-template .progress-raised,
.page-template-alumni-donations-template .bank-val {
    color: #ffffff !important;
}

/* Force cream yellow highlights for active text and stats numbers */
.page-template-alumni-dashboard-template .stat-num,
.page-template-alumni-dashboard-template .brand-sub,
.page-template-alumni-dashboard-template .meta-label,
.page-template-alumni-dashboard-template .nav-card:hover .nav-icon,
.page-template-alumni-dashboard-template .message-icon-btn,
.page-template-alumni-events-template .date-month,
.page-template-alumni-jobs-template .job-company-tag,
.page-template-alumni-donations-template .progress-pct-tag,
.page-template-alumni-donations-template .campaign-badge {
    color: #fde047 !important;
}

/* Portal Global Header */
.portal-header {
	background: rgba(30, 41, 59, 0.9) !important;
	backdrop-filter: blur(15px) !important;
	-webkit-backdrop-filter: blur(15px) !important;
	border-bottom: 1px solid var(--card-border) !important;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.header-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.portal-nav ul {
	display: flex;
	list-style: none;
	gap: 6px;
	margin: 0;
	padding: 0;
}

.portal-nav ul li a {
	text-decoration: none !important;
	color: var(--text-muted) !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	padding: 10px 16px !important;
	border-radius: 10px !important;
	transition: all 0.25s ease !important;
	display: block;
}

.portal-nav ul li a:hover {
	color: var(--primary-hover) !important;
	background: rgba(253, 224, 71, 0.08) !important;
}

.portal-nav ul li a.active {
	color: #0f172a !important; /* Dark text for high contrast on yellow active tab */
	background: #fde047 !important;
	box-shadow: 0 4px 10px rgba(253, 224, 71, 0.2) !important;
}

.portal-header .brand-name {
	font-size: 22px;
	font-weight: 700;
	background: linear-gradient(90deg, #ffffff 0%, var(--accent) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1.1;
}

.portal-header .brand-sub {
	font-size: 11px;
	color: var(--text-muted) !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.portal-header .logout-btn {
	background: rgba(239, 68, 68, 0.15) !important;
	border: 1px solid rgba(239, 68, 68, 0.3) !important;
	color: #f87171 !important;
	text-decoration: none !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 13.5px !important;
	transition: all 0.2s !important;
	display: inline-block;
}

.portal-header .logout-btn:hover {
	background: rgba(239, 68, 68, 0.25) !important;
	border-color: #ef4444 !important;
	box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2) !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
	.header-container {
		flex-wrap: wrap;
	}
	.portal-nav {
		order: 3;
		width: 100%;
		overflow-x: auto;
		white-space: nowrap;
		padding: 8px 0;
		margin-top: 12px;
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}
	.portal-nav ul {
		gap: 4px;
	}
	.portal-nav ul li a {
		padding: 8px 12px !important;
		font-size: 13.5px !important;
	}
}

/* ==========================================
   VISUAL BRANDING & NAVIGATION ENHANCEMENTS
   ========================================== */

/* Site Logo sizing and hover animations on standard headers */
.site-branding .bb-logo {
    max-height: 40px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.site-branding a:hover .bb-logo {
    transform: scale(1.05) !important;
}

/* Sidebar BuddyPanel & Mobile Menu Custom Modern Icons */
#buddypanel-menu #menu-item-51 i::before,
#buddypanel-menu .menu-item-51 i::before,
.menu-item-51 a i::before,
.menu-item-51 i::before,
li.menu-item-51 i::before {
    content: "\eead" !important; /* Grid view icon for Dashboard */
}

#buddypanel-menu #menu-item-52 i::before,
#buddypanel-menu .menu-item-52 i::before,
.menu-item-52 a i::before,
.menu-item-52 i::before,
li.menu-item-52 i::before {
    content: "\ea0f" !important; /* Newspaper icon for News Feed */
}

#buddypanel-menu #menu-item-53 i::before,
#buddypanel-menu .menu-item-53 i::before,
.menu-item-53 a i::before,
.menu-item-53 i::before,
li.menu-item-53 i::before {
    content: "\e95d" !important; /* Users icon for Directory */
}

/* Send Message button icon override on members directory, profiles, and loops */
#buddypress .members-directory-list .member-buttons-wrap a.send-message i::before,
#buddypress .member-social-links a.send-message i::before,
#buddypress a.send-message i::before,
a.send-message i::before {
    content: "\eee7" !important; /* bb-icon-paper-plane */
}

/* ==========================================
   GLOBAL DARK/LIGHT THEME OPTIONS
   ========================================== */

/* Theme Toggle Button Styling */
#header-aside .theme-toggle-btn {
    background: rgba(241, 245, 249, 0.8) !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    transition: all 0.2s ease !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    margin-right: 12px;
}

#header-aside .theme-toggle-btn:hover {
    background: #eab308 !important;
    color: #0f172a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(234, 179, 8, 0.25) !important;
}

/* Adjustments for theme toggle in headers under dark theme */
body.theme-dark #header-aside .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8fafc !important;
}

body.theme-dark #header-aside .theme-toggle-btn:hover {
    background: #fde047 !important;
    color: #0f172a !important;
}

/* Dark Theme Overrides for standard pages */
body.theme-dark {
    background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0b132b 70%) !important;
    color: #f8fafc !important;
}

/* General containers transparent */
body.theme-dark #page,
body.theme-dark #content,
body.theme-dark .site-content,
body.theme-dark #primary,
body.theme-dark #main,
body.theme-dark #buddypress,
body.theme-dark #item-header-cover-image,
body.theme-dark .activity-list,
body.theme-dark .comment-reply-form,
body.theme-dark .comment-list,
body.theme-dark .bp-navs,
body.theme-dark .bp-wrap,
body.theme-dark .subnav {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* BuddyPanel sidebar dark mode support */
body.theme-dark .buddypanel {
    background: rgba(15, 23, 42, 0.95) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .buddypanel-menu li a {
    color: #94a3b8 !important;
}

body.theme-dark .buddypanel-menu li a:hover,
body.theme-dark .buddypanel-menu li.current-menu-item a {
    color: #fde047 !important;
    background: rgba(253, 224, 71, 0.08) !important;
}

/* Premium glassmorphic cards for content blocks */
body.theme-dark .members-directory-list .member-inner,
body.theme-dark #cover-image-container,
body.theme-dark #whats-new-form,
body.theme-dark .activity-item,
body.theme-dark #buddypress div.profile,
body.theme-dark .widget,
body.theme-dark .bp-card,
body.theme-dark .entry-content,
body.theme-dark .post,
body.theme-dark .bb-share-container,
body.theme-dark .bb-activity-comments-container,
body.theme-dark .ac-form,
body.theme-dark .standard-form,
body.theme-dark #send-reply,
body.theme-dark .message-box {
    background: rgba(30, 41, 59, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
    color: #f8fafc !important;
}

/* Card inner elements text fixes */
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6,
body.theme-dark .user-nicename,
body.theme-dark .user-nicename a,
body.theme-dark .member-name a,
body.theme-dark .activity-header a,
body.theme-dark .comment-content p,
body.theme-dark .bb-activity-text p,
body.theme-dark .activity-inner p,
body.theme-dark .tab a {
    color: #ffffff !important;
}

body.theme-dark p,
body.theme-dark span,
body.theme-dark li,
body.theme-dark time,
body.theme-dark .activity-time-since,
body.theme-dark .activity-meta a {
    color: #cbd5e1 !important;
}

/* Dark mode inputs */
body.theme-dark input[type="text"],
body.theme-dark input[type="password"],
body.theme-dark input[type="email"],
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .select2-container--default .select2-selection--single {
    background: rgba(15, 23, 42, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
    border-radius: 8px !important;
}

/* Dark mode hover highlights */
body.theme-dark a:hover,
body.theme-dark .member-name a:hover,
body.theme-dark .activity-header a:hover,
body.theme-dark .item-meta .mention-name,
body.theme-dark .bp-navs ul li.selected a {
    color: #fde047 !important;
}

body.theme-dark .item-header-cover-image {
    background: rgba(30, 41, 59, 0.95) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Social and message button enhancements in dark mode */
body.theme-dark .member-social-links a {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.theme-dark .member-social-links a:hover {
    background: #eab308 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 10px rgba(234, 179, 8, 0.4) !important;
}

/* ==========================================
   REGISTRATION PAGE PREMIUM STYLING
   ========================================== */

/* Constrain registration width and center it on standard pages */
body.registration #primary,
body.register #primary,
body.page-id-70 #primary {
    max-width: 650px !important;
    margin: 40px auto !important;
    float: none !important;
}

body.registration #register-page,
body.register #register-page,
body.page-id-70 #register-page {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border-radius: 24px !important;
    padding: 40px !important;
    margin-bottom: 60px !important;
    color: #475569 !important;
}

/* Glassmorphic Dark Mode for Registration Page */
body.registration.theme-dark #register-page,
body.register.theme-dark #register-page,
body.page-id-70.theme-dark #register-page {
    background: rgba(30, 41, 59, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    color: #f8fafc !important;
}

/* Style form elements labels and inputs */
body.registration .standard-form label,
body.register .standard-form label,
body.page-id-70 .standard-form label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
}

body.registration.theme-dark .standard-form label,
body.register.theme-dark .standard-form label,
body.page-id-70.theme-dark .standard-form label {
    color: #f8fafc !important;
}

/* Style inputs and textareas on registration form */
body.registration .standard-form input[type="text"],
body.registration .standard-form input[type="password"],
body.registration .standard-form input[type="email"],
body.registration .standard-form textarea,
body.register .standard-form input[type="text"],
body.register .standard-form input[type="password"],
body.register .standard-form input[type="email"],
body.register .standard-form textarea,
body.page-id-70 .standard-form input[type="text"],
body.page-id-70 .standard-form input[type="password"],
body.page-id-70 .standard-form input[type="email"],
body.page-id-70 .standard-form textarea {
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-size: 14.5px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    transition: all 0.25s ease !important;
}

/* Dark mode inputs style */
body.registration.theme-dark .standard-form input[type="text"],
body.registration.theme-dark .standard-form input[type="password"],
body.registration.theme-dark .standard-form input[type="email"],
body.registration.theme-dark .standard-form textarea,
body.register.theme-dark .standard-form input[type="text"],
body.register.theme-dark .standard-form input[type="password"],
body.register.theme-dark .standard-form input[type="email"],
body.register.theme-dark .standard-form textarea,
body.page-id-70.theme-dark .standard-form input[type="text"],
body.page-id-70.theme-dark .standard-form input[type="password"],
body.page-id-70.theme-dark .standard-form input[type="email"],
body.page-id-70.theme-dark .standard-form textarea {
    background: rgba(15, 23, 42, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

body.registration .standard-form input[type="text"]:focus,
body.registration .standard-form input[type="password"]:focus,
body.registration .standard-form input[type="email"]:focus,
body.register .standard-form input[type="text"]:focus,
body.register .standard-form input[type="password"]:focus,
body.register .standard-form input[type="email"]:focus,
body.page-id-70 .standard-form input[type="text"]:focus,
body.page-id-70 .standard-form input[type="password"]:focus,
body.page-id-70 .standard-form input[type="email"]:focus {
    border-color: #fde047 !important;
    box-shadow: 0 0 0 4px rgba(253, 224, 71, 0.25) !important;
}

/* Style the registration submit button to match gold theme */
body.registration .standard-form input[type="submit"],
body.register .standard-form input[type="submit"],
body.page-id-70 .standard-form input[type="submit"] {
    background: linear-gradient(90deg, #fde047 0%, #eab308 100%) !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 10px rgba(253, 224, 71, 0.2) !important;
}

body.registration .standard-form input[type="submit"]:hover,
body.register .standard-form input[type="submit"]:hover,
body.page-id-70 .standard-form input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(234, 179, 8, 0.35) !important;
}