/*
Theme Name: PRANA Online Training
Template: online-training
Version: 1.0.5
Requires at least: 6.9
Requires PHP: 7.4
Text Domain: prana-online-training
Description: PRANA presentation candidate. Retains existing commerce and membership plugins.
*/
html,body{margin:0;padding:0}body{background:#f6f0e8}.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-site-blocks>main{margin-block-start:0}.prana-content{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding:40px 24px}.prana-full-width{margin:0;padding:0;width:100%;max-width:none}.prana-skip-link{position:absolute;top:-100px;left:16px;z-index:100000;background:#fff;color:#45342f;padding:12px}.prana-skip-link:focus{top:12px}

@font-face {
  font-family: "PRANA IBM Plex Arabic";
  src: url("./assets/ibm-plex-sans-arabic-regular-prana.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/* Preserved footer tokens and responsive geometry, adapted to editable core blocks. */
.prana-shared-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 50px 0 32px;
  min-height: 320px;
  background: #e8dccf;
  color: #45342f;
  direction: rtl;
  text-align: start;
  font: 400 16px/1.5 "PRANA IBM Plex Arabic", sans-serif;
}
.prana-shared-footer *, .prana-shared-footer *::before, .prana-shared-footer *::after { box-sizing: border-box; }
.prana-shared-footer :where(h2, p, div) { margin-block: 0; font-weight: 400; }
.prana-shared-footer h2 { font-family: "PRANA IBM Plex Arabic", sans-serif; color: inherit; text-transform: none; letter-spacing: normal; }
.prana-shared-footer a { color: inherit; text-decoration: none; }
.prana-shared-footer a:hover { text-decoration: underline; text-underline-offset: .2em; }
.prana-shared-footer :where(a, button):focus-visible { outline: 3px solid #b44f36; outline-offset: 4px; }
.prana-shared-footer .prana-shared-content-width { max-width: 1440px; padding-inline: 80px; margin-inline: auto; }
.prana-shared-footer .prana-shared-footer-columns { display: grid; grid-template-columns: 2.2fr .7fr 1fr; gap: 80px; }
.prana-shared-footer .prana-shared-footer-statement { font-size: 38px; line-height: 60px; }
.prana-shared-footer .prana-shared-social { margin-top: 18px; font-size: 17px; }
.prana-shared-footer .prana-shared-social a { display: inline-flex; align-items: center; min-height: 44px; }
.prana-shared-footer .prana-shared-footer-links { font-size: 17px; line-height: 30px; }
.prana-shared-footer .prana-shared-footer-links a { display: inline-flex; align-items: center; min-height: 30px; }
.prana-shared-footer .prana-shared-footer-label { margin-bottom: 3px; }
.prana-shared-footer .prana-shared-copyright { font-size: 14px; margin-top: 24px; }
.prana-shared-footer .prana-shared-route-held { opacity: .65; cursor: default; }
.prana-shared-footer .prana-shared-mobile-only { display: none; }
@media (max-width: 1279px) {
  .prana-shared-footer .prana-shared-content-width { padding-inline: 48px; }
  .prana-shared-footer .prana-shared-footer-columns { gap: 32px; grid-template-columns: 1.5fr 1fr 1fr; }
}
@media (max-width: 767px) {
  .prana-shared-footer { padding-top: 28px; padding-bottom: 24px; }
  .prana-shared-footer .prana-shared-content-width { padding-inline: 24px; }
  .prana-shared-footer .prana-shared-desktop-only { display: none; }
  .prana-shared-footer .prana-shared-mobile-only { display: block; }
  .prana-shared-footer .prana-shared-footer-statement { font-size: 31px; line-height: 1.4; }
  .prana-shared-footer .prana-shared-copyright { margin-top: 16px; }
  .prana-shared-footer .prana-shared-mobile-footer-links { margin-top: 16px; }
  .prana-shared-footer .prana-shared-mobile-footer-row { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
  .prana-shared-footer .prana-shared-mobile-footer-row a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
  .prana-shared-footer .prana-shared-mobile-only > .prana-shared-social { margin-top: 4px; font-size: 16px; }
  .prana-shared-footer .prana-shared-mobile-only > .prana-shared-copyright { margin-top: 8px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .prana-shared-footer, .prana-shared-footer * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

.prana-native-header{background:#45342f;color:#f6f0e8;direction:rtl;padding:0 64px;font:400 16px/1.5 "PRANA IBM Plex Arabic",sans-serif}
.prana-native-header .prana-native-header-inner{max-width:1312px;min-height:96px;margin-inline:auto;display:flex;align-items:center;gap:32px}
.prana-native-header .prana-native-logo{margin:0;margin-inline-end:auto;width:140px;flex:0 0 140px}.prana-native-header .prana-native-logo img{width:140px;height:55px;object-fit:contain;display:block}
.prana-native-header a{color:inherit;text-decoration:none}.prana-native-header a:hover{text-decoration:underline;text-underline-offset:.2em}.prana-native-header :where(a,button):focus-visible{outline:3px solid #e8dccf;outline-offset:4px}
.prana-native-header .wp-block-navigation{font:inherit;color:inherit}.prana-native-header .prana-native-inline .wp-block-navigation__container{gap:28px}.prana-native-header .wp-block-navigation__responsive-container-open,.prana-native-header .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.prana-native-header .prana-native-overlay .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--prana-paper);color:var(--wp--preset--color--prana-cocoa);padding:0;direction:rtl}
.prana-native-header .prana-native-overlay .is-menu-open .wp-block-navigation__container{align-items:flex-start;width:100%;gap:24px;font-size:clamp(24px,4vw,48px);line-height:1.4}.prana-native-header .prana-native-overlay .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:64px;align-items:stretch}.prana-native-header .prana-native-overlay .is-menu-open .wp-block-navigation-item:nth-child(n+5){font-size:20px}
.prana-shared-footer .wp-block-columns{margin:0}.prana-shared-footer .wp-block-column{min-width:0}.prana-shared-footer .wp-block-paragraph{color:inherit}
@media(max-width:767px){.prana-native-header{padding:0 24px}.prana-native-header .prana-native-header-inner{min-height:80px;gap:16px}.prana-native-header .prana-native-inline{display:none}.prana-native-header .prana-native-logo{width:116px;flex-basis:116px}.prana-native-header .prana-native-logo img{width:116px;height:46px}.prana-native-header .prana-native-overlay .wp-block-navigation__responsive-container.is-menu-open{padding:0}}

/* v0.3: one account control; desktop inline nav, mobile native overlay. */
.prana-native-header .prana-native-account{margin:0;flex:0 0 auto;font:inherit;color:inherit}.prana-native-header .prana-native-account a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;white-space:nowrap}
@media(min-width:1024px){.prana-native-header .prana-native-overlay{display:none}.prana-native-header .prana-native-inline{display:flex}}
@media(max-width:1023px){.prana-native-header{padding-inline:32px}.prana-native-header .prana-native-inline{display:none}.prana-native-header .prana-native-overlay{display:flex}.prana-native-header .prana-native-header-inner{gap:16px}}
@media(max-width:767px){.prana-native-header{padding-inline:24px}}

/* v0.6: homepage-only Arabic heading links inherit the approved heading typography.
   Three root classes beat the parent's h1 a / h3 a selectors without !important. */
.prana-native.prana-home-page.prana-ar :is(h1,h2,h3,h4,h5,h6) a{font-family:inherit;font-weight:inherit}
/* Page-local mobile art rule has lower specificity, even when printed later.
   40px gap minus 20px decorative overhang leaves 20px visible CTA clearance. */
@media(max-width:767px){.prana-native.prana-home-page.prana-ar .prana-hero-art{margin-top:40px}}

/* v0.9: native page-link current state, no parent inline-color override. */
.prana-native-header .wp-block-navigation-item__content[aria-current="page"]{
 color:var(--wp--preset--color--prana-paper,#f6f0e8);
 text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;
}
.prana-native-header .wp-block-navigation-item__content[aria-current="page"] .wp-block-navigation-item__label{color:inherit}
.prana-native-header .wp-block-navigation-item__content{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* Native Arabic typography at theme/element level, including plugin form controls.
   Icon font elements/classes are deliberately excluded. */
html:lang(ar) body,html:lang(ar) :where(a,h1,h2,h3,h4,h5,h6,p,label,input,select,textarea,button){font-family:var(--wp--preset--font-family--prana-arabic)}
html:lang(ar) :is(.woocommerce,.tutor-wrap,.tutor-dashboard,.pmpro){font-family:var(--wp--preset--font-family--prana-arabic)}
html:lang(ar) :is(.woocommerce,.tutor-wrap,.tutor-dashboard,.pmpro) :where(a,label,input,select,textarea,button,h1,h2,h3,h4,h5,h6){font-family:var(--wp--preset--font-family--prana-arabic)}
/* Approved Sketch FF27339A native template-part overlay, core owns all interaction. */
.prana-native-header .prana-native-overlay .is-menu-open .wp-block-navigation__responsive-container-content{padding:0;align-items:stretch}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu{box-sizing:border-box;min-height:100vh;min-height:100dvh;width:100%;padding:36px 24px 48px;background:var(--wp--preset--color--prana-paper);color:var(--wp--preset--color--prana-cocoa);direction:rtl;text-align:right;font-family:var(--wp--preset--font-family--prana-arabic)}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-title{font:400 26px/39px var(--wp--preset--font-family--prana-arabic);margin:0;padding:0;color:inherit}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-primary{margin-top:69px}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu .wp-block-navigation__container{gap:0;align-items:flex-start;justify-content:flex-start;width:100%;font:inherit}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-primary :is(.wp-block-navigation-item__content,.prana-approved-menu-unavailable){min-height:72px;margin:0;padding:0;font:400 27px/72px var(--wp--preset--font-family--prana-arabic);color:inherit;text-align:right}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-unavailable small{font-size:12px;margin-inline-start:8px;vertical-align:middle}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-divider{width:100%;height:0;border:0;border-top:1px solid #d4c4b7;margin:52px 0 32px;padding:0;opacity:1;background:none}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-secondary :is(.wp-block-navigation-item__content,.wp-block-navigation-item){font:400 21px/48px var(--wp--preset--font-family--prana-arabic);min-height:48px;color:inherit}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu .wp-block-navigation-item__content[aria-current="page"]{color:var(--wp--preset--color--prana-cocoa);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.prana-native-header .prana-native-overlay .is-menu-open :is(a,button):focus-visible{outline:3px solid var(--wp--preset--color--prana-cocoa);outline-offset:4px}
.prana-native-header .prana-native-overlay .is-menu-open .wp-block-navigation__responsive-container-close{top:30px;left:12px;right:auto;min-width:48px;min-height:48px;padding:12px;color:var(--wp--preset--color--prana-cocoa)}
.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu a{font-family:var(--wp--preset--font-family--prana-arabic);color:inherit}
@media(max-width:359px){.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-primary :is(.wp-block-navigation-item__content,.prana-approved-menu-unavailable){font-size:24px}.prana-native-header .prana-native-overlay .is-menu-open .prana-approved-menu-unavailable small{font-size:11px;margin-inline-start:4px}}

/* Native account presentation integration. */
/* Scoped to Woo account routes; inherits the shared Arabic typeface. */
.woocommerce-account .prana-account-welcome,
.woocommerce-account .prana-account-membership {
  clear:both; padding:clamp(20px,4vw,40px); margin-block:0 24px;
  border:1px solid #d4c4b7; border-radius:16px; background:#f6f0e8; color:#45342f;
}
.woocommerce-account .prana-account-actions {display:flex;flex-wrap:wrap;gap:12px;margin-block-start:24px}
.woocommerce-account .prana-account-cta {
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-height:48px;padding:12px 24px;border:1px solid #45342f;border-radius:999px;
  background:#45342f;color:#f6f0e8;text-decoration:none;line-height:1.5;text-align:center;
}
.woocommerce-account .prana-account-cta-secondary {background:transparent;color:#45342f}
.woocommerce-account .woocommerce-MyAccount-navigation ul {list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li {margin:0;border-block-end:1px solid #d4c4b7}
.woocommerce-account .woocommerce-MyAccount-navigation a {display:flex;align-items:center;min-height:48px;padding:8px 12px;box-sizing:border-box}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {font-weight:600;background:#e8dccf;color:#45342f}
.woocommerce-account .woocommerce input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce button,
.woocommerce-account .woocommerce .button {min-height:44px;box-sizing:border-box;font:inherit}
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-LostPassword a {display:inline-flex;align-items:center;min-height:44px;gap:10px}
.woocommerce-account .show-password-input {min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;inset-block-start:0}
.woocommerce-account :is(a,button,input,select):focus-visible {outline:3px solid #45342f;outline-offset:3px}
.woocommerce-account .prana-account-membership {overflow-x:auto}
.woocommerce-account .prana-account-membership a {display:inline-flex;align-items:center;min-height:44px}
.woocommerce-account .woocommerce-MyAccount-content {min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){
 .woocommerce-account .woocommerce-MyAccount-navigation,
 .woocommerce-account .woocommerce-MyAccount-content {float:none;width:100%;margin-block-end:24px}
 .woocommerce-account .prana-account-actions {flex-direction:column;align-items:stretch}
}

/* Reserve the complete 44px native password-toggle target in both text directions. */
.woocommerce-account .woocommerce form .password-input {position:relative;display:block}
.woocommerce-account .woocommerce form .password-input input {
  width:100%;padding-inline-start:12px;padding-inline-end:56px;
}
.woocommerce-account .woocommerce form .password-input .show-password-input {
  position:absolute;left:auto;right:auto;top:0;bottom:auto;
  inset-inline-start:auto;inset-inline-end:0;inset-block-start:0;
  width:44px;height:44px;min-width:44px;min-height:44px;
  margin:0;padding:0;transform:none;box-sizing:border-box;
}

/* Integration proposal for the current child-theme owner; not deployed here.
   Existing legacy classes keep their original media and membership checks. */
.single-post .wp-block-post-content iframe[src*="youtube.com/embed/"],
.single-post .wp-block-post-content iframe[src*="youtube-nocookie.com/embed/"] {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16 / 9;
}

/* Tutor4.2.1 mobile links use this token explicitly, bypassing inherited theme type. */
html:lang(ar) .tutor-dashboard-layout {
  --tutor-font-family-body:"PRANA IBM Plex Arabic";
}

/* PRANA native guest authentication. Presentation only; forms and controllers stay native. */
.prana-auth-page #prana-main{max-width:536px;padding:64px 28px 80px;margin-inline:auto;color:#45342f}
.prana-auth-page #prana-main>.wp-block-post-title{font:400 clamp(30px,4vw,40px)/1.4 var(--wp--preset--font-family--prana-arabic);margin:0 0 12px;letter-spacing:normal;color:#45342f}
.prana-auth-page .prana-auth-intro{font-size:17px;line-height:1.8;color:#6c5650;margin:0 0 32px}
.prana-auth-page .prana-account-shell{padding:0!important;margin:0;max-width:none}
.prana-auth-page .wp-block-post-content{margin-block-start:0}
.prana-auth-page .woocommerce>h2{font-size:21px;font-weight:400;line-height:1.5;margin:28px 0 24px;color:#45342f}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password){padding:0;margin:0;border:0;border-radius:0;background:transparent;text-align:start;box-shadow:none}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password) .form-row{padding:0;margin:0 0 22px;float:none;width:100%;box-sizing:border-box}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password) label{display:block;font-size:15px;font-weight:400;line-height:1.7;color:#45342f;margin-bottom:8px}
.prana-auth-page.woocommerce-account .woocommerce form:is(.login,.lost_reset_password) input.input-text{min-height:56px;width:100%;border:1px solid #baa79b;border-radius:10px;padding:13px 16px;background:#fffcf8;color:#45342f;font-size:16px;line-height:1.6;box-shadow:none}
.prana-auth-page.woocommerce-account .woocommerce form:is(.login,.lost_reset_password) .password-input input.input-text{padding-inline-end:60px}
.prana-auth-page .woocommerce form .password-input .show-password-input{width:48px;height:56px;min-height:56px;inset-inline-end:4px;color:#45342f;background:transparent;border:0}
.prana-auth-page .woocommerce form .required{color:#7c392a}
.prana-auth-page .woocommerce form .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;gap:16px;margin:0 0 14px}
.prana-auth-page .woocommerce form label.woocommerce-form-login__rememberme{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:44px;margin:0;font-size:15px}
.prana-auth-page .woocommerce form #rememberme{width:20px;height:20px;accent-color:#45342f;margin:0;flex:0 0 20px}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password) button.button{display:flex;justify-content:center;align-items:center;float:none;width:100%;min-height:56px;padding:14px 20px;border:1px solid transparent;border-radius:10px;background:#e6c5b8;color:#45342f;box-shadow:none;font:400 17px/1.6 var(--wp--preset--font-family--prana-arabic);text-decoration:none;margin:0}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password) button.button:hover{background:#dcb3a3;color:#45342f}
.prana-auth-page .woocommerce form:is(.login,.lost_reset_password) button.button:active{background:#d5a592}
.prana-auth-page .woocommerce .woocommerce-LostPassword{margin:0;text-align:center}
.prana-auth-page .woocommerce .woocommerce-LostPassword a,.prana-auth-page .prana-auth-back a{min-height:44px;display:inline-flex;align-items:center;color:#6c5650;text-underline-offset:5px;text-decoration-thickness:1px;font-size:15px}
.prana-auth-page .woocommerce .lost_reset_password>p:first-child{font-size:16px;line-height:1.9;margin:22px 0 28px;color:#6c5650}
.prana-auth-page .prana-auth-back{margin:24px 0 0;text-align:center}
.prana-auth-page .prana-auth-help{border-top:1px solid #d4c4b7;margin:30px 0 0;padding-top:22px;font-size:14px;color:#6c5650;text-align:center;line-height:1.8}
.prana-auth-page .prana-auth-help a{color:#45342f;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.prana-auth-page .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){background:#eee2d8;color:#45342f;border:0;border-inline-start:3px solid #8f4937;border-radius:8px;padding:16px 20px;margin:0 0 24px;font-size:15px;line-height:1.8;list-style:none}
.prana-auth-page .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before{display:none}
.prana-auth-page .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a{color:inherit}
.prana-auth-page :is(a,button,input):focus-visible{outline:3px solid #45342f;outline-offset:4px}
.prana-auth-page .woocommerce form input.input-text:focus{border-color:#45342f;box-shadow:0 0 0 1px #45342f}
@media(max-width:767px){.prana-auth-page #prana-main{padding:36px 24px 48px}.prana-auth-page #prana-main>.wp-block-post-title{font-size:30px}.prana-auth-page .prana-auth-intro{font-size:16px;margin-bottom:24px}.prana-auth-page .woocommerce>h2{font-size:20px;margin-top:22px}.prana-auth-page .prana-auth-help{margin-top:24px;padding-top:16px}}
@media(prefers-reduced-motion:reduce){.prana-auth-page *{transition:none!important}}

/* The page already provides the login H1; avoid the native duplicate title. */
.prana-auth-login .woocommerce>h2{display:none}
.prana-auth-login .prana-auth-intro{margin-bottom:32px}
.prana-auth-page.woocommerce-account .woocommerce form:is(.login,.lost_reset_password) button.button{font-size:17px;line-height:1.6;min-height:56px}

/* PMPro alternate sign-in and recovery, used by protected legacy classes.
   Only presentation; preserve native actions, redirects, fields and recovery logic. */
.prana-sign-in.prana-content{max-width:536px;margin-inline:auto;padding:64px 28px 80px;color:#45342f}
.prana-sign-in.prana-content>h1{font:400 clamp(30px,4vw,40px)/1.4 var(--wp--preset--font-family--prana-arabic);letter-spacing:normal;margin:0 0 12px;color:#45342f}
.prana-sign-in.prana-content>p{font-size:17px;line-height:1.8;color:#6c5650;margin:0 0 32px}
.prana-sign-in .pmpro{--pmpro--color--accent:#45342f;--pmpro--color--border:#d4c4b7;--pmpro--color--base:#f6f0e8;--pmpro--color--contrast:#45342f}
.prana-sign-in #pmpro_login{margin:0;padding:0}
.prana-sign-in #pmpro_login .pmpro_card{padding:0;margin:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.prana-sign-in #pmpro_login :is(.pmpro_card_content,.pmpro_card_actions){padding:0;border:0;margin:0;background:transparent}
.prana-sign-in #pmpro_login :is(.pmpro_form,form){margin:0;padding:0}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) :is(p,.pmpro_form_field){margin:0 0 22px}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) :is(label,.pmpro_form_label){font:400 15px/1.7 var(--wp--preset--font-family--prana-arabic);margin:0 0 8px;color:#45342f}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) input:is([type=text],[type=email],[type=password]){box-sizing:border-box;min-height:56px;width:100%;border:1px solid #baa79b;border-radius:10px;padding:13px 16px;background:#fffcf8;color:#45342f;font:400 16px/1.6 var(--wp--preset--font-family--prana-arabic);box-shadow:none}
.prana-sign-in #pmpro_login #loginform .login-password{position:relative}
.prana-sign-in #pmpro_login #loginform .login-password input{padding-left:60px}
.prana-sign-in #pmpro_login #loginform .login-password .pmpro_form_field-password-toggle{position:absolute;left:4px;right:auto;bottom:0;top:auto;margin:0;width:48px;height:56px}
.prana-sign-in #pmpro_login #loginform .pmpro_form_field-password-toggle button{display:flex;align-items:center;justify-content:center;min-height:56px;width:48px;padding:0;background:transparent;border:0;color:#45342f;box-shadow:none}
.prana-sign-in #pmpro_login #loginform .pmpro_form_field-password-toggle-state{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.prana-sign-in #pmpro_login .login-remember label{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0}
.prana-sign-in #pmpro_login input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#45342f}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) input[type=submit]{display:block;box-sizing:border-box;min-height:56px;width:100%;margin:0;padding:14px 20px;border:1px solid transparent;border-radius:10px;background:#e6c5b8;color:#45342f;font:400 17px/1.6 var(--wp--preset--font-family--prana-arabic);box-shadow:none}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) input[type=submit]:hover{background:#dcb3a3}
.prana-sign-in #pmpro_login .pmpro_actions_nav{font-size:15px;text-align:center;margin:14px 0 0;padding:0}
.prana-sign-in #pmpro_login .pmpro_actions_nav a{min-height:44px;display:inline-flex;align-items:center;color:#6c5650;text-underline-offset:5px}
.prana-sign-in #pmpro_login .pmpro_lost_password-instructions{font-size:16px;line-height:1.9;color:#6c5650;margin:0 0 28px}
.prana-sign-in #pmpro_login .pmpro_spacer{display:none}
.prana-sign-in #pmpro_login .pmpro_form_submit{margin-top:22px}
.prana-sign-in :is(a,button,input):focus-visible{outline:3px solid #45342f;outline-offset:4px}
.prana-sign-in #pmpro_login :is(#loginform,#lostpasswordform,#resetpasswordform) input:is([type=text],[type=email],[type=password]):focus{border-color:#45342f;box-shadow:0 0 0 1px #45342f}
.prana-sign-in #pmpro_login :is(.pmpro_message,.pmpro_error){background:#eee2d8;color:#45342f;border:0;border-inline-start:3px solid #8f4937;border-radius:8px;padding:16px 20px;margin:0 0 24px;font-size:15px;line-height:1.8}
@media(max-width:767px){.prana-sign-in.prana-content{padding:36px 24px 48px}.prana-sign-in.prana-content>h1{font-size:30px}.prana-sign-in.prana-content>p{font-size:16px;margin-bottom:32px}}

.prana-sign-in #pmpro_login .pmpro_card .pmpro_card_content{padding:0!important}
.prana-sign-in #pmpro_login #loginform :is(.login-username,.login-password){display:block}
.prana-sign-in #pmpro_login #loginform :is(.login-username,.login-password) label{display:block;margin-bottom:8px}
.prana-sign-in #pmpro_login #loginform .login-password .pmpro_form_field-password-toggle{grid-area:auto}

.prana-sign-in #pmpro_login #loginform .login-password .pmpro_form_field-password-toggle{padding:0}
.prana-sign-in #pmpro_login #loginform .pmpro_form_field-password-toggle button{min-width:48px;flex-shrink:0}

/* Woo11 block-theme notices. Retain native alert semantics and error text. */
.prana-auth-page .woocommerce .wc-block-components-notice-banner{border:0;border-inline-start:3px solid #8f4937;border-radius:8px;background:#eee2d8;color:#45342f;padding:16px 18px;margin:0 0 24px;font:400 15px/1.8 var(--wp--preset--font-family--prana-arabic);gap:12px}
.prana-auth-page .woocommerce .wc-block-components-notice-banner>svg{background:transparent;fill:#8f4937;color:#8f4937;padding:0;flex:0 0 24px}
.prana-auth-page .woocommerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content{color:inherit}

.prana-auth-page .woocommerce .wc-block-components-notice-banner:focus{outline:3px solid #45342f;outline-offset:3px}