/* MCOON Atelier 5.17 — consistent member canvas, banners and transparent advertising balance. */
/* The public site uses 1320px; older member CSS asked for 1450px/1440px. */
body.mcoon-account-page .mcoon-portal-main,
body.mcoon-account-page .mcoon-portal-main--dashboard,
body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio),
body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio-payment){
  box-sizing:border-box!important;width:min(calc(100% - 64px),var(--mcoon-container,1320px))!important;
  max-width:var(--mcoon-container,1320px)!important;margin:28px auto 56px!important;
}
/* Preserve the full-page split on login and registration, rather than clipping auth forms. */
body.mcoon-account-page:has(.mcoon-portal-auth) .mcoon-portal-main{max-width:none!important;width:100%!important;margin:0!important}
/* Three text rows only; matching emblem on the right, identical height and visual language. */
body.mcoon-account-page .mcoon-member-banner,
body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-portal-intro.mcoon-member-banner,
body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner,
body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner{
  position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box!important;
  min-height:170px!important;height:170px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:20px!important;padding:23px clamp(25px,3.4vw,44px)!important;
  margin:8px 0 17px!important;border:1px solid #21644e!important;border-radius:20px!important;
  background:radial-gradient(ellipse at 91% 0%,#14694f 0%,transparent 38%),linear-gradient(110deg,#053529 0%,#07503c 100%)!important;
  box-shadow:0 13px 32px #05302322!important;color:#fff!important;
}
body.mcoon-account-page .mcoon-member-banner::before,
body.mcoon-account-page .mcoon-member-banner::after{content:""!important;position:absolute;z-index:-1;pointer-events:none;border:1px solid #e5cf9a1b;border-radius:50%;opacity:1!important}
body.mcoon-account-page .mcoon-member-banner::before{right:-25px;top:-185px;width:310px;height:310px}
body.mcoon-account-page .mcoon-member-banner::after{right:-120px;bottom:-300px;width:430px;height:430px}
body.mcoon-account-page .mcoon-member-banner-copy{position:relative;z-index:1;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;max-width:850px;gap:0!important}
body.mcoon-account-page .mcoon-member-banner .mcoon-portal-eyebrow,
body.mcoon-account-page .mcoon-member-banner .mcoon-inbox-eyebrow,
body.mcoon-account-page .mcoon-member-banner .mcoon-favourites-eyebrow{
  display:block;margin:0!important;font:800 10px/1.45 Manrope,Arial,sans-serif!important;
  letter-spacing:.18em!important;color:#e1c38d!important;text-transform:uppercase;
}
body.mcoon-account-page .mcoon-member-banner h1,
body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-member-banner h1,
body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner h1,
body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner h1{
  font:500 clamp(30px,3.2vw,43px)/1.1 Georgia,serif!important;
  margin:6px 0 8px!important;letter-spacing:-.035em!important;color:#fffdf8!important;
}
body.mcoon-account-page .mcoon-member-banner h1 em,
body.mcoon-account-page .mcoon-member-banner .mcoon-banner-period{color:#e8c990!important;font-style:normal!important}
body.mcoon-account-page .mcoon-member-banner p,
body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-member-banner p,
body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner p,
body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner p{
  margin:0!important;max-width:760px!important;font:500 12px/1.55 Manrope,Arial,sans-serif!important;color:#d7e9de!important;
}
body.mcoon-account-page .mcoon-member-banner-mark,
body.mcoon-account-page .mcoon-member-banner .mcoon-inbox-hero-mark{
  display:grid!important;place-items:center;flex:0 0 66px!important;width:66px!important;height:66px!important;
  min-width:66px!important;border-radius:19px!important;
  transform:rotate(-8deg);border:1px solid #dfcc9b57!important;color:#e4c990!important;
  background:#fff9e70e!important;position:relative;z-index:1;
}
body.mcoon-account-page .mcoon-member-banner-mark svg{width:33px;height:33px;transform:rotate(8deg)}
body.mcoon-account-page .mcoon-inbox-hero-mark span{display:inline-block;transform:rotate(8deg)}
body.mcoon-account-page .mcoon-member-banner .mcoon-favourites-hero-right,
body.mcoon-account-page .mcoon-member-banner .mcoon-favourites-hero-stats,
body.mcoon-account-page .mcoon-member-banner .mcoon-dashboard-identity,
body.mcoon-account-page .mcoon-member-banner>a{display:none!important}
/* Consistent member credit on dashboard, create wizard and checkout. This is site credit, never cash. */
body.mcoon-account-page .mcoon-wallet-summary{
  display:flex;align-items:center;gap:15px;flex-wrap:wrap;
  margin:0 0 22px;padding:18px clamp(16px,2.5vw,26px);border-radius:17px;
  background:linear-gradient(110deg,#f2f8f1,#e8f2e9 64%,#f9f6ed);
  border:1px solid #c8dfcc;box-shadow:0 9px 23px #174a3310;
}
body.mcoon-account-page .mcoon-wallet-summary-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#0b593e;color:#f1d6a1;font:500 26px Georgia,serif}
body.mcoon-account-page .mcoon-wallet-summary-copy{flex:1 1 210px;min-width:0}
body.mcoon-account-page .mcoon-wallet-summary-copy>span{color:#175b40;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
body.mcoon-account-page .mcoon-wallet-summary-copy p{max-width:700px;margin:3px 0 0;font-size:11px!important;line-height:1.5;color:#658070!important}
body.mcoon-account-page .mcoon-wallet-summary-amount{font:500 clamp(23px,2.3vw,32px)/1.1 Georgia,serif;color:#084b36!important;font-variant-numeric:tabular-nums;white-space:nowrap}
body.mcoon-account-page .mcoon-wallet-summary-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;background:#07563f;color:#fff!important;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}
body.mcoon-account-page .mcoon-wallet-summary-link:hover{background:#097858;transform:translateY(-2px)}
body.mcoon-account-page .mcoon-paused-advert-credit.is-no-credit{background:#f7f8f4;border-color:#e5e8df}
body.mcoon-account-page .mcoon-member-journey-nav{width:100%;box-sizing:border-box}
@media(max-width:800px){
 body.mcoon-account-page .mcoon-portal-main,body.mcoon-account-page .mcoon-portal-main--dashboard,
 body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio),body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio-payment){width:calc(100% - 40px)!important;margin:19px auto 43px!important}
 body.mcoon-account-page .mcoon-member-banner,body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-portal-intro.mcoon-member-banner,
 body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner,body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner{
    height:auto!important;min-height:164px!important;padding:23px 24px!important}
}
@media(max-width:560px){
 body.mcoon-account-page .mcoon-portal-main,body.mcoon-account-page .mcoon-portal-main--dashboard,
 body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio),body.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio-payment){width:calc(100% - 28px)!important;margin:14px auto 38px!important}
 body.mcoon-account-page .mcoon-member-banner-mark,body.mcoon-account-page .mcoon-member-banner .mcoon-inbox-hero-mark{display:grid!important;width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;border-radius:14px!important}
 body.mcoon-account-page .mcoon-member-banner-mark svg{width:25px;height:25px}
 body.mcoon-account-page .mcoon-member-banner h1,body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-member-banner h1,
 body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner h1,body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner h1{font-size:clamp(26px,6vw,34px)!important}
 body.mcoon-account-page .mcoon-member-banner,body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-portal-intro.mcoon-member-banner,
 body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner,body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner{padding:20px!important;gap:11px!important}
 body.mcoon-account-page .mcoon-wallet-summary{gap:11px;padding:14px}
 body.mcoon-account-page .mcoon-wallet-summary-amount{margin-left:auto}
 body.mcoon-account-page .mcoon-wallet-summary-link{width:100%}
}
@media(prefers-reduced-motion:reduce){body.mcoon-account-page .mcoon-wallet-summary-link{transition:none!important}}
/* All three banners stay equal height on phones too, with artwork in one place. */
@media(max-width:560px){
 body.mcoon-account-page .mcoon-member-banner,body.mcoon-account-page .mcoon-portal-main--dashboard .mcoon-portal-intro.mcoon-member-banner,
 body.mcoon-account-page .mcoon-inbox-hero.mcoon-member-banner,body.mcoon-account-page .mcoon-favourites-hero.mcoon-member-banner{
    height:205px!important;min-height:205px!important;flex-direction:row!important;align-items:center!important;
 }
 body.mcoon-account-page .mcoon-member-banner-mark,body.mcoon-account-page .mcoon-member-banner .mcoon-inbox-hero-mark{
    position:absolute!important;right:17px!important;bottom:16px!important;top:auto!important;left:auto!important;
    transform:rotate(-8deg)!important;opacity:.55;pointer-events:none;
 }
 body.mcoon-account-page .mcoon-member-banner-copy{width:100%!important;max-width:100%!important;padding-bottom:23px}
}
@media(max-width:560px){
 body.mcoon-account-page .mcoon-wallet-summary{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:11px}
 body.mcoon-account-page .mcoon-wallet-summary-icon{grid-column:1;grid-row:1}
 body.mcoon-account-page .mcoon-wallet-summary-copy{grid-column:2;grid-row:1;min-width:0}
 body.mcoon-account-page .mcoon-wallet-summary-amount{grid-column:2;grid-row:2;margin:0!important}
 body.mcoon-account-page .mcoon-wallet-summary-link{grid-column:1/-1;grid-row:3}
}