/* ROAR presentation layer for MemberPress. No plugin behavior is overridden. */
@font-face {
	font-family: "Sora";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../../fonts/sora-400.ttf") format("truetype");
}

@font-face { font-family: "Sora"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../fonts/sora-500.ttf") format("truetype"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../fonts/sora-600.ttf") format("truetype"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../fonts/sora-700.ttf") format("truetype"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 800; font-display: swap; src: url("../../fonts/sora-800.ttf") format("truetype"); }

:root {
	--mepr-brand-color: #ff9418;
	--mepr-brand-color-dark: #df7410;
	--mepr-roar-bg: #080807;
	--mepr-roar-surface: #151412;
	--mepr-roar-field: #201e1b;
	--mepr-roar-text: #f6f3ee;
	--mepr-roar-muted: #aaa49b;
	--mepr-roar-border: rgba(255, 255, 255, 0.14);
	--mepr-roar-radius: 18px;
	--mepr-roar-pill: 999px;
}

body:has(.mepr-form),
body:has(.mepr-template-login),
body:has(.mepr_signup_form),
body:has(.mepr-checkout-container),
body:has(.mepr-account-container),
body:has(.mp_wrapper) {
	min-height: 100vh;
	background: radial-gradient(70% 70% at 85% 15%, rgba(255, 148, 24, 0.13), transparent 60%), var(--mepr-roar-bg) !important;
	color: var(--mepr-roar-text) !important;
	font-family: Inter, Arial, sans-serif !important;
}

body:has(.mepr-form) h1,
body:has(.mepr-form) h2,
body:has(.mepr-form) h3,
body:has(.mepr-template-login) h1,
body:has(.mepr-account-container) h1,
.mp_wrapper h1,
.mp_wrapper h2,
.mp_wrapper h3 {
	color: var(--mepr-roar-text) !important;
	font-family: Sora, ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: -0.035em;
}

/* ReadyLaunch masthead */
.mepr-masthead,
header.mepr-masthead,
.mepr-template-login .mepr-masthead {
	min-height: 84px !important;
	padding: 14px clamp(20px, 5vw, 72px) !important;
	border-bottom: 1px solid rgba(255, 148, 24, 0.22) !important;
	background: rgba(8, 8, 7, 0.96) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22) !important;
}

