/* ============================================================
   Card4U Account App — light Crimson SaaS shell
   Matches homepage tokens · login stays public · checkout strip
   ============================================================ */

:root{
  --c4u-account-header-h: 56px;
  --c4u-account-sidebar-w: 268px;
  --c4u-account-ease: cubic-bezier(.22,.61,.36,1);
  --c4u-account-sidebar-bg: #ffffff;
  --c4u-account-sidebar-elev: #f7f6f4;
  --c4u-account-divider: #eceae6;
  --c4u-account-title: 18px;
  --c4u-ink: #1a1a1e;
  --c4u-mute: #8a8a93;
  --c4u-slate: #4a4a52;
  --c4u-soft: #f7f6f4;
  --c4u-crimson: #b73e3e;
  --c4u-soft-crimson: #f4eaea;
  --c4u-paper: #ffffff;
  --c4u-line: #e7e4df;
  --c4u-radius: 14px;
}

/* ----- LOGIN: public site chrome ----- */
body.c4u-account-login .woocommerce-MyAccount-navigation{
  display:none !important;
}
body.c4u-account-login #content > h1{
  display:none !important;
}

/* ----- LOGGED-IN: marketing chrome off ----- */
body.c4u-account-app header:not(.c4u-account-topbar),
body.c4u-account-app #header,
body.c4u-account-app #nav,
body.c4u-account-app #footer,
body.c4u-account-app #copyright,
body.c4u-account-app .stickyfooter,
body.c4u-account-app .stickyfooter-cta,
body.c4u-account-app .site-footer,
body.c4u-account-app .c4u-wa-float,
body.c4u-account-app #pojo-scroll-up,
body.c4u-account-app footer{
  display:none !important;
}

body.c4u-account-app #content > h1,
body.c4u-account-app .page-title,
body.c4u-account-app .entry-title{
  display:none !important;
}

body.c4u-account-app{
  background:var(--c4u-soft);
  font-family:'Assistant','Segoe UI',system-ui,sans-serif !important;
  font-size:16px !important;
  line-height:1.55;
  color:var(--c4u-ink);
  -webkit-font-smoothing:antialiased;
}

body.c4u-account-app #container,
body.c4u-account-app #content,
body.c4u-account-app .container,
body.c4u-account-app .content-wrapper,
body.c4u-account-app .wrapper,
body.c4u-account-app #main,
body.c4u-account-app .site-content,
body.c4u-account-app main{
  max-width:none !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}

body.c4u-account-app main{ min-height:100vh; }

html.c4u-account-nav-lock,
html.c4u-account-nav-lock body{ overflow:hidden; }

/* ----- Shell ----- */
.c4u-account-shell{
  display:flex;
  flex-direction:row;
  min-height:100vh;
  width:100%;
  background:var(--c4u-soft);
  color:var(--c4u-ink);
  direction:rtl;
  position:relative;
}

.c4u-account-backdrop{
  position:fixed;
  inset:0;
  background:rgba(26,26,30,.32);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  z-index:10050;
  border:0;
  cursor:pointer;
}
.c4u-account-backdrop[hidden]{display:none !important;}

.c4u-account-sidebar{
  width:var(--c4u-account-sidebar-w);
  flex:0 0 var(--c4u-account-sidebar-w);
  background:var(--c4u-account-sidebar-bg);
  color:var(--c4u-ink);
  display:flex;
  flex-direction:column;
  position:sticky;
  top:0;
  height:100vh;
  height:100dvh;
  z-index:10060;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-gutter:stable;
  border-inline-end:1px solid var(--c4u-line);
  box-shadow:none;
  box-sizing:border-box;
}

.c4u-account-shell:not(.is-nav-open) .c4u-account-sidebar{
  width:0; flex-basis:0; overflow:hidden; border-inline-end-width:0; min-width:0;
}
.c4u-account-shell:not(.is-nav-open) .c4u-account-sidebar__brand,
.c4u-account-shell:not(.is-nav-open) .c4u-account-sidebar__who,
.c4u-account-shell:not(.is-nav-open) .c4u-account-nav{
  opacity:0; pointer-events:none;
}

