/* MuslimBrides development branding — 11 October 2026 */
:root { --ph7-primary:#136f6b; --ph7-primary-hover:#0f5956; --ph7-bg:#fff; --ph7-text:#263b3a; --ph7-border:#d7e8e6; }
html, body { background:#fff !important; color:#263b3a !important; }
#logo { background-image:url("https://dev.muslimbrides.com/templates/themes/base/img/logo.png?v=1791750171") !important; background-size:44px 44px !important; background-position:left center !important; min-height:48px; height:auto !important; padding-left:56px !important; }
#logo h1 a { color:#136f6b !important; text-shadow:none !important; }
h1.red3 { background:none !important; -webkit-text-fill-color:#176b66 !important; color:#176b66 !important; }
button[type="submit"], input[type="submit"], .btn-primary { background:#136f6b !important; border-color:#136f6b !important; color:#fff !important; }
button[type="submit"]:hover, input[type="submit"]:hover, .btn-primary:hover { background:#0f5956 !important; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline:3px solid #cf9f36; outline-offset:3px; }
body:has(#bgvid) { background:linear-gradient(135deg,#fff 40%,#edf8f6) !important; }
body:has(#bgvid) header { background:#fff; border-bottom:3px solid #cf9f36; padding:16px 0; }
body:has(#bgvid) #logo { margin-top:0 !important; float:none !important; width:auto; max-width:100%; }
body:has(#bgvid) #logo h1 { margin:8px 0; font-size:clamp(20px,2.3vw,28px); line-height:1.3; }
#bgvid { display:none !important; }
#content:has(#form_join_user) { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:30px; padding-top:24px; padding-bottom:40px; }
#content:has(#form_join_user) > .login_block { grid-column:1/-1; justify-self:end; margin:0 !important; width:auto; max-width:100%; }
#content:has(#form_join_user) > .pull-left { float:none !important; width:auto !important; padding:0; }
#content:has(#form_join_user) h1.red3 { font-size:clamp(25px,3vw,38px); line-height:1.2; margin:16px 0 24px; font-weight:700; }
#content:has(#form_join_user) > .pull-left:first-of-type { padding-top:20px; }
#form_login_user { background:#fff !important; border:1px solid #d7e8e6; box-shadow:none; border-radius:16px; }
#form_join_user { background:#fff !important; border:1px solid #d7e8e6; border-top:4px solid #cf9f36; border-radius:18px; padding:24px !important; box-shadow:0 12px 32px rgba(19,111,107,.08); }
#form_join_user .pfbc-label { padding-top:.7em !important; }
#promo_text, #promo_text a { color:#263b3a !important; text-shadow:none !important; font-size:17px; line-height:1.7; }
#promo_text h2 { color:#176b66 !important; font-size:23px; line-height:1.35; }
.bt_login_forgot a { color:#136f6b !important; }
#content:has(#form_join_user) .italic { font-style:normal; }
@media(max-width:767px) {
 #content:has(#form_join_user) { display:flex; flex-direction:column; gap:20px; padding-top:16px; }
 #content:has(#form_join_user) > .login_block { align-self:stretch; }
 #form_login_user .pfbc-element { float:none !important; margin:0 0 12px !important; }
 #form_login_user input:not([type="checkbox"]) { width:100% !important; }
 #form_join_user { padding:20px !important; }
 body:has(#bgvid) #logo { margin-left:10px; }
}
@media(prefers-reduced-motion:reduce) { .animated { animation:none !important; } }

/* Keep splash styles consistent with the brand. */
body #content #promo_text h2, body #content #promo_text h2 a { color:#176b66 !important; }
body .bt_login_forgot a { color:#136f6b !important; }
#content:has(#form_join_user)::before, #content:has(#form_join_user)::after, #content:has(#form_join_user) > .msg:empty { display:none; }
#content:has(#form_join_user) .animated { animation:none !important; opacity:1 !important; transform:none !important; }

body #content #promo_text, body #content #promo_text a { color:#263b3a !important; }
body #form_login_user a { color:#136f6b !important; }