.mepr-masthead a,
.mepr-masthead .mepr-login-link {
	color: var(--mepr-roar-text) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.mepr-masthead a:hover { color: var(--mepr-brand-color) !important; }

.mepr-masthead .mepr-logo,
.mepr-masthead a:first-child {
	display: block;
	width: 164px !important;
	height: 54px !important;
	background: url("https://roarmarketingsolution.com/wp-content/uploads/2026/08/ROAR_logo_transparent-1-scaled.png") left center / contain no-repeat !important;
}

.mepr-masthead .mepr-logo img,
.mepr-masthead a:first-child img { opacity: 0 !important; }

/* Shared cards and layout */
.mepr-template-login,
.mepr-login-form-wrap,
.mepr_signup_form,
.mepr-checkout-container,
.mepr-account-container,
.mp_wrapper,
.mepr-form,
form.mepr-signup-form {
	color: var(--mepr-roar-text) !important;
}

.mepr-template-login .mepr-login-form-wrap,
.mepr-template-login .mepr_loginform,
.mepr-checkout-container .mepr-form,
.mepr-checkout-container .mepr-checkout-form,
.mepr_signup_form,
.mp_wrapper .mepr-form,
.mp_wrapper form,
.mepr-account-container,
.mepr-thank-you-page {
	border: 1px solid var(--mepr-roar-border) !important;
	border-radius: var(--mepr-roar-radius) !important;
	background: linear-gradient(145deg, rgba(31, 29, 26, 0.98), rgba(15, 14, 13, 0.98)) !important;
	box-shadow: 0 28px 75px rgba(0, 0, 0, 0.34) !important;
}

.mepr-template-login .mepr-login-form-wrap,
.mepr-template-login .mepr_loginform {
	width: min(100% - 32px, 570px) !important;
	margin: 70px auto !important;
	padding: clamp(28px, 5vw, 54px) !important;
	animation: mepr-roar-rise 650ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.mepr-checkout-container,
.mepr_signup_form,
.mp_wrapper {
	width: min(100% - 32px, 1180px) !important;
	margin: 58px auto !important;
}

.mepr-checkout-container .mepr-form,
.mepr-checkout-container .mepr-checkout-form,
.mepr_signup_form .mepr-form,
.mepr_signup_form form,
.mp_wrapper .mepr-form,
.mp_wrapper form {
	padding: clamp(24px, 4vw, 48px) !important;
}

/* Labels and fields */
.mepr-form label,
.mp_wrapper label,
.mepr-template-login label {
	display: inline-block;
	margin-bottom: 8px !important;
	color: #e7e2dc !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.mepr-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mepr-form select,
.mepr-form textarea,
.mp_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mp_wrapper select,
.mp_wrapper textarea,
.mepr-template-login input:not([type="checkbox"]):not([type="submit"]) {
	width: 100% !important;
	min-height: 52px !important;
	padding: 12px 16px !important;
	border: 1px solid var(--mepr-roar-border) !important;
	border-radius: 12px !important;
	outline: none !important;
	background: var(--mepr-roar-field) !important;
	box-shadow: none !important;
	color: var(--mepr-roar-text) !important;
	font: 500 15px/1.4 Inter, Arial, sans-serif !important;
	transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease !important;
}

.mepr-form input:focus,
.mepr-form select:focus,
.mepr-form textarea:focus,
.mp_wrapper input:focus,
.mp_wrapper select:focus,
.mepr-template-login input:focus {
	border-color: var(--mepr-brand-color) !important;
	background: #24211e !important;
	box-shadow: 0 0 0 4px rgba(255, 148, 24, 0.13) !important;
}

.mepr-form input::placeholder,
.mp_wrapper input::placeholder,
.mepr-template-login input::placeholder { color: #77716b !important; opacity: 1; }

.mepr-form input[type="checkbox"],
.mepr-form input[type="radio"],
.mp_wrapper input[type="checkbox"],
.mp_wrapper input[type="radio"] { accent-color: var(--mepr-brand-color); }

.mepr-form .mp-form-row,
.mp_wrapper .mp-form-row,
.mepr-template-login .mp-form-row { margin-bottom: 20px !important; }

/* Primary actions */
.mepr-submit,
.mepr-submit-full,
.mepr-form input[type="submit"],
.mepr-form button[type="submit"],
.mp_wrapper input[type="submit"],
.mp_wrapper button[type="submit"],
.mepr-template-login #wp-submit,
.mepr-account-container .mepr-account-form button,
.mepr-account-container .mepr-account-form input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 52px !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: var(--mepr-roar-pill) !important;
	background: var(--mepr-brand-color) !important;
	box-shadow: 0 12px 28px rgba(255, 148, 24, 0.2) !important;
	color: #17100a !important;
	font: 800 14px/1 Sora, sans-serif !important;
	cursor: pointer !important;
	transition: transform 220ms ease, background-color 220ms ease, box-shadow 220ms ease !important;
}

.mepr-submit:hover,
.mepr-form input[type="submit"]:hover,
.mepr-form button[type="submit"]:hover,
.mp_wrapper input[type="submit"]:hover,
.mp_wrapper button[type="submit"]:hover,
.mepr-template-login #wp-submit:hover {
	background: #ffab48 !important;
	box-shadow: 0 16px 34px rgba(255, 148, 24, 0.28) !important;
	transform: translateY(-2px);
}

.mepr-template-login #wp-submit { width: 100% !important; }

/* Links, notices and validation */
.mepr-form a,
.mp_wrapper a,
.mepr-template-login a,
.mepr-account-container a { color: var(--mepr-brand-color) !important; text-underline-offset: 4px; }

.mepr_error,
.mepr_errors,
.mepr-unauthorized-message,
.mepr_jump {
	width: min(100% - 32px, 860px) !important;
	margin: 28px auto !important;
	padding: 16px 20px !important;
	border: 1px solid rgba(255, 148, 24, 0.36) !important;
	border-radius: 14px !important;
	background: rgba(255, 148, 24, 0.09) !important;
	color: #f0ddd0 !important;
}

.mepr-form .mepr-form-input-error,
.mepr-form .mepr-form-input-error-message { color: #ff877d !important; }

/* Registration order summary */
.mepr-checkout-container .mepr-order-summary,
.mepr-checkout-container .mepr-price-menu,
.mepr-checkout-container .mepr-product-row,
.mepr-checkout-container .mepr-checkout-summary {
	border-color: var(--mepr-roar-border) !important;
	background: #0d0c0b !important;
	color: var(--mepr-roar-text) !important;
}

.mepr-checkout-container hr,
.mp_wrapper hr { border-color: var(--mepr-roar-border) !important; }

/* Account dashboard */
.mepr-account-container { width: min(100% - 32px, 1180px) !important; margin: 58px auto !important; padding: clamp(22px, 4vw, 44px) !important; }
.mepr-account-container .mepr-account-nav { border-bottom: 1px solid var(--mepr-roar-border) !important; }
.mepr-account-container .mepr-account-nav a { display: inline-flex; padding: 13px 17px !important; border-radius: 999px !important; text-decoration: none !important; }
.mepr-account-container .mepr-account-nav .mepr-active-nav-tab a,
.mepr-account-container .mepr-account-nav a:hover { background: var(--mepr-brand-color) !important; color: #17100a !important; }
.mepr-account-container table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--mepr-roar-border); border-radius: 14px; color: var(--mepr-roar-text); }
.mepr-account-container th { background: #25221e !important; color: #fff !important; }
.mepr-account-container th,
.mepr-account-container td { padding: 14px !important; border-color: var(--mepr-roar-border) !important; }

@keyframes mepr-roar-rise {
	from { opacity: 0; transform: translate3d(0, 22px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 760px) {
	.mepr-masthead,
	header.mepr-masthead { min-height: 70px !important; padding: 9px 18px !important; }
	.mepr-masthead .mepr-logo,
	.mepr-masthead a:first-child { width: 128px !important; height: 44px !important; }
	.mepr-template-login .mepr-login-form-wrap,
	.mepr-template-login .mepr_loginform,
	.mepr-checkout-container,
	.mepr_signup_form,
	.mp_wrapper,
	.mepr-account-container { width: calc(100% - 24px) !important; margin: 28px auto !important; }
	.mepr-account-container { overflow-x: visible !important; }
}

@media (prefers-reduced-motion: reduce) {
	.mepr-template-login .mepr-login-form-wrap,
	.mepr-template-login .mepr_loginform { animation: none !important; }
}

/*
 * Current MemberPress ReadyLaunch / Mepro markup.
 * These selectors are intentionally scoped to .guest-layout so they never
 * alter regular theme pages or MemberPress behavior.
 */
.guest-layout {
	position: relative !important;
	min-height: 100vh !important;
	background-color: #080807 !important;
	background-image: radial-gradient(70% 80% at 88% 12%, rgba(255, 148, 24, 0.14), transparent 58%), url("../../images/lion-silver.png") !important;
	background-repeat: no-repeat !important;
	background-position: center, right -100px bottom -110px !important;
	background-size: auto, 430px auto !important;
	color: #f6f3ee !important;
	font-family: Inter, Arial, sans-serif !important;
}

.guest-layout > .site-header,
.guest-layout #masthead.site-header {
	position: relative !important;
	top: auto !important;
	z-index: 10 !important;
	display: flex !important;
	align-items: center !important;
	min-height: 88px !important;
	padding: 14px clamp(22px, 6vw, 84px) !important;
	border-bottom: 1px solid rgba(255, 148, 24, 0.22) !important;
	background: rgba(8, 8, 7, 0.96) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.24) !important;
}

.guest-layout .site-branding a {
	display: block !important;
	width: 176px !important;
	height: 58px !important;
	background: url("https://roarmarketingsolution.com/wp-content/uploads/2026/08/ROAR_logo_transparent-1-scaled.png") left center / contain no-repeat !important;
}

.guest-layout .site-logo { width: 100% !important; height: 100% !important; opacity: 0 !important; }

.guest-layout #primary.site-main {
	width: 100% !important;
	min-height: calc(100vh - 88px) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.guest-layout #mepro-login-hero {
	display: grid !important;
	place-items: center !important;
	min-height: calc(100vh - 88px) !important;
	padding: 58px 20px !important;
	background: transparent !important;
}

.guest-layout .mepro-boxed {
	width: min(100%, 560px) !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.guest-layout .mepro-login-contents {
	width: 100% !important;
	padding: clamp(30px, 5vw, 54px) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 20px !important;
	background: linear-gradient(145deg, rgba(32, 30, 27, 0.98), rgba(15, 14, 13, 0.98)) !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42) !important;
	animation: mepr-roar-rise 650ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.guest-layout #mepr-template-login,
.guest-layout #mepr_loginform,
.guest-layout .mp_wrapper,
.guest-layout .mp_wrapper form,
.guest-layout .mepro-form {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #f6f3ee !important;
}

.guest-layout #mepr-template-login h1,
.guest-layout .mepro-form h1,
.guest-layout .mepro-form h2 {
	margin: 0 0 30px !important;
	color: #f6f3ee !important;
	font-family: Sora, ui-sans-serif, system-ui, sans-serif !important;
	font-size: clamp(30px, 4vw, 42px) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.04em !important;
}

.guest-layout .mp-form-row { margin: 0 0 20px !important; }
.guest-layout .mp-form-label { margin: 0 0 8px !important; }

.guest-layout .mp-form-label label,
.guest-layout .mepr_remember_me label,
.guest-layout .mepro-form label {
	color: #ded9d3 !important;
	font-family: Inter, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.guest-layout .mepro-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.guest-layout .mepro-form select,
.guest-layout .mepro-form textarea {
	width: 100% !important;
	min-height: 54px !important;
	padding: 13px 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 12px !important;
	outline: 0 !important;
	background: #211f1c !important;
	box-shadow: none !important;
	color: #f6f3ee !important;
	font: 500 15px/1.4 Inter, Arial, sans-serif !important;
	transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease !important;
}

.guest-layout .mepro-form input:focus,
.guest-layout .mepro-form select:focus,
.guest-layout .mepro-form textarea:focus {
	border-color: #ff9418 !important;
	background: #28241f !important;
	box-shadow: 0 0 0 4px rgba(255, 148, 24, 0.14) !important;
}

.guest-layout .mp-hide-pw { position: relative !important; }
.guest-layout .mp-hide-pw input { padding-right: 50px !important; }
.guest-layout .mp-hide-pw button {
	position: absolute !important;
	top: 50% !important;
	right: 12px !important;
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #aaa49b !important;
	transform: translateY(-50%) !important;
}

.guest-layout .mepro-form input[type="checkbox"],
.guest-layout .mepro-form input[type="radio"] { accent-color: #ff9418 !important; }

.guest-layout #wp-submit,
.guest-layout .mepr-share-button,
.guest-layout .mepro-form input[type="submit"],
.guest-layout .mepro-form button[type="submit"] {
	width: 100% !important;
	min-height: 54px !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #ff9418 !important;
	box-shadow: 0 12px 30px rgba(255, 148, 24, 0.22) !important;
	color: #17100a !important;
	font: 800 14px/1 Sora, sans-serif !important;
	cursor: pointer !important;
	transition: transform 220ms ease, background-color 220ms ease, box-shadow 220ms ease !important;
}

.guest-layout #wp-submit:hover,
.guest-layout .mepr-share-button:hover,
.guest-layout .mepro-form input[type="submit"]:hover,
.guest-layout .mepro-form button[type="submit"]:hover {
	background: #ffad4d !important;
	box-shadow: 0 16px 36px rgba(255, 148, 24, 0.3) !important;
	transform: translateY(-2px) !important;
}

.guest-layout .mepr-login-actions { margin-top: 26px !important; text-align: center !important; }
.guest-layout .mepr-login-actions a { color: #ff9418 !important; font-weight: 700 !important; text-underline-offset: 4px !important; }
.guest-layout .mp-spacer { height: 8px !important; min-height: 0 !important; }

/* Registration/checkout variations in the same MemberPress guest template. */
.guest-layout .mepro-checkout-container,
.guest-layout .mepro-checkout-wrapper,
.guest-layout .mepro-registration-layout,
.guest-layout .mepr-checkout-container {
	width: min(100% - 32px, 1160px) !important;
	margin: 54px auto !important;
	border-radius: 20px !important;
	background: #151412 !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38) !important;
	overflow: hidden !important;
}

.guest-layout .mepr_signup_form {
	animation: mepr-roar-rise 650ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

.guest-layout .mepr_signup_form > div,
.guest-layout .mepro-checkout-container > div,
.guest-layout .mepro-registration-layout > div {
	background: transparent !important;
	color: #f6f3ee !important;
}

.guest-layout .mepr_signup_form h1,
.guest-layout .mepr_signup_form h2,
.guest-layout .mepr_signup_form h3,
.guest-layout .mepr_signup_form legend {
	color: #f6f3ee !important;
	font-family: Sora, ui-sans-serif, system-ui, sans-serif !important;
}

.guest-layout .mepr_signup_form a { color: #ff9418 !important; }

.guest-layout .mepr_signup_form table,
.guest-layout .mepr_signup_form ul,
.guest-layout .mepr_signup_form li {
	border-color: rgba(255, 255, 255, 0.13) !important;
	color: #ded9d3 !important;
}

.guest-layout .mepro-checkout-container > *,
.guest-layout .mepro-registration-layout > * { border-color: rgba(255, 255, 255, 0.13) !important; }

@media (max-width: 700px) {
	.guest-layout > .site-header,
	.guest-layout #masthead.site-header { min-height: 72px !important; padding: 9px 18px !important; }
	.guest-layout .site-branding a { width: 136px !important; height: 48px !important; }
	.guest-layout #mepro-login-hero { min-height: calc(100vh - 72px) !important; padding: 28px 12px !important; }
	.guest-layout .mepro-login-contents { padding: 28px 22px !important; border-radius: 17px !important; }
	.guest-layout .mepro-checkout-container,
	.guest-layout .mepro-checkout-wrapper,
	.guest-layout .mepro-registration-layout,
	.guest-layout .mepr-checkout-container { width: calc(100% - 20px) !important; margin: 24px auto !important; border-radius: 16px !important; }
}

/*
 * ROAR ReadyLaunch skin — MemberPress app/account layout.
 * MemberPress prints its chosen accent colour inline, so these deliberately
 * specific rules keep every ReadyLaunch screen on the ROAR black/orange system.
 */
:root {
	--mepr-rl-accent-color: #ff9418 !important;
	--mepr-rl-accent-text-color: #17100a !important;
}

html body.mepr-app-layout,
html body.mepr-guest-layout {
	min-height: 100vh !important;
	background: #080807 !important;
	color: #f6f3ee !important;
	font-family: Inter, Arial, sans-serif !important;
}

html body.mepr-app-layout #page.app-layout,
html body.mepr-guest-layout #page.guest-layout {
	min-height: 100vh !important;
	background-color: #080807 !important;
	background-image:
		radial-gradient(65% 70% at 92% 12%, rgba(255, 148, 24, 0.13), transparent 62%),
		radial-gradient(circle at 12% 72%, rgba(255, 148, 24, 0.06), transparent 30%) !important;
	color: #f6f3ee !important;
}

html body.mepr-app-layout #page.app-layout > .site-header,
html body.mepr-app-layout #page.app-layout #masthead.site-header,
html body.mepr-guest-layout #page.guest-layout > .site-header,
html body.mepr-guest-layout #page.guest-layout #masthead.site-header {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 88px !important;
	padding: 14px clamp(22px, 5vw, 76px) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 148, 24, 0.2) !important;
	background: rgba(8, 8, 7, 0.97) !important;
	box-shadow: 0 12px 42px rgba(0, 0, 0, 0.28) !important;
	color: #f6f3ee !important;
}

html body.mepr-app-layout .site-header .site-branding,
html body.mepr-guest-layout .site-header .site-branding {
	flex: 0 0 auto !important;
	margin: 0 !important;
}

html body.mepr-app-layout .site-header .site-branding a,
html body.mepr-guest-layout .site-header .site-branding a {
	display: block !important;
	width: 178px !important;
	height: 58px !important;
	background: url("https://roarmarketingsolution.com/wp-content/uploads/2026/08/ROAR_logo_transparent-1-scaled.png") left center / contain no-repeat !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Hide the plugin's empty image element so its broken-image icon cannot show. */
html body.mepr-app-layout .site-header .site-branding img,
html body.mepr-guest-layout .site-header .site-branding img,
html body.mepr-app-layout .site-header img.site-logo,
html body.mepr-guest-layout .site-header img.site-logo {
	display: none !important;
}

html body.mepr-app-layout .site-header .profile-menu__text,
html body.mepr-app-layout .site-header .profile-menu__arrow_down,
html body.mepr-app-layout .site-header .profile-menu__hamburger {
	color: #f6f3ee !important;
}

html body.mepr-app-layout .site-header .profile-menu__text--small {
	color: #b9b2aa !important;
}

html body.mepr-app-layout .site-header .profile-menu__button:hover {
	background: rgba(255, 148, 24, 0.1) !important;
}

html body.mepr-app-layout .site-header .profile-menu__dropdown,
html body.mepr-app-layout .site-header .dropdown {
	border: 1px solid rgba(255, 255, 255, 0.13) !important;
	border-radius: 14px !important;
	background: #1a1816 !important;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important;
	overflow: hidden !important;
}

html body.mepr-app-layout .site-header .dropdown a,
html body.mepr-app-layout .site-header .dropdown__item {
	color: #f6f3ee !important;
}

html body.mepr-app-layout .site-header .dropdown a:hover,
html body.mepr-app-layout .site-header .dropdown__item:hover {
	background: rgba(255, 148, 24, 0.12) !important;
	color: #ff9418 !important;
}

html body.mepr-app-layout #primary.site-main {
	width: 100% !important;
	margin: 0 !important;
	padding: clamp(34px, 5vw, 72px) 20px !important;
	background: transparent !important;
}

html body.mepr-app-layout .mepr-account-container {
	grid-template-columns: 225px minmax(0, 1fr) !important;
	width: min(100%, 1060px) !important;
	min-height: 610px !important;
	margin: 0 auto !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 22px !important;
	background: #171614 !important;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45) !important;
	overflow: hidden !important;
	animation: mepr-roar-rise 650ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body.mepr-app-layout #mepr-account-nav {
	display: block !important;
	padding: 30px 0 !important;
	border-right: 1px solid rgba(255, 148, 24, 0.16) !important;
	background: linear-gradient(180deg, #11100f 0%, #0b0a09 100%) !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a {
	margin: 4px 14px !important;
	padding: 13px 15px !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #c9c3bc !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a::before {
	color: #ff9418 !important;
	background-color: #ff9418;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a:hover {
	border-color: rgba(255, 148, 24, 0.28) !important;
	background: rgba(255, 148, 24, 0.08) !important;
	color: #fff !important;
	transform: translateX(2px) !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.--active a,
html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
	border-color: rgba(255, 148, 24, 0.35) !important;
	background: #ff9418 !important;
	color: #17100a !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.--active a::before,
html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a::before {
	color: #17100a !important;
	background-color: #17100a !important;
}

html body.mepr-app-layout #mepr-account-content {
	padding: clamp(30px, 5vw, 58px) !important;
	background: transparent !important;
	color: #d9d3cc !important;
}

html body.mepr-app-layout #mepr-account-content h1,
html body.mepr-app-layout #mepr-account-content h2,
html body.mepr-app-layout #mepr-account-content h3,
html body.mepr-app-layout #mepr-account-content h4,
html body.mepr-app-layout #mepr-account-content strong {
	color: #f8f5f0 !important;
	font-family: Sora, ui-sans-serif, system-ui, sans-serif !important;
}

html body.mepr-app-layout #mepr-account-content a {
	color: #ff9418 !important;
}

html body.mepr-app-layout .mepr-profile-wrapper > div,
html body.mepr-app-layout #mepr-account-content table,
html body.mepr-app-layout #mepr-account-content .mepr-white-popup,
html body.mepr-app-layout #mepr-account-content .mepr-card {
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 16px !important;
	background: #1e1c19 !important;
	color: #ddd7d0 !important;
	box-shadow: none !important;
}

html body.mepr-app-layout #mepr-profile-details dt,
html body.mepr-app-layout .mepr-account-meta,
html body.mepr-app-layout #mepr-account-content th {
	color: #a9a29a !important;
}

html body.mepr-app-layout #mepr-profile-details dd,
html body.mepr-app-layout #mepr-account-content td {
	color: #f3eee8 !important;
}

html body.mepr-app-layout .mepr-profile-wrapper__footer,
html body.mepr-app-layout #mepr-account-content th,
html body.mepr-app-layout #mepr-account-content td {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html body.mepr-app-layout .mepr-account-container button,
html body.mepr-app-layout .mepr-account-container .mepr-button,
html body.mepr-app-layout .mepr-account-container input[type="button"],
html body.mepr-app-layout .mepr-account-container input[type="reset"],
html body.mepr-app-layout .mepr-account-container input[type="submit"] {
	min-height: 44px !important;
	padding: 0 22px !important;
	border: 1px solid #ff9418 !important;
	border-radius: 999px !important;
	background: #ff9418 !important;
	box-shadow: none !important;
	color: #17100a !important;
	font-family: Sora, ui-sans-serif, system-ui, sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

html body.mepr-app-layout .mepr-account-container button:hover,
html body.mepr-app-layout .mepr-account-container .mepr-button:hover,
html body.mepr-app-layout .mepr-account-container input[type="submit"]:hover {
	background: #ffad4d !important;
	border-color: #ffad4d !important;
	transform: translateY(-1px) !important;
}

html body.mepr-app-layout .mepr-account-container input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.mepr-app-layout .mepr-account-container select,
html body.mepr-app-layout .mepr-account-container textarea {
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 12px !important;
	background: #211f1c !important;
	color: #f6f3ee !important;
}

html body.mepr-app-layout .mepr-account-container input:focus,
html body.mepr-app-layout .mepr-account-container select:focus,
html body.mepr-app-layout .mepr-account-container textarea:focus {
	border-color: #ff9418 !important;
	box-shadow: 0 0 0 4px rgba(255, 148, 24, 0.13) !important;
}

html body.mepr-app-layout .mepr-account-welcome-message,
html body.mepr-app-layout .mepr-account-message,
html body.mepr-app-layout .mepr_updated,
html body.mepr-app-layout .mepr_error {
	border: 1px solid rgba(255, 148, 24, 0.24) !important;
	border-radius: 12px !important;
	background: rgba(255, 148, 24, 0.1) !important;
	color: #f6f3ee !important;
}

@media (max-width: 839px) {
	html body.mepr-app-layout .mepr-account-container { grid-template-columns: 1fr !important; min-height: 0 !important; }
	html body.mepr-app-layout #mepr-account-nav { border-right: 0 !important; border-bottom: 1px solid rgba(255, 148, 24, 0.16) !important; }
	html body.mepr-app-layout #mepr-account-nav:not(.open) { display: none !important; }
	html body.mepr-app-layout #mepr-account-content { padding: 28px 20px !important; }
}

@media (max-width: 700px) {
	html body.mepr-app-layout #page.app-layout > .site-header,
	html body.mepr-app-layout #page.app-layout #masthead.site-header,
	html body.mepr-guest-layout #page.guest-layout > .site-header,
	html body.mepr-guest-layout #page.guest-layout #masthead.site-header { min-height: 72px !important; padding: 9px 18px !important; }
	html body.mepr-app-layout .site-header .site-branding a,
	html body.mepr-guest-layout .site-header .site-branding a { width: 138px !important; height: 48px !important; }
	html body.mepr-app-layout #primary.site-main { padding: 22px 10px !important; }
	html body.mepr-app-layout .mepr-account-container { border-radius: 17px !important; }
}

/* Final form system: one clean white surface on every MemberPress guest form. */
html body.mepr-guest-layout #mepro-login-hero {
	padding: clamp(34px, 5vw, 64px) 18px !important;
}

html body.mepr-guest-layout .mepro-boxed,
html body.mepr-guest-layout .mepro-login-contents {
	width: min(100%, 540px) !important;
	max-width: 540px !important;
}

html body.mepr-guest-layout .mepro-login-contents {
	margin: 0 auto !important;
	padding: clamp(32px, 5vw, 52px) !important;
	border: 0 !important;
	border-radius: 22px !important;
	background: #ffffff !important;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42) !important;
	color: #11100f !important;
	overflow: visible !important;
}

/* Remove the second/nested form shape created by ReadyLaunch defaults. */
html body.mepr-guest-layout #mepr-template-login,
html body.mepr-guest-layout #mepr_loginform,
html body.mepr-guest-layout .mp_wrapper,
html body.mepr-guest-layout .mp_wrapper form,
html body.mepr-guest-layout .mepro-form,
html body.mepr-guest-layout .mepr_loginform {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #11100f !important;
}

html body.mepr-guest-layout #mepr-template-login h1,
html body.mepr-guest-layout .mepro-form h1,
html body.mepr-guest-layout .mepro-form h2,
html body.mepr-guest-layout .mepr_signup_form h1,
html body.mepr-guest-layout .mepr_signup_form h2,
html body.mepr-guest-layout .mepr_signup_form h3,
html body.mepr-guest-layout .mepr_signup_form legend {
	color: #11100f !important;
}

html body.mepr-guest-layout .mp-form-row,
html body.mepr-guest-layout .mepr-form-row {
	position: relative !important;
	margin: 0 0 19px !important;
}

/* MemberPress turns labels into placeholders; restore stable labels above fields. */
html body.mepr-guest-layout .mp-form-label,
html body.mepr-guest-layout .mepr-form-label {
	position: static !important;
	display: block !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	transform: none !important;
}

html body.mepr-guest-layout label,
html body.mepr-guest-layout label.placeholder-text,
html body.mepr-guest-layout .mp-form-label label,
html body.mepr-guest-layout .mepr-form-label label,
html body.mepr-guest-layout .mepr_remember_me label {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #26231f !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	transform: none !important;
	pointer-events: auto !important;
}

html body.mepr-guest-layout .mepro-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html body.mepr-guest-layout .mepro-form select,
html body.mepr-guest-layout .mepro-form textarea,
html body.mepr-guest-layout .mepr_signup_form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html body.mepr-guest-layout .mepr_signup_form select,
html body.mepr-guest-layout .mepr_signup_form textarea {
	width: 100% !important;
	min-height: 54px !important;
	padding: 13px 16px !important;
	border: 1px solid #d9d5cf !important;
	border-radius: 12px !important;
	background: #f7f6f4 !important;
	box-shadow: none !important;
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
}

html body.mepr-guest-layout .mepro-form input::placeholder,
html body.mepr-guest-layout .mepro-form textarea::placeholder,
html body.mepr-guest-layout .mepr_signup_form input::placeholder,
html body.mepr-guest-layout .mepr_signup_form textarea::placeholder {
	color: #817a72 !important;
	-webkit-text-fill-color: #817a72 !important;
	opacity: 1 !important;
}

html body.mepr-guest-layout .mepro-form input:focus,
html body.mepr-guest-layout .mepro-form select:focus,
html body.mepr-guest-layout .mepro-form textarea:focus,
html body.mepr-guest-layout .mepr_signup_form input:focus,
html body.mepr-guest-layout .mepr_signup_form select:focus,
html body.mepr-guest-layout .mepr_signup_form textarea:focus {
	border-color: #ff9418 !important;
	background: #fff !important;
	box-shadow: 0 0 0 4px rgba(255, 148, 24, 0.14) !important;
}

html body.mepr-guest-layout .mp-hide-pw button,
html body.mepr-guest-layout .mp-hide-pw .dashicons {
	color: #5d5750 !important;
}

html body.mepr-guest-layout .mepr-login-actions {
	margin: 24px 0 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

html body.mepr-guest-layout .mepr-login-actions a,
html body.mepr-guest-layout .mepr_signup_form a {
	color: #d86f00 !important;
}

/* Checkout/registration uses the same white card and dark readable controls. */
html body.mepr-guest-layout .mepro-checkout-container,
html body.mepr-guest-layout .mepro-checkout-wrapper,
html body.mepr-guest-layout .mepro-registration-layout,
html body.mepr-guest-layout .mepr-checkout-container,
html body.mepr-guest-layout .mepr_signup_form {
	border-radius: 22px !important;
	background: #fff !important;
	color: #11100f !important;
}

html body.mepr-guest-layout .mepr_signup_form > div,
html body.mepr-guest-layout .mepro-checkout-container > div,
html body.mepr-guest-layout .mepro-registration-layout > div {
	background: transparent !important;
	color: #11100f !important;
}

html body.mepr-guest-layout .mepr_signup_form p,
html body.mepr-guest-layout .mepr_signup_form li,
html body.mepr-guest-layout .mepr_signup_form td,
html body.mepr-guest-layout .mepr_signup_form th,
html body.mepr-guest-layout .mepr_signup_form span:not(.mepr-price-box-price) {
	color: #302d29 !important;
}

/* Account pages: balanced sidebar/content proportions and readable controls. */
html body.mepr-app-layout .mepr-account-container {
	grid-template-columns: 210px minmax(0, 1fr) !important;
	width: min(calc(100% - 32px), 1120px) !important;
	min-height: 620px !important;
}

html body.mepr-app-layout #mepr-account-nav {
	width: auto !important;
	min-width: 0 !important;
	padding: 28px 12px !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a {
	width: auto !important;
	min-height: 46px !important;
	margin: 4px 0 !important;
	padding: 11px 14px !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout #mepr-account-content {
	min-width: 0 !important;
	padding: clamp(36px, 5vw, 64px) !important;
	overflow: visible !important;
}

html body.mepr-app-layout #mepr-account-content > * {
	max-width: 100% !important;
}

html body.mepr-app-layout .mepr-profile-wrapper {
	width: 100% !important;
	max-width: 720px !important;
}

html body.mepr-app-layout .mepr-profile-wrapper > div {
	width: 100% !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout .mepr-profile-wrapper__footer {
	display: flex !important;
	gap: 10px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

html body.mepr-app-layout .mepr-profile-wrapper__footer > * {
	width: auto !important;
	margin: 0 !important;
}

html body.mepr-app-layout .mepr-profile-wrapper__footer .mepr-button,
html body.mepr-app-layout #mepr-account-content button,
html body.mepr-app-layout #mepr-account-content input[type="submit"] {
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 44px !important;
	color: #17100a !important;
	-webkit-text-fill-color: #17100a !important;
	line-height: 1.1 !important;
	white-space: normal !important;
}

html body.mepr-app-layout #mepr-account-content table {
	display: table !important;
	width: 100% !important;
	max-width: 100% !important;
	table-layout: auto !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
}

html body.mepr-app-layout #mepr-account-content table th,
html body.mepr-app-layout #mepr-account-content table td {
	padding: 15px 14px !important;
	vertical-align: top !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
}