.c4u-account-sidebar__brand{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:var(--c4u-account-header-h);
  min-height:var(--c4u-account-header-h);
  padding:0 44px;
  box-sizing:border-box;
  background:var(--c4u-paper);
  border-bottom:1px solid var(--c4u-line);
}

.c4u-account-sidebar__logo{ display:flex; align-items:center; justify-content:center; line-height:0; }
.c4u-account-sidebar__logo img{ display:block; height:30px; width:auto; }

.c4u-account-sidebar__close{
  display:none;
  position:absolute;
  inset-inline-end:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  border:0;border-radius:9px;
  background:var(--c4u-soft);
  color:var(--c4u-ink);
  font-size:20px;line-height:1;
  cursor:pointer;
}

.c4u-account-nav{ flex:1; display:flex; flex-direction:column; padding:14px 10px 16px; padding-inline-start:16px; padding-inline-end:10px; box-sizing:border-box; }
.c4u-account-nav__list{ list-style:none; margin:0;padding:0; display:flex; flex-direction:column; gap:2px; flex:1; }
.c4u-account-nav__list li{margin:0;}

.c4u-account-nav__list a{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  padding-inline-start:12px;
  padding-inline-end:12px;
  border-radius:10px;
  color:var(--c4u-slate);
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  transition:background .15s ease, color .15s ease;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}
.c4u-account-nav__list a .c4u-hub-ico{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  line-height:0;
}
.c4u-account-nav__list a .c4u-hub-ico svg{ display:block; overflow:visible; }
.c4u-account-nav__list a:hover{
  background:var(--c4u-soft);
  color:var(--c4u-ink);
}
.c4u-account-nav__list a:focus-visible{
  outline:2px solid rgba(183,62,62,.35);
  outline-offset:2px;
}
.c4u-account-nav__list .is-active > a,
.c4u-account-nav__list li.is-active > a,
.c4u-account-nav__list a[aria-current="page"]{
  background:var(--c4u-soft-crimson);
  color:var(--c4u-crimson);
}
.c4u-account-nav__item--support{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--c4u-line);
}
.c4u-account-nav__item--logout a{ color:#9b3a3a; }

.c4u-account-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  background:var(--c4u-soft);
}

.c4u-account-topbar{
  display:flex;
  align-items:center;
  gap:12px;
  height:var(--c4u-account-header-h);
  padding:0 20px;
  background:var(--c4u-paper);
  border-bottom:1px solid var(--c4u-line);
  position:sticky;
  top:0;
  z-index:40;
}
.c4u-account-topbar__title{
  margin:0;
  font-size:var(--c4u-account-title);
  font-weight:700;
  color:var(--c4u-ink);
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.c4u-account-topbar__user{
  font-size:13px;
  font-weight:600;
  color:var(--c4u-slate);
  background:var(--c4u-soft);
  border:1px solid var(--c4u-line);
  border-radius:999px;
  padding:6px 12px;
  max-width:42vw;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.c4u-account-burger{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:40px;height:40px;
  border:0;background:transparent;cursor:pointer;padding:8px;border-radius:10px;
}
.c4u-account-burger:hover{ background:var(--c4u-soft); }
.c4u-account-burger__bar{
  display:block;height:2px;width:100%;background:var(--c4u-ink);border-radius:2px;
}

.c4u-account-content{
  padding:22px 20px 96px;
  max-width:none;
  width:100%;
  margin:0;
  box-sizing:border-box;
}

/* Icons */
.c4u-hub-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:currentColor;
  line-height:0;
}
.c4u-hub-ico svg{ display:block; }

/* ----- Hub ----- */
.c4u-hub{ display:flex; flex-direction:column; gap:18px; }
.c4u-hub__head{ margin-bottom:4px; }
.c4u-hub__greeting{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.2;
  font-weight:700;
  color:var(--c4u-ink);
}
.c4u-hub__sub{ margin:0; color:var(--c4u-mute); font-size:15px; }

.c4u-hub-section{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.c4u-hub-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.c4u-hub-section__title{ display:flex; flex-direction:column; gap:2px; }
.c4u-hub-kicker{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--c4u-mute);
  text-transform:uppercase;
}
.c4u-hub-status{ font-weight:700; font-size:14px; }
.c4u-hub-note{
  margin:0 0 12px;
  padding:0;
  background:transparent;
  border-radius:0;
  color:var(--c4u-slate);
  font-size:14px;
}
.c4u-hub-note--warn{ background:var(--c4u-soft-crimson); color:#7a2e2e; }
.c4u-hub-submeta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.c4u-hub-submeta__facts{ display:flex; flex-wrap:wrap; gap:8px 14px; }
.c4u-hub-meta{ color:var(--c4u-mute); font-size:13px; }

.c4u-hub-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; }
.c4u-hub-list__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 0;
  border:0;
  border-radius:0;
  background:transparent;
  border-bottom:1px solid var(--c4u-line);
}
.c4u-hub-list__item:last-child{ border-bottom:0; padding-bottom:4px; }
.c4u-hub-list__item:first-child{ padding-top:4px; }
.c4u-hub-list__main{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.c4u-hub-list__name{ font-weight:700; font-size:15px; color:var(--c4u-ink); }
.c4u-hub-primary-badge{
  font-size:11px;
  font-weight:700;
  color:var(--c4u-crimson);
  background:var(--c4u-soft-crimson);
  border-radius:999px;
  padding:2px 8px;
}
.c4u-hub-list__empty{ color:var(--c4u-mute); padding:8px 0; }
.c4u-hub-list__actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:center;
}

.c4u-hub-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--c4u-slate);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  font:inherit;
}
.c4u-hub-link:hover{ color:var(--c4u-crimson); }
.c4u-hub-link--danger{ color:#9b3a3a; }
.c4u-hub-link--danger:hover{ color:#7a2424; }

.c4u-hub-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  align-items:center;
}
.c4u-hub-footer{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
  padding-top:4px;
}

.c4u-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:12px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, color .15s ease;
}
.c4u-btn--primary{
  background:var(--c4u-crimson);
  color:#fff;
}
.c4u-btn--primary:hover{ filter:brightness(1.05); color:#fff; }
.c4u-btn--ghost{
  background:var(--c4u-paper);
  color:var(--c4u-ink);
  border-color:var(--c4u-line);
}
.c4u-btn--ghost:hover{ background:var(--c4u-soft); color:var(--c4u-ink); }

/* ----- Subscription details (light) ----- */
.c4u-sub-view{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.c4u-sub-view__card{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.c4u-sub-view__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.c4u-sub-view__title{
  margin:0;
  font-size:22px;
  font-weight:700;
}
.c4u-sub-view__facts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:10px;
}
.c4u-sub-fact{
  background:var(--c4u-soft);
  border-radius:12px;
  padding:12px;
}
.c4u-sub-fact__label{
  display:block;
  font-size:12px;
  color:var(--c4u-mute);
  margin-bottom:4px;
}
.c4u-sub-fact__value{
  font-weight:700;
  color:var(--c4u-ink);
  font-size:15px;
}
.c4u-sub-view__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.c4u-account-billing .subscription-details,
.c4u-account-billing .shop_table,
.c4u-account-billing .woocommerce-orders-table{
  width:100%;
  border-collapse:collapse;
}
.c4u-account-billing table th,
.c4u-account-billing table td{
  text-align:right;
  padding:10px 8px;
  border-bottom:1px solid var(--c4u-line);
  font-size:14px;
}

/* Hide legacy heavy subscription chrome leftovers */
.c4u-account-app .subscription-card-container .card-header-success,
.c4u-account-app .subscription-card-modern > style{
  /* noop */
}

/* ----- Bottom nav (mobile) ----- */
.c4u-account-bottomnav{
  display:none;
  position:fixed;
  inset-inline:0;
  bottom:0;
  z-index:10040;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(1.2) blur(10px);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);
  border-top:1px solid var(--c4u-line);
  padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
  grid-template-columns:repeat(5,1fr);
  gap:4px;
}
.c4u-account-bottomnav__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:52px;
  text-decoration:none;
  color:var(--c4u-mute);
  font-size:11px;
  font-weight:700;
  border-radius:10px;
}
.c4u-account-bottomnav__item.is-active,
.c4u-account-bottomnav__item:hover{
  color:var(--c4u-crimson);
  background:var(--c4u-soft-crimson);
}