html body.mepr-app-layout #mepr-account-content table th:first-child { border-radius: 15px 0 0 0 !important; }
html body.mepr-app-layout #mepr-account-content table th:last-child { border-radius: 0 15px 0 0 !important; }

/* Tiny profile/table utility buttons are icons or links, not orange CTA pills. */
html body.mepr-app-layout #mepr-profile-details button.mepr-profile-details__button,
html body.mepr-app-layout #mepr-account-content button.mepr-account-row-action,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions button,
html body.mepr-app-layout #mepr-account-content button.btn-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 0 7px !important;
	padding: 3px !important;
	border: 0 !important;
	border-radius: 5px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #ff9418 !important;
	-webkit-text-fill-color: #ff9418 !important;
	line-height: 1 !important;
	transform: none !important;
}

html body.mepr-app-layout #mepr-profile-details button.mepr-profile-details__button:hover,
html body.mepr-app-layout #mepr-account-content button.mepr-account-row-action:hover,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions button:hover,
html body.mepr-app-layout #mepr-account-content button.btn-link:hover {
	background: rgba(255, 148, 24, 0.12) !important;
	color: #ffad4d !important;
}

html body.mepr-app-layout #mepr-profile-details button.mepr-profile-details__button svg,
html body.mepr-app-layout #mepr-profile-details button.mepr-profile-details__button path {
	width: 13px !important;
	height: 13px !important;
	fill: #ff9418 !important;
}