/* Desktop: keep sidebar open by default */
@media (min-width: 960px){
  .c4u-account-burger{ display:inline-flex; }
  .c4u-account-backdrop{ display:none !important; }
  .c4u-account-shell.is-nav-open .c4u-account-sidebar{
    width:var(--c4u-account-sidebar-w) !important;
    flex-basis:var(--c4u-account-sidebar-w) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    scrollbar-gutter:stable;
    border-inline-end:1px solid var(--c4u-line) !important;
    min-width:auto !important;
  }
  .c4u-account-shell.is-nav-open .c4u-account-sidebar__brand,
  .c4u-account-shell.is-nav-open .c4u-account-sidebar__who,
  .c4u-account-shell.is-nav-open .c4u-account-nav{
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .c4u-account-content{ padding:24px 28px 40px; max-width:none; margin:0; }
}

@media (max-width: 959px){
  .c4u-account-sidebar{
    position:fixed;
    inset-block:0;
    inset-inline-start:0;
    transform:translateX(110%);
    transition:transform .28s var(--c4u-account-ease), width .28s var(--c4u-account-ease);
    width:min(86vw, 280px);
    flex-basis:auto;
    box-shadow:-12px 0 40px rgba(26,26,30,.12);
  }
  [dir="rtl"] .c4u-account-sidebar{ transform:translateX(-110%); }
  .c4u-account-shell.is-nav-open .c4u-account-sidebar{
    transform:translateX(0);
    width:min(86vw, 280px);
    flex-basis:auto;
    overflow:auto;
    border-inline-end:1px solid var(--c4u-line);
  }
  .c4u-account-shell.is-nav-open .c4u-account-sidebar__brand,
  .c4u-account-shell.is-nav-open .c4u-account-sidebar__who,
  .c4u-account-shell.is-nav-open .c4u-account-nav{
    opacity:1; pointer-events:auto;
  }
  .c4u-account-sidebar__close{ display:inline-flex; align-items:center; justify-content:center; }
  .c4u-account-bottomnav{ display:grid; }
  .c4u-account-content{ padding-bottom:110px; }
  .c4u-account-topbar__user{ max-width:34vw; }
}

/* Checkout strip stays light */
.c4u-checkout-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  background:#fff;
  border-bottom:1px solid var(--c4u-line);
  margin-bottom:16px;
  border-radius:12px;
}
.c4u-checkout-strip__logo img{ height:32px; width:auto; display:block; }
.c4u-checkout-strip__back{
  color:var(--c4u-crimson);
  font-weight:700;
  text-decoration:none;
}

/* ----- Gallery opt-in toggle switch ----- */
.c4u-gallery-optin{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
}
.c4u-gallery-optin__row{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  cursor:pointer;
  user-select:none;
}
.c4u-gallery-optin__text{
  font-size:13px;
  font-weight:600;
  color:var(--c4u-slate, #4a4a52);
}
.c4u-gallery-optin__status{
  font-size:12px;
  color:var(--c4u-mute, #8a8a93);
}
.c4u-gallery-optin.is-busy{
  opacity:.72;
  pointer-events:none;
}
.c4u-switch{
  position:relative;
  display:inline-flex;
  width:44px;
  height:26px;
  flex:0 0 auto;
}
.c4u-switch__input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
  z-index:2;
}
.c4u-switch__input:disabled{
  cursor:wait;
}
.c4u-switch__track{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#d8d5d0;
  border:1px solid #cdc9c3;
  transition:background .18s ease, border-color .18s ease;
  z-index:1;
}
.c4u-switch__thumb{
  position:absolute;
  top:2px;
  inset-inline-start:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(26,26,30,.22);
  transition:transform .18s ease;
}
.c4u-switch__input:checked + .c4u-switch__track{
  background:var(--c4u-crimson, #b73e3e);
  border-color:var(--c4u-crimson, #b73e3e);
}
.c4u-switch__input:checked + .c4u-switch__track .c4u-switch__thumb{
  transform:translateX(-18px);
}
[dir="ltr"] .c4u-switch__input:checked + .c4u-switch__track .c4u-switch__thumb,
html:not([dir="rtl"]) .c4u-switch__input:checked + .c4u-switch__track .c4u-switch__thumb{
  transform:translateX(18px);
}
body.c4u-account-app .c4u-switch__input:checked + .c4u-switch__track .c4u-switch__thumb{
  transform:translateX(-18px);
}
.c4u-switch__input:focus-visible + .c4u-switch__track{
  outline:2px solid rgba(183,62,62,.35);
  outline-offset:2px;
}
.c4u-hub-set-primary:disabled,
.c4u-hub-delete-card:disabled{
  opacity:.55;
  cursor:wait;
  pointer-events:none;
}

/* ----- Payment methods (account app) ----- */
body.c4u-account-app .woocommerce-MyAccount-content .woocommerce-PaymentMethods,
body.c4u-account-app .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods,
body.c4u-account-app .woocommerce-MyAccount-content .account-payment-methods-table{
  width:100%;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.c4u-account-app .account-payment-methods-table thead{
  display:none;
}
body.c4u-account-app .account-payment-methods-table,
body.c4u-account-app .account-payment-methods-table tbody,
body.c4u-account-app .account-payment-methods-table tr,
body.c4u-account-app .account-payment-methods-table td{
  display:block;
  width:100%;
}
body.c4u-account-app .account-payment-methods-table tr{
  padding:14px 0;
  border-bottom:1px solid var(--c4u-line);
}
body.c4u-account-app .account-payment-methods-table tr:last-child{
  border-bottom:0;
}
body.c4u-account-app .account-payment-methods-table td{
  padding:4px 0;
  border:0;
  text-align:right;
  color:var(--c4u-slate);
  font-size:14px;
}
body.c4u-account-app .account-payment-methods-table td::before{
  content:attr(data-title);
  display:block;
  font-size:12px;
  font-weight:700;
  color:var(--c4u-mute);
  margin-bottom:2px;
}
body.c4u-account-app .account-payment-methods-table td.payment-method-actions::before{
  display:none;
}
body.c4u-account-app .account-payment-methods-table .button,
body.c4u-account-app .woocommerce-PaymentMethods .button,
body.c4u-account-app .woocommerce-MyAccount-content > .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:10px 16px;
  border-radius:10px;
  border:1px solid var(--c4u-line);
  background:var(--c4u-paper);
  color:var(--c4u-ink);
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  box-shadow:none;
}
body.c4u-account-app .woocommerce-MyAccount-content > a.button[href*="add-payment-method"]{
  display:none !important;
}
body.c4u-account-app .c4u-pay-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
  max-width:560px;
}
body.c4u-account-app .c4u-pay-panel__title{
  margin:0;
  font-size:22px;
  font-weight:700;
  color:var(--c4u-ink);
}
body.c4u-account-app .c4u-pay-panel__text{
  margin:0;
  color:var(--c4u-slate);
  font-size:15px;
  line-height:1.55;
}
body.c4u-account-app .c4u-pay-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.c4u-account-app .c4u-pay-panel__actions .button,
body.c4u-account-app .c4u-pay-panel__actions .c4u-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  border:1px solid transparent;
}
body.c4u-account-app .c4u-pay-panel__actions .c4u-btn--primary,
body.c4u-account-app .c4u-pay-panel__actions .button.alt{
  background:var(--c4u-crimson);
  color:#fff;
  border-color:var(--c4u-crimson);
}
body.c4u-account-app .c4u-pay-panel__actions .c4u-btn--ghost{
  background:var(--c4u-paper);
  color:var(--c4u-ink);
  border-color:var(--c4u-line);
}
body.c4u-account-app .woocommerce-info,
body.c4u-account-app .woocommerce-message,
body.c4u-account-app .woocommerce-error,
body.c4u-account-app .woocommerce-noreviews,
body.c4u-account-app .woocommerce-NoticeGroup{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 0 12px !important;
  margin:0 0 12px !important;
  color:var(--c4u-slate);
  font-size:15px;
  line-height:1.5;
}
body.c4u-account-app .woocommerce-error{
  color:#9b3a3a;
}
body.c4u-account-app .woocommerce-info::before,
body.c4u-account-app .woocommerce-message::before,
body.c4u-account-app .woocommerce-error::before{
  display:none !important;
}
body.c4u-account-app #add_payment_method,
body.c4u-account-app .woocommerce-PaymentMethods,
body.c4u-account-app .payment_methods{
  background:transparent;
  border:0;
  box-shadow:none;
}
body.c4u-account-app #add_payment_method .payment_methods{
  list-style:none;
  margin:0;
  padding:0;
}
body.c4u-account-app #add_payment_method .payment_methods li{
  padding:12px 0;
  border-bottom:1px solid var(--c4u-line);
}
body.c4u-account-app #add_payment_method .woocommerce-PaymentBox,
body.c4u-account-app #add_payment_method .payment_box{
  background:var(--c4u-soft);
  border:0;
  border-radius:10px;
  padding:12px;
  margin-top:8px;
}