/* Editing profile/password/payment details follows the same white form system. */
html body.mepr-app-layout #mepr-account-content form.mepr-form,
html body.mepr-app-layout #mepr-account-content form.mp_wrapper,
html body.mepr-app-layout .mepr_modal,
html body.mepr-app-layout .mepr_modal .mepr_modal_form {
	padding: clamp(22px, 4vw, 36px) !important;
	border: 0 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32) !important;
	color: #11100f !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form label,
html body.mepr-app-layout #mepr-account-content form.mp_wrapper label,
html body.mepr-app-layout .mepr_modal label,
html body.mepr-app-layout .mepr_modal h1,
html body.mepr-app-layout .mepr_modal h2,
html body.mepr-app-layout .mepr_modal h3 {
	position: static !important;
	padding: 0 !important;
	background: transparent !important;
	color: #26231f !important;
	transform: none !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.mepr-app-layout #mepr-account-content form.mepr-form select,
html body.mepr-app-layout #mepr-account-content form.mepr-form textarea,
html body.mepr-app-layout .mepr_modal input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html body.mepr-app-layout .mepr_modal select,
html body.mepr-app-layout .mepr_modal textarea {
	border: 1px solid #d9d5cf !important;
	background: #f7f6f4 !important;
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
}

@media (max-width: 839px) {
	html body.mepr-app-layout .mepr-account-container { grid-template-columns: 1fr !important; }
	html body.mepr-app-layout #mepr-account-content { padding: 30px 20px !important; overflow-x: hidden !important; }
	html body.mepr-app-layout #mepr-account-content table { min-width: 0 !important; }
}

@media (max-width: 600px) {
	html body.mepr-guest-layout .mepro-login-contents { padding: 30px 22px !important; border-radius: 18px !important; }
}

/* MemberPress uses a third checkout body variant: brand it independently. */
html body.mepr-pro-template #masthead.site-header {
	min-height: 88px !important;
	padding: 14px clamp(22px, 5vw, 76px) !important;
	border-bottom: 1px solid rgba(255, 148, 24, 0.2) !important;
	background: #080807 !important;
	color: #f6f3ee !important;
}