/* ----- Split IA + Woo nav width fix ----- */
body.c4u-account-app .woocommerce-MyAccount-navigation,
body.c4u-account-app .c4u-account-nav{
  float:none !important;
  width:100% !important;
  margin:0 !important;
  max-width:none !important;
}
body.c4u-account-app .c4u-account-nav__list,
body.c4u-account-app .c4u-account-nav__list > li{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  display:block;
  box-sizing:border-box;
}
body.c4u-account-app .c4u-account-nav__list > li > a{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  box-sizing:border-box;
}
body.c4u-account-app .woocommerce-MyAccount-content,
body.c4u-account-app .c4u-account-content{
  float:none !important;
  width:100% !important;
  max-width:none !important;
}

/* Stacked subscription headers (no huge space-between gap) */
.c4u-hub-section__head--stack,
.c4u-hub--subs .c4u-hub-section__head{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
}
.c4u-hub-section__title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
.c4u-hub-submeta--stack,
.c4u-hub--subs .c4u-hub-submeta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
}
.c4u-hub--subs .c4u-hub-section{
  padding-bottom:18px;
  border-bottom:1px solid var(--c4u-line);
  margin-bottom:8px;
}
.c4u-hub--subs .c4u-hub-section:last-of-type{
  border-bottom:0;
}
.c4u-hub--cards .c4u-hub-actions,
.c4u-hub--subs .c4u-hub-actions{
  margin-top:12px;
}
.c4u-hub .c4u-btn .c4u-hub-ico{
  display:inline-flex;
  line-height:0;
}

/* Bottom nav: 5 items */
.c4u-account-bottomnav{
  grid-template-columns:repeat(5,1fr);
}