html body.mepr-pro-template #masthead.site-header .site-branding a {
	display: block !important;
	width: 178px !important;
	height: 58px !important;
	background: url("https://roarmarketingsolution.com/wp-content/uploads/2026/08/ROAR_logo_transparent-1-scaled.png") left center / contain no-repeat !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

html body.mepr-pro-template #masthead.site-header .site-branding img,
html body.mepr-pro-template #masthead.site-header img.site-logo,
html body.mepr-pro-template #masthead.site-header img.site-branding__logo {
	display: none !important;
}

html body.mepr-pro-template #masthead.site-header .mepr-header-login-link {
	color: #f6f3ee !important;
}

/* /account/ while logged out contains one login form inside an account wrapper. */
html body.mepr-app-layout .mepr-login-form-wrap {
	width: min(100%, 540px) !important;
	margin: 20px auto 60px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.mepr-app-layout .mepr-login-form-wrap #mepro-login-hero {
	min-height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

html body.mepr-app-layout .mepr-login-form-wrap .mepro-boxed,
html body.mepr-app-layout .mepr-login-form-wrap .mepro-login-contents {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

html body.mepr-app-layout .mepr-login-form-wrap .mepro-login-contents {
	padding: clamp(32px, 5vw, 52px) !important;
	border: 0 !important;
	border-radius: 22px !important;
	background: #fff !important;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42) !important;
	color: #11100f !important;
}

html body.mepr-app-layout .mepr-login-form-wrap #mepr-template-login,
html body.mepr-app-layout .mepr-login-form-wrap #mepr_loginform,
html body.mepr-app-layout .mepr-login-form-wrap .mp_wrapper,
html body.mepr-app-layout .mepr-login-form-wrap .mepro-form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #11100f !important;
}

html body.mepr-app-layout .mepr-login-form-wrap h1,
html body.mepr-app-layout .mepr-login-form-wrap label {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #11100f !important;
	transform: none !important;
}

html body.mepr-app-layout .mepr-login-form-wrap .mp-form-label {
	position: static !important;
	display: block !important;
	margin: 0 0 8px !important;
	transform: none !important;
}

html body.mepr-app-layout .mepr-login-form-wrap input:not([type="checkbox"]):not([type="submit"]),
html body.mepr-app-layout .mepr-login-form-wrap select,
html body.mepr-app-layout .mepr-login-form-wrap textarea {
	width: 100% !important;
	min-height: 54px !important;
	padding: 13px 16px !important;
	border: 1px solid #d9d5cf !important;
	border-radius: 12px !important;
	background: #f7f6f4 !important;
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
}

html body.mepr-app-layout .mepr-login-form-wrap .mepr-login-actions {
	margin-top: 24px !important;
	text-align: center !important;
}

/* Checkout/registration: readable two-column shell, white form, stable labels. */
html body.mepr-pro-template .mepr-checkout-container {
	width: min(calc(100% - 32px), 1180px) !important;
	margin: 42px auto !important;
	border-radius: 22px !important;
	background: #151412 !important;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42) !important;
	overflow: hidden !important;
}

html body.mepr-pro-template .mepr-checkout-container .invoice-wrapper {
	background: #0d0c0b !important;
	color: #f6f3ee !important;
}

html body.mepr-pro-template .mepr-checkout-container .invoice-wrapper,
html body.mepr-pro-template .mepr-checkout-container .invoice-wrapper * {
	border-color: rgba(255, 255, 255, 0.13) !important;
	color: #f6f3ee !important;
}

html body.mepr-pro-template .mepr-checkout-container .form-wrapper {
	padding: clamp(28px, 4vw, 52px) !important;
	background: #fff !important;
	color: #11100f !important;
}

html body.mepr-pro-template .mepr-checkout-container .form-wrapper label,
html body.mepr-pro-template .mepr-checkout-container .form-wrapper .mp-form-label,
html body.mepr-pro-template .mepr-checkout-container .form-wrapper .mepr-form-label {
	position: static !important;
	top: auto !important;
	left: auto !important;
	display: block !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	background: transparent !important;
	color: #26231f !important;
	transform: none !important;
}

html body.mepr-pro-template .mepr-checkout-container .form-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html body.mepr-pro-template .mepr-checkout-container .form-wrapper select,
html body.mepr-pro-template .mepr-checkout-container .form-wrapper textarea {
	width: 100% !important;
	min-height: 52px !important;
	padding: 12px 15px !important;
	border: 1px solid #d9d5cf !important;
	border-radius: 11px !important;
	background: #f7f6f4 !important;
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
}

/* Give all account data screens enough horizontal space. */
html body.mepr-app-layout .mepr-account-container {
	grid-template-columns: 220px minmax(0, 1fr) !important;
	width: calc(100% - 32px) !important;
	max-width: none !important;
}

html body.mepr-app-layout #mepr-account-content {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-subscriptions-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-payments-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-account-table-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table {
	width: 100% !important;
	max-width: none !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table {
	min-width: 0 !important;
	table-layout: fixed !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table th,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table td {
	min-width: 86px !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table th:first-child,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table td:first-child {
	min-width: 170px !important;
}

/* Use the viewport for account screens and keep every table inside the right panel. */
html body.mepr-app-layout .mepr-account-container {
	width: calc(100% - 32px) !important;
	max-width: none !important;
	margin: 32px auto !important;
	grid-template-columns: 220px minmax(0, 1fr) !important;
}

html body.mepr-app-layout #mepr-account-content,
html body.mepr-app-layout #mepr-account-content .mepr-subscriptions-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-payments-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-account-table-wrapper {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	overflow-x: visible !important;
}

html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	table-layout: fixed !important;
}

html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table th,
html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td,
html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table th:first-child,
html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td:first-child {
	min-width: 0 !important;
	max-width: none !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

@media (max-width: 839px) {
	html body.mepr-pro-template #masthead.site-header { min-height: 72px !important; padding: 9px 18px !important; }
	html body.mepr-pro-template #masthead.site-header .site-branding a { width: 138px !important; height: 48px !important; }
	html body.mepr-pro-template .mepr-checkout-container { width: calc(100% - 20px) !important; margin: 22px auto !important; border-radius: 17px !important; }
	html body.mepr-app-layout #mepr-account-content { overflow-x: hidden !important; }
}

/* Complete MemberPress state coverage: notices, badges, empty states and dialogs. */
html body.mepr-pro-template .mepr_pro_error,
html body.mepr-pro-template .mepr-unauthorized-message,
html body.mepr-pro-template .mepr_error,
html body.mepr-pro-template .mepr_updated,
html body.mepr-pro-template .mepr-account-message,
html body.mepr-pro-template .mepr-account-welcome-message {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	margin: 0 0 24px !important;
	padding: 15px 18px !important;
	border: 1px solid rgba(255, 148, 24, 0.3) !important;
	border-radius: 12px !important;
	background: rgba(255, 148, 24, 0.1) !important;
	color: #f6f3ee !important;
}

html body.mepr-pro-template .mepr_pro_error p,
html body.mepr-pro-template .mepr-unauthorized-message p,
html body.mepr-pro-template .mepr_error p,
html body.mepr-pro-template .mepr_updated p {
	margin: 0 !important;
	color: inherit !important;
}

html body.mepr-pro-template label.invalid,
html body.mepr-pro-template .mepr-form-has-errors,
html body.mepr-pro-template .cc-error,
html body.mepr-pro-template .mepr_error {
	color: #b42318 !important;
}

html body.mepr-pro-template input.invalid,
html body.mepr-pro-template select.invalid,
html body.mepr-pro-template textarea.invalid {
	border-color: #d92d20 !important;
	box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.1) !important;
}

html body.mepr-pro-template input[type="checkbox"],
html body.mepr-pro-template input[type="radio"] {
	accent-color: #ff9418 !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-active,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-complete {
	border: 0 !important;
	background: #dcfce7 !important;
	color: #166534 !important;
	-webkit-text-fill-color: #166534 !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-canceled,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-refunded {
	border: 0 !important;
	background: #fee2e2 !important;
	color: #991b1b !important;
	-webkit-text-fill-color: #991b1b !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-paused,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__badge.--is-lapsed {
	border: 0 !important;
	background: #ffedd5 !important;
	color: #7c2d12 !important;
	-webkit-text-fill-color: #7c2d12 !important;
}

html body.mepr-app-layout #mepr-account-content .dropdown {
	border: 1px solid rgba(255, 255, 255, 0.13) !important;
	border-radius: 12px !important;
	background: #24211e !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
	overflow: hidden !important;
}

html body.mepr-app-layout #mepr-account-content .dropdown a {
	background: transparent !important;
	color: #f6f3ee !important;
}

html body.mepr-app-layout #mepr-account-content .dropdown a:hover {
	background: rgba(255, 148, 24, 0.12) !important;
	color: #ff9418 !important;
}

html body.mepr-app-layout .mepr_modal__overlay {
	background: rgba(0, 0, 0, 0.72) !important;
	backdrop-filter: blur(5px) !important;
}

html body.mepr-app-layout .mepr_modal {
	width: min(calc(100% - 28px), 560px) !important;
	max-width: 560px !important;
	border-radius: 20px !important;
	background: #fff !important;
	color: #11100f !important;
}

html body.mepr-app-layout .mepr_modal__box,
html body.mepr-app-layout #mepr-account-content [role="dialog"],
html body.mepr-app-layout #mepr-account-content .mepr-confirm-dialog {
	width: min(calc(100% - 28px), 520px) !important;
	max-width: 520px !important;
	padding: 24px !important;
	border-radius: 16px !important;
	background: #fff !important;
	color: #26231f !important;
	-webkit-text-fill-color: #26231f !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout .mepr_modal__box :is(p, span, div, label, h1, h2, h3, h4),
html body.mepr-app-layout #mepr-account-content [role="dialog"] :is(p, span, div, label, h1, h2, h3, h4),
html body.mepr-app-layout #mepr-account-content .mepr-confirm-dialog :is(p, span, div, label, h1, h2, h3, h4) {
	color: #26231f !important;
	-webkit-text-fill-color: #26231f !important;
	opacity: 1 !important;
}

html body.mepr-app-layout .mepr-white-popup .mepr-cancel-sub-text {
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
	opacity: 1 !important;
}