/* Order-pay / GI iframe */
body.c4u-order-pay,
body.c4u-checkout-app.c4u-order-pay{
  background:var(--c4u-soft, #f7f6f4);
}
body.c4u-order-pay #gi_wrapper,
body.c4u-order-pay #mrn_wrapper,
body.c4u-order-pay .greeninvoice-iframe,
body.c4u-order-pay iframe{
  width:100%;
  min-height:480px;
  border:0;
  background:#fff;
}
.c4u-pay-error{
  margin:16px 0;
  padding:14px 16px;
  background:var(--c4u-soft-crimson, #f4eaea);
  color:#7a2e2e;
  border-radius:10px;
  font-size:15px;
  line-height:1.5;
}
.c4u-hub-section__head{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}


/* Hub page toolbars */
.c4u-hub-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 16px;
  margin:0 0 20px;
  padding:14px 16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(183,62,62,.12);
  border-radius:12px;
}
.c4u-hub-toolbar__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  min-width:0;
}
.c4u-hub-toolbar__stat{
  font-size:15px;
  color:var(--c4u-ink, #2a2422);
}
.c4u-hub-toolbar__stat strong{
  font-weight:700;
  color:var(--c4u-crimson, #b73e3e);
}
.c4u-hub-toolbar__hint{
  font-size:13px;
  color:var(--c4u-muted, #6b635e);
  line-height:1.4;
}
.c4u-hub-toolbar__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
@media (max-width:640px){
  .c4u-hub-toolbar{
    flex-direction:column;
    align-items:stretch;
  }
  .c4u-hub-toolbar__actions{
    width:100%;
  }
  .c4u-hub-toolbar__actions .c4u-btn{
    flex:1 1 auto;
    text-align:center;
    justify-content:center;
  }
}

/* Hide leftover footer CTA strips when toolbar is present */
.c4u-hub--cards .c4u-hub-footer-ctas,
.c4u-hub--subs .c4u-hub-footer-ctas{
  display:none !important;
}

/* Payment methods: per-subscription rows */
.c4u-pay-hub{
  max-width:none;
  width:100%;
}
.c4u-pay-subs{
  list-style:none;
  margin:0 0 18px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.c4u-pay-sub{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px 16px;
  padding:12px 0;
  background:transparent;
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--c4u-line);
}
.c4u-pay-disable-form{
  display:inline;
  margin:0;
}
.c4u-pay-sub__title{
  font-size:16px;
  font-weight:650;
  color:var(--c4u-ink, #2a2422);
  margin:0 0 4px;
}
.c4u-pay-sub__status{
  display:inline-block;
  margin-inline-start:6px;
  font-size:12px;
  font-weight:600;
  color:var(--c4u-crimson, #b73e3e);
}
.c4u-pay-sub__method{
  font-size:14px;
  color:var(--c4u-ink, #2a2422);
}
.c4u-pay-sub__next{
  margin-top:4px;
  font-size:13px;
  color:var(--c4u-muted, #6b635e);
}
.c4u-pay-sub__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.c4u-pay-panel--note{
  margin-top:8px;
}
.c4u-pay-error__detail{
  margin:8px 0 16px;
  padding:10px 12px;
  font-size:13px;
  color:#5c4038;
  background:#fff;
  border:1px dashed rgba(183,62,62,.25);
  border-radius:8px;
  direction:ltr;
  text-align:left;
  word-break:break-word;
}
body.c4u-account-payments .woocommerce-PaymentMethods,
body.c4u-account-payments .woocommerce-Message--info,
body.c4u-account-payments .button[href*="add-payment-method"],
body.c4u-account-add-payment .woocommerce-PaymentMethods{
  display:none !important;
}

/* C4U_SUB_VIEW_HEAD */
.c4u-sub-view__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.c4u-sub-view__head-meta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.c4u-sub-view__cancel{
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.c4u-sub-view__actions{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
/* paid-checkout toast on My Account */
body.c4u-account-app .c4u-toast{
  position:fixed;z-index:1200;
  top:calc(64px + 16px);inset-inline-start:24px;inset-inline-end:auto;bottom:auto;
  display:flex;align-items:center;gap:12px;width:max-content;max-width:min(400px, calc(100vw - 48px));
  padding:14px 16px;border-radius:12px;
  background:var(--c4u-ink,#2a2422);color:#fff;font-size:15px;font-weight:600;line-height:1.35;
  box-shadow:0 10px 28px rgba(42,36,34,.18);border-inline-start:3px solid var(--c4u-crimson,#b73e3e);
  animation:c4u-toast-in .28s ease both;
}
body.c4u-account-app .c4u-toast.is-out{animation:c4u-toast-out .28s ease both;pointer-events:none}
body.c4u-account-app .c4u-toast__msg{flex:1}
body.c4u-account-app .c4u-toast__close{
  flex:none;appearance:none;border:0;background:transparent;color:#fff;opacity:.72;
  font-size:22px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px;
}
body.c4u-account-app .c4u-toast__close:hover{opacity:1;background:rgba(255,255,255,.1)}
@keyframes c4u-toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes c4u-toast-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}
@media (max-width:600px){
  body.c4u-account-app .c4u-toast{top:calc(64px + 12px);inset-inline:12px;width:auto;max-width:none;}
}

/* checkout yearly period */
body.woocommerce-checkout .c4u-co-period td{
  padding:10px 0 4px;
  color:var(--c4u-ink,#2a2422);
  font-size:14px;
}
body.woocommerce-checkout .c4u-co-period strong{font-weight:700;}

.c4u-sub-view__title{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
}
.c4u-sub-view__title .c4u-hub-status{
  font-size:14px;
  font-weight:700;
}
.c4u-btn--danger{
  color:#9b3a3a !important;
  border-color:rgba(155,58,58,.35) !important;
}
.c4u-btn--danger:hover{
  background:#fff5f5 !important;
}
body.c4u-modal-open{overflow:hidden;}
.c4u-modal[hidden]{display:none !important;}
.c4u-modal{
  position:fixed;
  inset:0;
  z-index:13000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.c4u-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(42,36,34,.45);
}
.c4u-modal__card{
  position:relative;
  z-index:1;
  width:min(420px,100%);
  background:#fff;
  border-radius:16px;
  padding:20px 18px 16px;
  box-shadow:0 18px 50px rgba(42,36,34,.22);
}
.c4u-modal__title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
  color:var(--c4u-ink,#2a2422);
}
.c4u-modal__text{
  margin:0 0 16px;
  font-size:15px;
  line-height:1.5;
  color:var(--c4u-slate,#6b635e);
}
.c4u-modal__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
@media (max-width:600px){
  .c4u-account-bottomnav__item{font-size:10px;gap:2px;padding:0 2px;}
}
.c4u-account-topbar__who{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  min-width:0;
  max-width:46vw;
}
.c4u-account-topbar__email{
  font-size:12px;
  font-weight:600;
  color:var(--c4u-mute,#6b6560);
  direction:ltr;
  unicode-bidi:plaintext;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

.c4u-account-sidebar__who{
  padding:10px 16px 14px;
  border-bottom:1px solid var(--c4u-line);
}
.c4u-account-sidebar__email{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--c4u-ink);
  direction:ltr;
  unicode-bidi:plaintext;
  word-break:break-all;
}
.c4u-account-identity{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px 8px;
  padding:10px 20px;
  background:var(--c4u-paper);
  border-bottom:1px solid var(--c4u-line);
}
.c4u-account-identity__label{
  font-size:13px;
  font-weight:600;
  color:var(--c4u-slate);
}
.c4u-account-identity__email{
  font-size:14px;
  font-weight:700;
  color:var(--c4u-ink);
  direction:ltr;
  unicode-bidi:plaintext;
  background:var(--c4u-soft-crimson);
  border:1px solid #e8d4d4;
  border-radius:999px;
  padding:6px 14px;
  word-break:break-all;
}
.c4u-hub__email{
  margin:4px 0 0;
  font-size:15px;
  font-weight:700;
  color:var(--c4u-ink);
  direction:ltr;
  unicode-bidi:plaintext;
}

/* View-subscription trial vs vaulted */
.c4u-sub-trial-only,.c4u-sub-next-pay{
  margin:0 0 16px;
  font-size:15px;
  font-weight:700;
  color:var(--c4u-ink,#1a1a1e);
}
body.c4u-sub-trial-novault .woocommerce-MyAccount-content a.cancel,
body.c4u-sub-trial-novault .woocommerce-MyAccount-content .button.cancel,
body.c4u-sub-trial-novault .woocommerce-MyAccount-content .subscription-actions .cancel{
  display:none !important;
}
body.c4u-sub-vaulted .c4u-sub-trial-only{display:none;}


/* c4u-hub-toggle-card */
body.c4u-account-app .woocommerce-MyAccount-content button.c4u-hub-toggle-card.c4u-hub-link,
body.c4u-account-app button.c4u-hub-toggle-card.c4u-hub-link{
  appearance:none;-webkit-appearance:none;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0;
  min-height:0!important;
  height:auto!important;
  line-height:1.2!important;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  color:var(--c4u-slate,#6b635e)!important;
  font:inherit;
  font-weight:600!important;
  font-size:14px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  cursor:pointer;
}
body.c4u-account-app button.c4u-hub-toggle-card--enable.c4u-hub-link{
  color:var(--c4u-crimson,#b73e3e)!important;
}
body.c4u-account-app button.c4u-hub-toggle-card .c4u-hub-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;line-height:0;flex:0 0 auto;
}