html body.mepr-app-layout .mepr_modal__box button:not(.mepr_modal__close),
html body.mepr-app-layout #mepr-account-content [role="dialog"] button,
html body.mepr-app-layout #mepr-account-content .mepr-confirm-dialog button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 58px !important;
	min-height: 36px !important;
	margin: 8px 4px 0 !important;
	padding: 8px 14px !important;
	border: 1px solid #d8790b !important;
	border-radius: 999px !important;
	background: #ff9418 !important;
	color: #17100a !important;
	-webkit-text-fill-color: #17100a !important;
	font-weight: 700 !important;
}

html body.mepr-app-layout .mepr_modal button.mepr_modal__close {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	width: 36px !important;
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
	border: 1px solid #dedad4 !important;
	border-radius: 50% !important;
	background: #f7f6f4 !important;
	color: #11100f !important;
	-webkit-text-fill-color: #11100f !important;
}

html body.mepr-app-layout .mepr-courses-wrapper,
html body.mepr-app-layout .mepr-courses-wrapper .grid {
	width: 100% !important;
	max-width: none !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: #f6f3ee !important;
}

html body.mepr-app-layout .mepr-courses-wrapper .course-progress {
	background: #34302b !important;
}

html body.mepr-app-layout .mepr-courses-wrapper .course-progress .user-progress,
html body.mepr-app-layout .mepr-courses-wrapper .btn-green {
	background: #ff9418 !important;
	color: #17100a !important;
}

html body.mepr-app-layout .mepr-rl-footer-widgets,
html body.mepr-app-layout #mepr-rl-account-footer-widget,
html body.mepr-app-layout #mepr-rl-global-footer-widget {
	width: 100% !important;
	max-width: none !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	border-radius: 14px !important;
	background: #1e1c19 !important;
	color: #d9d3cc !important;
}

html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table .sub,
html body.mepr-app-layout #mepr-account-content .text-gray,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__subscr,
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__rebill {
	color: #aaa39b !important;
}

/* Tables now shrink within the full-width account panel; no horizontal rail needed. */
html body.mepr-app-layout #mepr-account-content .mepr-subscriptions-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-payments-wrapper,
html body.mepr-app-layout #mepr-account-content .mepr-account-table-wrapper {
	overflow-x: visible !important;
}

@media (max-width: 560px) {
	html body.mepr-app-layout .mepr-courses-wrapper .grid { grid-template-columns: 1fr !important; gap: 16px !important; }
	html body.mepr-pro-template .mepr_pro_error,
	html body.mepr-pro-template .mepr-unauthorized-message { padding: 13px 14px !important; }
}

/* Final account navigation/button alignment polish. */
html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a::before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	background: none !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item a {
	justify-content: flex-start !important;
	padding: 12px 18px !important;
	color: #c9c3bc !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item:not(.--active):not(.mepr-active-nav-tab) a:hover,
html body.mepr-app-layout #mepr-account-nav .mepr-nav-item:not(.--active):not(.mepr-active-nav-tab) a:focus-visible {
	border-color: #ff9418 !important;
	background: #ff9418 !important;
	color: #17100a !important;
	transform: none !important;
}

html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.--active a,
html body.mepr-app-layout #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
	padding: 12px 18px !important;
	color: #17100a !important;
}

html body.mepr-app-layout .mepr-profile-wrapper__footer .mepr-button,
html body.mepr-app-layout .mepr-profile-wrapper__footer a.mepr-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 10px 22px !important;
	border-radius: 999px !important;
	color: #17100a !important;
	-webkit-text-fill-color: #17100a !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-align: center !important;
	text-decoration: none !important;
}

/* MemberPress reserves these ReadyLaunch footer widget slots on every account tab. */
html body.mepr-app-layout .mepr-rl-footer-widgets,
html body.mepr-app-layout #mepr-rl-account-footer-widget,
html body.mepr-app-layout #mepr-rl-global-footer-widget {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* White authentication cards: reset request, confirmation and login. */
html body.mepr-pro-template .mepro-login-contents #mepr-template-login :is(h1, h2, h3, p, label, .mp-form-label) {
 color: #26231f !important;
 -webkit-text-fill-color: #26231f !important;
}
html body.mepr-pro-template .mepro-login-contents #mepr-template-login a {
 color: #984600 !important;
 text-decoration: underline;
}
html body.mepr-pro-template #mepr_loginform .mepr_remember_me {
 display: flex !important;
 align-items: center !important;
 gap: 9px !important;
 margin: 18px 0 24px !important;
}
html body.mepr-pro-template #mepr_loginform .mepr_remember_me input[type="checkbox"] {
 width: 18px !important;
 height: 18px !important;
 min-height: 18px !important;
 flex: 0 0 18px;
 margin: 0 !important;
 padding: 0 !important;
}
html body.mepr-pro-template #mepr_loginform .mepr_remember_me label {
 margin: 0 !important;
 line-height: 1.5 !important;
 color: #26231f !important;
}
/* Keep action menus in normal table flow so scroll wrappers cannot clip them. */
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table .dropdown {
 position: static !important;
 transform: none !important;
 min-width: 110px !important;
 width: max-content !important;
 max-width: 100% !important;
 margin-top: 8px !important;
 background: #24211e !important;
 color: #f6f3ee !important;
}
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table {
 overflow: visible !important;
}
html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table .dropdown a {
 display: block;
 padding: 10px 14px !important;
 color: #f6f3ee !important;
}
html body.mepr-pro-template .form-wrapper :is(.cc-error, .mepr-form-has-errors, .mepr-form-input-error-message) {
 color: #b42318 !important;
 -webkit-text-fill-color: #b42318 !important;
}

/* Reset confirmation does not retain the #mepr-template-login wrapper. */
html body.mepr-pro-template .mepro-login-contents :is(h1, h2, h3, h4, h5, h6) {
 color: #26231f !important;
 -webkit-text-fill-color: #26231f !important;
 opacity: 1 !important;
}

/* Password editor: full-width fields with compact eye controls on all screens. */
html body.mepr-app-layout #mepr-account-content form.mepr-form {
	width: min(100%, 560px) !important;
	max-width: 560px !important;
	margin-inline: auto !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-row:has(input[type="password"]) {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-row input[type="password"] {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	padding-right: 52px !important;
	box-sizing: border-box !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-row:has(input[type="password"]) button[type="button"],
html body.mepr-app-layout #mepr-account-content form.mepr-form button.mepr-show-password,
html body.mepr-app-layout #mepr-account-content form.mepr-form button.mp-hide-pw {
	position: absolute !important;
	right: 10px !important;
	bottom: 10px !important;
	top: auto !important;
	left: auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(255, 148, 24, 0.14) !important;
	box-shadow: none !important;
	color: #9a4c00 !important;
	-webkit-text-fill-color: #9a4c00 !important;
	transform: none !important;
}

html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-row:has(input[type="password"]) button[type="button"] svg {
	width: 15px !important;
	height: 15px !important;
}

@media (max-width: 839px) {
	html body.mepr-app-layout .mepr-account-container {
		display: block !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: calc(100% - 20px) !important;
		max-width: none !important;
		margin: 18px auto !important;
		padding: 14px !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content {
		display: block !important;
		width: calc(100% - 20px) !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 24px 14px !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content form.mepr-form {
		width: 100% !important;
		max-width: 100% !important;
		padding: 22px 16px !important;
	}

	html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-row,
	html body.mepr-app-layout #mepr-account-content form.mepr-form .mp-form-label {
		width: 100% !important;
		max-width: 100% !important;
	}

	html body.mepr-app-layout #mepr-account-content form.mepr-form .submit,
	html body.mepr-app-layout #mepr-account-content form.mepr-form .mepr-form-actions {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		flex-wrap: wrap !important;
	}

	/* Payments and subscriptions become readable cards instead of a clipped desktop table. */
	html body.mepr-app-layout #mepr-account-content .mepr-subscriptions-wrapper,
	html body.mepr-app-layout #mepr-account-content .mepr-payments-wrapper,
	html body.mepr-app-layout #mepr-account-content .mepr-account-table-wrapper {
		overflow: visible !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
		background: transparent !important;
		overflow: visible !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table thead {
		display: none !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table tbody {
		display: grid !important;
		width: 100% !important;
		gap: 14px !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table tr {
		display: grid !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 8px 16px !important;
		border: 1px solid rgba(255, 255, 255, 0.14) !important;
		border-radius: 14px !important;
		background: #1e1c19 !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td {
		display: grid !important;
		grid-template-columns: minmax(82px, 36%) minmax(0, 1fr) !important;
		align-items: start !important;
		gap: 12px !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 11px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
		color: #f6f3ee !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td:last-child {
		border-bottom: 0 !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td::before {
		content: attr(data-label) !important;
		color: #aaa39b !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.45 !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td:empty {
		display: none !important;
	}

	html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions,
	html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions .dropdown {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	/* Profile content must fill the mobile account panel. */
	html body.mepr-app-layout #mepr-account-content .mepr-profile-wrapper,
	html body.mepr-app-layout #mepr-account-content #mepr-profile-details,
	html body.mepr-app-layout #mepr-account-content .mepr-profile-details,
	html body.mepr-app-layout #mepr-account-content .mepr-account-welcome-message,
	html body.mepr-app-layout #mepr-account-content .mepr-profile-wrapper > div {
		display: block !important;
		width: calc(100% - 20px) !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content .mepr-profile-wrapper__footer {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	html body.mepr-app-layout #mepr-account-content .mepr-profile-wrapper__footer .mepr-button {
		width: auto !important;
		min-width: 0 !important;
		padding: 9px 14px !important;
		font-size: 11px !important;
	}

	/* Give the mobile login card and its controls the available screen width. */
	html body.mepr-pro-template:has(#mepr_loginform) #mepro-login-hero {
		padding-inline: 12px !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepro-boxed,
	html body.mepr-pro-template:has(#mepr_loginform) .mepro-login-contents,
	html body.mepr-pro-template:has(#mepr_loginform) .mepr-login-form-wrap,
	html body.mepr-pro-template:has(#mepr_loginform) #mepr-template-login,
	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepro-login-contents {
		padding: 28px 20px !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform input:not([type="checkbox"]):not([type="submit"]),
	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform input[type="submit"] {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 380px) {
	html body.mepr-app-layout .mepr-account-container {
		width: calc(100% - 12px) !important;
		padding: 10px !important;
	}

	html body.mepr-app-layout #mepr-account-content {
		padding: 20px 10px !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepro-login-contents {
		padding: 24px 16px !important;
	}
}

/* The account URL is also the login URL; suppress MemberPress' redundant warning. */
html body.mepr-pro-template:has(#mepr_loginform) .mepr-unauthorized-message,
html body.mepr-pro-template:has(#mepr_loginform) .mepr-account-message.mepr-unauthorized-message {
	display: none !important;
}

/* Final account spacing and compact mobile data cards. */
html body.mepr-app-layout #primary.site-main {
	padding-top: 12px !important;
}

html body.mepr-app-layout .mepr-account-container {
	margin-top: 12px !important;
}

html body.mepr-app-layout .roar-account-home-link {
	display: inline-flex !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

html body.mepr-app-layout #page#page.site.app-layout > a.roar-account-home-link {
	display: inline-flex !important;
}

@media (max-width: 839px) {
	html body.mepr-app-layout #primary.site-main {
		padding: 8px 0 18px !important;
	}

	html body.mepr-app-layout .mepr-account-container {
		margin: 10px auto !important;
	}

	html body.mepr-app-layout #mepr-account-content {
		margin: 0 !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
		background: transparent !important;
		overflow: visible !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table thead {
		display: none !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table tbody {
		display: grid !important;
		width: 100% !important;
		gap: 14px !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table tr {
		display: grid !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 8px 16px !important;
		border: 1px solid rgba(255,255,255,.14) !important;
		border-radius: 14px !important;
		background: #1e1c19 !important;
		box-sizing: border-box !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		padding: 12px 0 !important;
		text-align: left !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
		line-height: 1.5 !important;
		overflow: hidden !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td::before {
		display: block !important;
		position: static !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 10px 5px !important;
		color: #aaa39b !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1.3 !important;
		text-align: left !important;
		white-space: normal !important;
	}

	html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td > * {
		max-width: 100% !important;
		margin-left: 0 !important;
		text-align: left !important;
	}
}

/* Full-width account login on phones. Keep last so it wins over MemberPress defaults. */
html body.mepr-pro-template:has(#mepr_loginform) .mepr-unauthorized-excerpt {
	display: none !important;
}

html body.mepr-pro-template:has(#mepr_loginform) #masthead .mepr-header-login-link,
html body.mepr-pro-template.logged-in #masthead .mepr-header-login-link {
	display: none !important;
}

html body.mepr-pro-template:has(#mepr_loginform) #masthead .mepr-header-login-link.roar-back-home {
	display: inline-flex !important;
}

@media (max-width: 760px) {
	html body.mepr-pro-template:has(#mepr_loginform) #primary.site-main > .mp_wrapper.alignwide {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 18px 12px 28px !important;
		box-sizing: border-box !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepr-login-form-wrap,
	html body.mepr-pro-template:has(#mepr_loginform) #mepro-login-hero,
	html body.mepr-pro-template:has(#mepr_loginform) .mepro-boxed,
	html body.mepr-pro-template:has(#mepr_loginform) .mepro-login-contents,
	html body.mepr-pro-template:has(#mepr_loginform) #mepr-template-login,
	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		box-sizing: border-box !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepr-login-form-wrap {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) #mepro-login-hero {
		min-height: 0 !important;
		padding: 0 !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) .mepro-login-contents {
		padding: 28px 20px !important;
		border-radius: 14px !important;
	}

	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform input:not([type="checkbox"]):not([type="submit"]),
	html body.mepr-pro-template:has(#mepr_loginform) #mepr_loginform input[type="submit"] {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}
}


/* Center the purchase confirmation card in the page. */
.mepr-thank-you-page {
  width: min(100% - 32px, 780px) !important;
  margin: 48px auto !important;
}

/* Mobile subscriptions: keep the actions menu visible inside the card. */
@media (max-width: 839px) {
  html body.mepr-app-layout #mepr-account-content table.mepr-pro-account-table td.mepr-pro-account-table__col-actions { position: relative !important; overflow: visible !important; padding-bottom: 14px !important; }
  html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions .dropdown { position: static !important; width: min(100%, 180px) !important; min-width: 132px !important; max-width: 180px !important; height: auto !important; margin: 8px 0 0 !important; padding: 6px !important; border: 1px solid rgba(255,148,24,.35) !important; border-radius: 10px !important; background: #24211e !important; box-shadow: 0 12px 28px rgba(0,0,0,.35) !important; overflow: visible !important; }
  html body.mepr-app-layout #mepr-account-content .mepr-pro-account-table__col-actions .dropdown a { display: block !important; width: 100% !important; padding: 9px 10px !important; color: #f6f3ee !important; -webkit-text-fill-color: #f6f3ee !important; line-height: 1.3 !important; white-space: nowrap !important; }
}

/* Change-password page: one clean responsive card. */
html body.mepr-app-layout #mepr-account-content:has(form.mepr-newpassword-form){display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;padding:clamp(28px,6vw,64px) clamp(16px,4vw,40px)!important;box-sizing:border-box!important}
html body.mepr-app-layout #mepr-account-content:has(form.mepr-newpassword-form) #mepro-login-hero,html body.mepr-app-layout #mepr-account-content:has(form.mepr-newpassword-form) .mepro-boxed,html body.mepr-app-layout #mepr-account-content:has(form.mepr-newpassword-form) .mepro-login-contents{display:block!important;width:100%!important;max-width:520px!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form{display:block!important;width:100%!important;max-width:520px!important;margin:0 auto!important;padding:clamp(24px,5vw,38px)!important;border:1px solid #ded9d2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.22)!important;box-sizing:border-box!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form .mp-form-row{width:100%!important;margin:0 0 22px!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form input[type=password]{width:100%!important;min-height:54px!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form input[type=submit]{display:block!important;width:100%!important;min-height:52px!important;margin:8px 0 14px!important}
@media(max-width:839px){html body.mepr-app-layout #mepr-account-content:has(form.mepr-newpassword-form){width:100%!important;padding:24px 14px!important;overflow:visible!important}html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form{max-width:100%!important;padding:26px 20px!important;border-radius:18px!important}}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form{text-align:center!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form .mp-form-row{text-align:left!important}
html body.mepr-app-layout #mepr-account-content form.mepr-newpassword-form>a{color:#c45d00!important;font-weight:600!important;text-underline-offset:3px!important}