:root{--af-page:#121010;--af-card:#1f1b1b;--af-text:#fff;--af-muted:#cfc7c7;--af-primary:#8b5cf6;--af-accent:#f43f5e;--af-header:#151212;--af-footer:#151212;--af-radius:18px}*{box-sizing:border-box}body.artistflow-theme{margin:0;background:var(--af-page);color:var(--af-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}.af-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.artistflow-site-header{position:sticky;top:0;z-index:50;background:var(--af-header);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.af-header-inner{display:flex;align-items:center;gap:20px;min-height:74px}.af-logo{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:900;letter-spacing:-.03em}.af-logo img{max-height:48px;width:auto;display:block}.af-nav{margin-left:auto}.af-nav ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.af-nav a{display:block;color:var(--af-muted);text-decoration:none;padding:10px 14px;border-radius:999px}.af-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.af-actions{display:flex;align-items:center;gap:10px}.af-pill,.af-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;background:var(--af-primary);color:#fff;text-decoration:none;font-weight:800;border:0}.af-button-secondary{background:rgba(255,255,255,.1)}.af-avatar img{border-radius:999px;display:block}.af-menu-toggle{display:none;background:transparent;color:#fff;border:0;font-size:26px}.artistflow-main{padding:36px 0 80px}.af-hero{min-height:440px;display:grid;place-items:center;border-radius:32px;padding:48px;margin:24px 0;background:radial-gradient(circle at top left,rgba(139,92,246,.45),transparent 40%),linear-gradient(135deg,#201b1b,#121010);border:1px solid rgba(255,255,255,.1)}.af-hero-content{text-align:center;max-width:760px}.af-kicker{color:var(--af-accent);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.af-hero h1{font-size:clamp(2.6rem,8vw,6rem);line-height:.95;margin:12px 0}.af-hero p{font-size:1.15rem;color:var(--af-muted)}.af-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.af-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.af-card{background:var(--af-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--af-radius);padding:24px;box-shadow:0 16px 40px rgba(0,0,0,.25)}.af-card h1,.af-card h2{margin-top:0}.af-content{max-width:900px;margin:24px auto}.artistflow-site-footer{background:var(--af-footer);border-top:1px solid rgba(255,255,255,.08);padding:34px 0;color:var(--af-muted)}.af-footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.af-mobile-bottom{display:none}@media(max-width:760px){.af-header-inner{min-height:64px}.af-menu-toggle{display:block;margin-left:auto}.af-nav{display:none;position:absolute;left:16px;right:16px;top:70px;background:var(--af-card);border-radius:18px;padding:14px}.af-nav.is-open{display:block}.af-nav ul{display:block}.af-nav a{padding:14px}.af-actions .af-pill{display:none}.af-section-grid{grid-template-columns:1fr}.af-hero{min-height:360px;padding:32px 18px}.artistflow-main{padding-bottom:110px}.af-footer-inner{grid-template-columns:1fr}.af-mobile-bottom{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(31,27,27,.96);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.af-mobile-bottom a{color:#fff;text-decoration:none;text-align:center;padding:10px 4px;border-radius:16px;font-size:13px}.af-mobile-bottom a:hover{background:rgba(255,255,255,.08)}}
.af-section{margin:28px 0}.af-section>h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1;margin:0 0 18px;letter-spacing:-.04em}

/* ArtistFlow footer options */
.af-footer-inner.no-footer-menu{grid-template-columns:1fr;justify-items:center;text-align:center}.af-footer-inner.has-footer-menu{grid-template-columns:1fr auto auto}.af-footer-brand p{margin:.15rem 0 0;color:var(--af-muted)}.af-footer-nav ul{display:flex;gap:12px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.af-footer-nav a{color:var(--af-muted);text-decoration:none}.af-footer-nav a:hover{color:#fff}.af-footer-copy{display:block;color:var(--af-muted)}@media(max-width:760px){.af-footer-inner.has-footer-menu,.af-footer-inner.no-footer-menu{grid-template-columns:1fr;justify-items:center;text-align:center}.af-footer-nav ul{display:grid;gap:8px}}

/* ArtistFlow Theme v0.2.3 header widget/nav row support */
.artistflow-site-header .af-header-inner{justify-content:space-between}.artistflow-site-header .af-menu-toggle{order:2}.artistflow-site-header .af-actions{order:3}.af-nav-row{border-top:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.10)}.af-nav-row .af-nav{margin-left:auto;margin-right:auto;display:flex;justify-content:center;min-height:52px;align-items:center}.af-nav-row .af-nav ul{justify-content:center;flex-wrap:wrap}.af-nav-row .af-nav a{padding:9px 14px}
@media(max-width:760px){.af-nav-row{position:relative}.af-nav-row .af-nav{display:none;position:absolute;left:8px;right:8px;top:8px;width:auto;background:var(--af-card);border-radius:18px;padding:14px;z-index:100;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.45)}.af-nav-row .af-nav.is-open{display:block}.af-nav-row .af-nav ul{display:block}.af-nav-row .af-nav a{padding:14px}.artistflow-site-header .af-menu-toggle{display:block;margin-left:auto}.artistflow-site-header .af-actions .af-pill{display:none}}

/* v0.2.4 WordPress widget support for header widget area */
.artistflow-header-widget-area.type-wordpress-widget .af-header-widget-inner{
  display:block;
}
.af-wp-header-widget{
  color:inherit;
}
.af-wp-header-widget-title{
  margin:0 0 8px;
  color:#fff;
  font-size:16px;
}
.af-wp-header-widget p{
  margin:0;
}

/* ArtistFlow Theme v0.2.8 homepage section title alignment */
.af-homepage-content.af-homepage-title-align-left > .af-section > h2,
.af-homepage-content.af-homepage-title-align-left .af-video-grid > h2,
.af-homepage-content.af-homepage-title-align-left .af-image-grid > h2{text-align:left}
.af-homepage-content.af-homepage-title-align-center > .af-section > h2,
.af-homepage-content.af-homepage-title-align-center .af-video-grid > h2,
.af-homepage-content.af-homepage-title-align-center .af-image-grid > h2{text-align:center}
.af-homepage-content.af-homepage-title-align-right > .af-section > h2,
.af-homepage-content.af-homepage-title-align-right .af-video-grid > h2,
.af-homepage-content.af-homepage-title-align-right .af-image-grid > h2{text-align:right}



/* ArtistFlow Theme v0.2.10 – After Discography widget zone */
.af-homepage-content > .artistflow-zone-middle.is-after-discography{margin:32px 0 36px;}
@media(max-width:760px){.af-homepage-content > .artistflow-zone-middle.is-after-discography{margin:22px 0 28px;}}
/* ArtistFlow v0.9.23 – keep After Discography widgets out of the header */
.af-homepage-content > .artistflow-zone-middle.is-after-discography{
  clear:both!important;
  display:block!important;
  float:none!important;
  grid-column:1 / -1!important;
  position:relative!important;
}
.artistflow-site-header .artistflow-zone-middle,
.artistflow-header-widget-area .artistflow-zone-middle{display:none!important;}

/* ArtistFlow Theme v0.2.12 – keep homepage highlight cards inside the content column */
.af-homepage-content > .af-home-features{min-width:0;}


/* ArtistFlow Theme v0.2.13 – production responsive navigation and stable content widths */
html{overflow-x:clip;}body{overflow-x:clip;}.af-wrap{min-width:0;}.af-header-inner,.af-footer-inner{min-width:0;}.af-logo{min-width:0;}.af-logo img{max-width:min(220px,42vw);height:auto;}.af-nav{min-width:0;}.af-nav ul{min-width:max-content;}
@media(min-width:761px) and (max-width:1120px){
  .af-header-inner{gap:12px;}.af-actions{gap:7px;}.af-pill,.af-button{padding:10px 13px;}.af-nav-row .af-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;}.af-nav-row .af-nav ul{flex-wrap:nowrap;}.af-nav-row .af-nav a{padding:9px 11px;white-space:nowrap;}
}
@media(max-width:760px){
  .af-wrap{width:min(100% - 20px,1180px);}.af-header-inner{gap:10px;}.af-logo img{max-width:150px;max-height:42px;}.af-actions{gap:6px;}.af-actions .af-avatar img{width:34px;height:34px;}.af-nav-row .af-nav{left:10px;right:10px;max-height:calc(100vh - 90px);overflow:auto;}.af-footer-inner{gap:14px;}.af-footer-nav ul{padding-left:0;}.af-mobile-bottom{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));}.af-mobile-bottom a{font-size:12px;padding:9px 2px;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}


/* ArtistFlow Theme v0.2.14 – simple hierarchy dropdowns
   Keep nested menu items out of the navigation flow so parent menus never
   raise or wrap the main navigation row. The dropdown uses the existing
   header background rather than a separate floating panel. */
.artistflow-site-header,
.af-nav-row,
.af-nav{overflow:visible;}
.af-nav-row{position:relative;z-index:95;}
.af-nav{position:relative;z-index:96;}
.af-nav > ul,
.af-nav > .menu{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;}
.af-nav li{position:relative;list-style:none;}
.af-nav > ul > li,
.af-nav > .menu > li{flex:0 0 auto;}
.af-nav li.menu-item-has-children > a{display:inline-flex;align-items:center;gap:7px;}
.af-nav li.menu-item-has-children > a::after{content:"▾";font-size:.72em;line-height:1;opacity:.72;transition:transform .16s ease;}
.af-nav li.menu-item-has-children:hover > a::after,
.af-nav li.menu-item-has-children:focus-within > a::after,
.af-nav li.menu-item-has-children.is-submenu-open > a::after{transform:rotate(180deg);}
.af-nav ul.sub-menu{
  display:none;
  position:absolute;
  top:calc(100% + 2px);
  left:0;
  z-index:250;
  min-width:210px;
  max-width:min(320px,calc(100vw - 28px));
  margin:0;
  padding:7px 0;
  list-style:none;
  background:var(--af-header);
  border-top:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  border-left:1px solid rgba(255,255,255,.06);
  border-radius:0 0 12px 12px;
  box-shadow:0 16px 32px rgba(0,0,0,.32);
}
.af-nav > ul > li:hover > ul.sub-menu,
.af-nav > ul > li:focus-within > ul.sub-menu,
.af-nav > ul > li.is-submenu-open > ul.sub-menu,
.af-nav > .menu > li:hover > ul.sub-menu,
.af-nav > .menu > li:focus-within > ul.sub-menu,
.af-nav > .menu > li.is-submenu-open > ul.sub-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;}
.af-nav ul.sub-menu li{width:100%;}
.af-nav ul.sub-menu a{display:flex;align-items:center;width:100%;padding:10px 14px;border-radius:0;white-space:normal;line-height:1.3;}
.af-nav ul.sub-menu a:hover,.af-nav ul.sub-menu a:focus{background:rgba(255,255,255,.07);}
.af-nav ul.sub-menu .sub-menu{top:-7px;left:calc(100% + 4px);border-radius:12px;}
.af-nav ul.sub-menu li:hover > .sub-menu,
.af-nav ul.sub-menu li:focus-within > .sub-menu,
.af-nav ul.sub-menu li.is-submenu-open > .sub-menu{display:flex;flex-direction:column;}
@media(max-width:760px){
  .af-nav > ul,.af-nav > .menu{display:block;min-width:0;}
  .af-nav > ul > li,.af-nav > .menu > li{width:100%;}
  .af-nav ul.sub-menu,
  .af-nav ul.sub-menu .sub-menu{position:static;min-width:0;max-width:none;margin:2px 0 4px 12px;padding:3px 0;background:rgba(255,255,255,.035);border:0;border-left:1px solid rgba(255,255,255,.12);border-radius:0;box-shadow:none;}
  .af-nav > ul > li:hover > ul.sub-menu,
  .af-nav > ul > li:focus-within > ul.sub-menu,
  .af-nav > .menu > li:hover > ul.sub-menu,
  .af-nav > .menu > li:focus-within > ul.sub-menu{display:none;}
  .af-nav > ul > li.is-submenu-open > ul.sub-menu,
  .af-nav > .menu > li.is-submenu-open > ul.sub-menu,
  .af-nav ul.sub-menu li.is-submenu-open > .sub-menu{display:flex;flex-direction:column;}
  .af-nav ul.sub-menu a{padding:11px 14px;}
}


/* ArtistFlow Theme v0.2.15 – hard-stop hierarchy dropdown fix
   The primary navigation is a single desktop row. Nested menus are always
   removed from document flow and shown only as a simple header-background
   dropdown. This prevents child pages from pushing or wrapping the parent row. */
.artistflow-site-header,
.af-nav-row,
.af-nav-row .af-nav{overflow:visible!important;}
.af-nav-row .af-nav{width:min(1480px,calc(100% - 32px));}
@media (min-width:761px){
  .af-nav-row .af-nav > ul,
  .af-nav-row .af-nav > .menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    width:100%;
    min-width:0!important;
    min-height:52px;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  .af-nav-row .af-nav > ul > li,
  .af-nav-row .af-nav > .menu > li{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  .af-nav-row .af-nav > ul > li > a,
  .af-nav-row .af-nav > .menu > li > a{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    padding:9px 11px!important;
  }
  /* Covers standard WordPress .sub-menu markup and any nested list supplied
     by a custom menu walker. */
  .af-nav-row .af-nav li > ul{
    display:none!important;
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 1px)!important;
    left:0!important;
    min-width:210px!important;
    max-width:min(330px,calc(100vw - 28px))!important;
    margin:0!important;
    padding:6px 0!important;
    list-style:none!important;
    background:var(--af-header)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:0 16px 32px rgba(0,0,0,.34)!important;
  }
  .af-nav-row .af-nav > ul > li:hover > ul,
  .af-nav-row .af-nav > ul > li:focus-within > ul,
  .af-nav-row .af-nav > ul > li.is-submenu-open > ul,
  .af-nav-row .af-nav > .menu > li:hover > ul,
  .af-nav-row .af-nav > .menu > li:focus-within > ul,
  .af-nav-row .af-nav > .menu > li.is-submenu-open > ul{
    display:block!important;
  }
  .af-nav-row .af-nav li > ul > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .af-nav-row .af-nav li > ul > li > a{
    display:flex!important;
    width:100%!important;
    min-height:40px;
    align-items:center!important;
    padding:10px 14px!important;
    border-radius:0!important;
    white-space:normal!important;
  }
  .af-nav-row .af-nav li > ul > li > a:hover,
  .af-nav-row .af-nav li > ul > li > a:focus{background:rgba(255,255,255,.07)!important;}
  .af-nav-row .af-nav li > ul li > ul{top:-7px!important;left:calc(100% + 4px)!important;border-radius:12px!important;}
  .af-nav-row .af-nav li > ul li:hover > ul,
  .af-nav-row .af-nav li > ul li:focus-within > ul,
  .af-nav-row .af-nav li > ul li.is-submenu-open > ul{display:block!important;}
}
@media (min-width:761px) and (max-width:1200px){
  .af-nav-row .af-nav{width:calc(100% - 24px);}
  .af-nav-row .af-nav > ul,
  .af-nav-row .af-nav > .menu{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;}
  .af-nav-row .af-nav > ul::-webkit-scrollbar,
  .af-nav-row .af-nav > .menu::-webkit-scrollbar{display:none;}
  .af-nav-row .af-nav > ul > li > a,
  .af-nav-row .af-nav > .menu > li > a{padding:9px 9px!important;font-size:.94rem;}
}
@media (max-width:760px){
  .af-nav-row .af-nav{width:auto;}
  .af-nav-row .af-nav li > ul{
    display:none!important;
    position:static!important;
    min-width:0!important;
    max-width:none!important;
    margin:2px 0 4px 12px!important;
    padding:3px 0!important;
    background:rgba(255,255,255,.035)!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .af-nav-row .af-nav li.is-submenu-open > ul{display:block!important;}
}


/* ArtistFlow Theme v0.2.16 – centered menu and reliable hierarchy dropdown
   Uses the actual WordPress menu list class and generic child-list selectors,
   so submenus work whether WordPress emits .af-menu-list, .menu, or a custom
   walker list. Child menus are absolutely positioned and never consume a row. */
.artistflow-site-header,
.af-nav-row,
.af-nav-row .af-nav,
.af-nav-row .af-nav > div,
.af-nav-row .af-nav > ul{overflow:visible!important;}
.af-nav-row{position:relative!important;z-index:200!important;}
.af-nav-row .af-nav{position:relative!important;z-index:201!important;margin-left:auto!important;margin-right:auto!important;}
@media (min-width:761px){
  .af-nav-row .af-nav > .af-menu-list,
  .af-nav-row .af-nav > .menu,
  .af-nav-row .af-nav > ul{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    overflow:visible!important;
  }
  .af-nav-row .af-nav .menu-item,
  .af-nav-row .af-nav li{
    position:relative!important;
    flex:0 0 auto!important;
    list-style:none!important;
  }
  .af-nav-row .af-nav > .af-menu-list > li > a,
  .af-nav-row .af-nav > .menu > li > a,
  .af-nav-row .af-nav > ul > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    padding:9px 12px!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children > a::after{
    content:"▾"!important;
    display:inline-block!important;
    margin-left:7px!important;
    font-size:.72em!important;
    line-height:1!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children > ul{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 1px)!important;
    left:0!important;
    z-index:10000!important;
    width:max-content!important;
    min-width:210px!important;
    max-width:min(330px,calc(100vw - 24px))!important;
    margin:0!important;
    padding:6px 0!important;
    list-style:none!important;
    background:var(--af-header)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:0 18px 38px rgba(0,0,0,.38)!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children:hover > ul,
  .af-nav-row .af-nav li.menu-item-has-children:focus-within > ul,
  .af-nav-row .af-nav li.menu-item-has-children.is-submenu-open > ul{
    display:block!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children > ul > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children > ul > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:40px!important;
    padding:10px 14px!important;
    border-radius:0!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children > ul > li > a:hover,
  .af-nav-row .af-nav li.menu-item-has-children > ul > li > a:focus{background:rgba(255,255,255,.07)!important;}
  .af-nav-row .af-nav li.menu-item-has-children > ul li.menu-item-has-children > ul{
    top:-7px!important;
    left:calc(100% + 4px)!important;
    border-radius:12px!important;
  }
}
@media (min-width:761px) and (max-width:1120px){
  .af-nav-row .af-nav{width:calc(100% - 18px)!important;}
  .af-nav-row .af-nav > .af-menu-list,
  .af-nav-row .af-nav > .menu,
  .af-nav-row .af-nav > ul{gap:1px!important;}
  .af-nav-row .af-nav > .af-menu-list > li > a,
  .af-nav-row .af-nav > .menu > li > a,
  .af-nav-row .af-nav > ul > li > a{padding:9px 8px!important;font-size:.92rem!important;}
}
@media (max-width:760px){
  .af-nav-row .af-nav > .af-menu-list{display:block!important;min-width:0!important;}
  .af-nav-row .af-nav li.menu-item-has-children > ul{
    display:none!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:3px 0 5px 12px!important;
    padding:4px 0!important;
    background:rgba(255,255,255,.035)!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .af-nav-row .af-nav li.menu-item-has-children.is-submenu-open > ul{display:block!important;}
}


/* ArtistFlow Theme v0.2.17 — visitor light/dark color mode */
html[data-af-color-scheme="light"]{--af-page:#f7f7fa;--af-card:#fff;--af-text:#1b1620;--af-muted:#625a67;--af-header:#fff;--af-footer:#eeeaf1;color-scheme:light;}
html[data-af-color-scheme="light"] body.artistflow-theme{background:var(--af-page);color:var(--af-text);}
html[data-af-color-scheme="light"] .artistflow-site-header{border-color:rgba(37,28,44,.12);box-shadow:0 8px 24px rgba(31,21,38,.05);}
html[data-af-color-scheme="light"] .af-logo{color:#1b1620;}
html[data-af-color-scheme="light"] .af-nav a{color:#615866;}
html[data-af-color-scheme="light"] .af-nav a:hover{background:rgba(49,35,62,.07);color:#1b1620;}
html[data-af-color-scheme="light"] .af-button-secondary{background:rgba(49,35,62,.08);color:#1b1620;}
html[data-af-color-scheme="light"] .af-menu-toggle{color:#1b1620;}
html[data-af-color-scheme="light"] .af-hero{background:radial-gradient(circle at top left,rgba(139,92,246,.26),transparent 42%),linear-gradient(135deg,#fff,#f1edf4);border-color:rgba(37,28,44,.13);}
html[data-af-color-scheme="light"] .af-card{border-color:rgba(37,28,44,.13);box-shadow:0 16px 40px rgba(30,21,37,.11);}
html[data-af-color-scheme="light"] .artistflow-site-footer{border-color:rgba(37,28,44,.12);}
html[data-af-color-scheme="light"] .af-mobile-bottom{background:rgba(255,255,255,.96);border-color:rgba(37,28,44,.13);box-shadow:0 18px 48px rgba(30,21,37,.16);}
html[data-af-color-scheme="light"] .af-mobile-bottom a{color:#1b1620;}
html[data-af-color-scheme="light"] .af-mobile-bottom a:hover{background:rgba(49,35,62,.07);}
html[data-af-color-scheme="light"] .artistflow-header-widget-area,
html[data-af-color-scheme="light"] .artistflow-layout-zone{color:#1b1620;}
html[data-af-color-scheme="light"] .af-wp-header-widget-title{color:#1b1620;}
html[data-af-color-scheme="light"] .af-nav-row .af-nav li > ul{border-color:rgba(37,28,44,.13)!important;box-shadow:0 16px 32px rgba(30,21,37,.16)!important;}
html[data-af-color-scheme="light"] .af-nav-row .af-nav li > ul > li > a:hover,
html[data-af-color-scheme="light"] .af-nav-row .af-nav li > ul > li > a:focus{background:rgba(49,35,62,.07)!important;}
@media(max-width:760px){html[data-af-color-scheme="light"] .af-nav{border:1px solid rgba(37,28,44,.13);box-shadow:0 16px 36px rgba(30,21,37,.14);}}


/* ArtistFlow Theme v0.2.18 — account/profile layout parity with Management Theme.
   The standard artist theme now uses the same readable account tabs, cards,
   profile settings, and color-mode behavior. */
.artistflow-theme .af-account-shell,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(26,18,31,.16)!important;
  box-shadow:0 24px 70px rgba(32,20,40,.12)!important;
}
.artistflow-theme .af-account-shell .af-account-head h1,
.artistflow-theme .af-account-shell h2,
.artistflow-theme .af-account-shell h3,
.artistflow-theme .af-account-shell strong,
.artistflow-theme .af-account-shell label{color:#18111d!important;}
.artistflow-theme .af-account-shell p,
.artistflow-theme .af-account-shell .af-muted{color:rgba(24,17,29,.72)!important;}
.artistflow-theme .af-account-shell .af-account-tabs{gap:10px!important;}
.artistflow-theme .af-account-shell .af-account-tabs a{
  color:#25152d!important;
  background:#f5f2f7!important;
  border-color:rgba(35,21,45,.15)!important;
}
.artistflow-theme .af-account-shell .af-account-tabs a.active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--af-primary,#8b5cf6),var(--af-accent,#f43f5e))!important;
  border-color:transparent!important;
}
.artistflow-theme .af-account-shell .af-account-body>.af-public-card:not(.af-messenger-v2),
.artistflow-theme .af-account-shell .af-avatar-picker-public,
.artistflow-theme .af-account-shell .af-notifications-center-public,
.artistflow-theme .af-account-shell .af-heatmap-public{
  background:#fbfaff!important;
  color:#18111d!important;
  border-color:rgba(35,21,45,.13)!important;
}
.artistflow-theme .af-account-shell input,
.artistflow-theme .af-account-shell textarea,
.artistflow-theme .af-account-shell select{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(35,21,45,.22)!important;
}
.artistflow-theme .af-account-shell input::placeholder,
.artistflow-theme .af-account-shell textarea::placeholder{color:rgba(24,17,29,.52)!important;}
.artistflow-theme .af-account-shell .af-upload,
.artistflow-theme .af-account-shell .af-profile-complete,
.artistflow-theme .af-account-shell .af-fan-feed,
.artistflow-theme .af-account-shell .af-notification-list-items{border-color:rgba(35,21,45,.13)!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell{
  background:#141016!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-head h1,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell h2,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell h3,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell strong,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell label{color:#fff!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell p,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-muted{color:rgba(255,255,255,.70)!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-tabs a{color:#fff!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-tabs a.active{background:linear-gradient(135deg,var(--af-primary,#8b5cf6),var(--af-accent,#f43f5e))!important;border-color:transparent!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-body>.af-public-card:not(.af-messenger-v2),
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-avatar-picker-public,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-notifications-center-public,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-heatmap-public{background:rgba(255,255,255,.045)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell input,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell textarea,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell select{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important;}
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell input::placeholder,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell textarea::placeholder{color:rgba(255,255,255,.52)!important;}
@media(max-width:720px){
  .artistflow-theme .af-account-shell .af-account-tabs{gap:8px!important;}
  .artistflow-theme .af-account-shell .af-account-tabs a{font-size:14px!important;padding:10px 13px!important;}
}


/* ArtistFlow Theme v0.2.19 — dark-first account/profile styling and masthead navigation placement.
   Regular ArtistFlow is dark by default; the visitor switch may still intentionally choose light mode. */
/* Keep the global primary menu physically below the artist/fan masthead and any enabled header widgets. */
.artistflow-site-header{display:flex!important;flex-direction:column!important;overflow:visible!important;}
.artistflow-site-header>.af-header-inner{order:1!important;width:100%;}
.artistflow-site-header>.artistflow-header-widget-area{order:2!important;width:100%;}
.artistflow-site-header>.af-nav-row{order:3!important;width:100%;position:relative!important;}
.artistflow-site-header>.af-nav-row .af-nav{margin-left:auto!important;margin-right:auto!important;}

/* Dark is the regular ArtistFlow default. The white account skin is now applied only when a visitor
   explicitly uses light mode, rather than being forced by the theme. */
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell{
  background:#141016!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-account-head h1,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell h1,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell h2,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell h3,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell strong,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell label,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-head h1,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell h1,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell h2,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell h3,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell strong,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell label{color:#fff!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell p,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-muted,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell p,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-muted{color:rgba(255,255,255,.76)!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-account-tabs a,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-tabs a{color:#fff!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-account-tabs a.active,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-tabs a.active{color:#fff!important;background:linear-gradient(135deg,var(--af-primary,#8b5cf6),var(--af-accent,#f43f5e))!important;border-color:transparent!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-account-body>.af-public-card:not(.af-messenger-v2),
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-avatar-picker-public,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-notifications-center-public,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-heatmap-public,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-account-body>.af-public-card:not(.af-messenger-v2),
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-avatar-picker-public,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-notifications-center-public,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-heatmap-public{background:rgba(255,255,255,.045)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}
/* Favorite cards live inside the profile panel rather than as direct Account cards; explicitly keep
   their heading and “Not selected yet” text white in dark mode. */
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-fan-favorites .af-card,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card{background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-fan-favorites .af-card h2,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell .af-fan-favorites .af-card p,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card h2,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card p{color:#fff!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell input,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell textarea,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell select,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell input,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell textarea,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell select{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important;}
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell input::placeholder,
html:not([data-af-color-scheme]) .artistflow-theme .af-account-shell textarea::placeholder,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell input::placeholder,
html[data-af-color-scheme="dark"] .artistflow-theme .af-account-shell textarea::placeholder{color:rgba(255,255,255,.52)!important;}

/* Light mode remains available only through the existing visitor color switch. */
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card{background:#fbfaff!important;color:#18111d!important;border-color:rgba(35,21,45,.13)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card h2,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card p{color:#18111d!important;}


/* ArtistFlow Theme v0.2.20 — regular theme light-mode account/community readability fixes.
   Ensures fan cards, profile cards, notifications, and account details stay readable in light mode,
   while keeping dark mode as the default appearance. */
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-account-body>.af-public-card:not(.af-messenger-v2),
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-avatar-picker-public,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notifications-center-public,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-heatmap-public{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell h1,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell h2,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell h3,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell strong,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell label,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-account-head p,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-muted,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-title,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-location,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-bio,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-profile-complete,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-profile-complete *,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-feed,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-feed *,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites *,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notifications-center-public *,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-front-settings *{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-title{color:#fff!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-front-settings input,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-front-settings textarea,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-front-settings select,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-message-compose textarea,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-message-compose input{color:#18111d!important;background:#fff!important;border-color:rgba(33,24,39,.18)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-profile-complete,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-feed,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-fan-favorites .af-card,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-public-card,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-avatar-picker-public,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notifications-center-public,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-heatmap-public{background:#fff!important;border-color:rgba(33,24,39,.12)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notifications-actions a,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notifications-actions button,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notification-copy>span,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notification-copy small{color:#18111d!important;opacity:.82!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-notification-copy strong{color:#18111d!important;}

/* Community/fan cards in light mode should use dark text and keep both buttons inside the card. */
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card{background:#fff!important;border-color:rgba(33,24,39,.12)!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card strong,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card span,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card small,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card p{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:8px!important;width:100%!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-view-fan-profile,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-message-fan-link{margin:0!important;align-self:flex-start!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-view-fan-profile{background:#fff!important;border:1px solid rgba(33,24,39,.18)!important;color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-message-fan-link{color:#fff!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card-profile img,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card>img{border-color:rgba(33,24,39,.14)!important;}

/* Light-mode public member/account hubs. */
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-public-card,
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-card,
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-fan-profile-modern{background:#fff!important;color:#18111d!important;border-color:rgba(33,24,39,.12)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-public-card *,
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-card *,
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-fan-profile-modern *{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-fan-title,
html[data-af-color-scheme="light"] .artistflow-theme .artistflow-member-public-page .af-followers-count{color:var(--af-accent,#f43f5e)!important;}

/* Keep action buttons legible in light mode. */
html[data-af-color-scheme="light"] .artistflow-theme .af-btn,
html[data-af-color-scheme="light"] .artistflow-theme .af-follow-button,
html[data-af-color-scheme="light"] .artistflow-theme .af-account-shell .af-btn{color:#fff!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-btn-secondary,
html[data-af-color-scheme="light"] .artistflow-theme .af-btn-quiet{background:#fff!important;border-color:rgba(33,24,39,.16)!important;color:#18111d!important;}


/* ArtistFlow Theme v0.2.21 — light-mode hub-card and community-action correction.
   The original dark component styles use !important white text, so these explicit light-mode
   rules keep Account/Dashboard hub cards and Fan actions readable without changing dark mode. */
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub *{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-hero,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-details .af-public-card,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-card{
  background:#fff!important;
  border-color:rgba(33,24,39,.14)!important;
  color:#18111d!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-hero h1,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-hero p,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-card strong,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-card small,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-details h2,
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-details p{color:#18111d!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-my-hub-card:hover{
  background:#f3efff!important;
  border-color:rgba(109,40,217,.35)!important;
}

/* Fan directory: make both actions compact, aligned, and dark-text on the light surface. */
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-message-fan-link{
  min-height:40px!important;
  padding:8px 13px!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:850!important;
  background:#eee9ff!important;
  border:1px solid rgba(109,40,217,.34)!important;
  color:#18111d!important;
  box-shadow:none!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-message-fan-link:hover,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-message-fan-link:focus-visible{
  background:#e1d8ff!important;
  color:#18111d!important;
  outline-color:var(--af-primary,#8b5cf6)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card .af-view-fan-profile{
  min-height:40px!important;
  padding:8px 13px!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:850!important;
}


/* ArtistFlow Theme v0.2.22 — Light-mode Messenger correction and compact fan actions.
   The Core dark inbox layer uses !important rules. These theme-level light-mode overrides
   restore black/dark message-list text on the white messenger surface. */
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(33,24,39,.14)!important;
  box-shadow:0 18px 50px rgba(29,20,35,.12)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-head,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-list,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-thread-head,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-thread,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-compose{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(33,24,39,.12)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-head h2,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-thread-user h2,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-body strong,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-message-line strong,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-empty strong{
  color:#18111d!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-body em,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-thread-user p,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-message-line,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-no-messages,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-empty,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-text,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-text small,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-meta small{
  color:rgba(24,17,29,.74)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-conversation{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(33,24,39,.10)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-conversation:hover,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-conversation:focus-visible,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-conversation.is-unread{
  background:#f3efff!important;
  border-color:rgba(109,40,217,.22)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-messenger-unread{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(33,24,39,.14)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-messenger-unread span{color:rgba(24,17,29,.68)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-search,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-message{border-color:rgba(33,24,39,.10)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-search input,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-compose textarea{
  background:#fff!important;
  color:#18111d!important;
  border-color:rgba(33,24,39,.18)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-search input::placeholder,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-compose textarea::placeholder{color:rgba(24,17,29,.48)!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-message.is-mine{background:#f3efff!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-avatar{background:#e5e7eb!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-avatar i{border-color:#fff!important;}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-compose-tools button,
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-mv2-popout{
  background:#fff!important;
  color:#5b21b6!important;
  border-color:rgba(109,40,217,.25)!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-messenger-v2 .af-role-badge{
  background:#ede9fe!important;
  color:#5b21b6!important;
  border-color:#ddd6fe!important;
}

/* Fan directory actions: compact in either color mode and always contained by their own card. */
.artistflow-theme .af-fan-card{
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
}
.artistflow-theme .af-fan-card-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding:0!important;
}
.artistflow-theme .af-fan-card-actions .af-view-fan-profile,
.artistflow-theme .af-fan-card-actions .af-message-fan-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:8px 14px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card-actions .af-message-fan-link{
  background:#eee9ff!important;
  border:1px solid rgba(109,40,217,.34)!important;
  color:#18111d!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card-actions .af-message-fan-link:hover,
html[data-af-color-scheme="light"] .artistflow-theme .af-fan-card-actions .af-message-fan-link:focus-visible{
  background:#e1d8ff!important;
  color:#18111d!important;
}


/* ArtistFlow Theme v0.2.24 — exact light-mode follow-note contrast.
   The follow notice is emitted by Core as .af-follow-note, not as a generic Account paragraph. */
html[data-af-color-scheme="light"] .artistflow-theme .af-follow-note,
html[data-af-color-scheme="light"] .artistflow-theme span.af-follow-note{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#f3efff!important;
  border:1px solid rgba(109,40,217,.24)!important;
  color:#18111d!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-shadow:none!important;
  opacity:1!important;
}
html[data-af-color-scheme="light"] .artistflow-theme .af-follow-note *,
html[data-af-color-scheme="light"] .artistflow-theme span.af-follow-note *{
  color:#18111d!important;
  text-shadow:none!important;
  opacity:1!important;
}


/* ArtistFlow Theme v0.2.25 — real light-mode follow note and button states.
   Version/cache correction: this CSS is served with a file modification query string. */
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-note,
html[data-af-color-scheme="light"] body.artistflow-theme .af-hub-follow .af-follow-note,
html[data-af-color-scheme="light"] body.artistflow-theme .af-account-shell .af-follow-note{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:9px 14px!important;
  margin:0!important;
  border:1px solid rgba(109,40,217,.28)!important;
  border-radius:999px!important;
  background:#f3efff!important;
  color:#18111d!important;
  font-weight:700!important;
  line-height:1.35!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-note,
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-note *{color:#18111d!important;opacity:1!important;text-shadow:none!important;}

/* A followed artist used to inherit a translucent white “Following” state.  Keep both states visible. */
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button{
  background:linear-gradient(135deg,var(--af-primary,#8b5cf6),var(--af-accent,#f43f5e))!important;
  border-color:transparent!important;
  color:#fff!important;
}
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button *,
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button small{color:#fff!important;}
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button.is-following{
  background:#ede9fe!important;
  border-color:rgba(109,40,217,.30)!important;
  color:#18111d!important;
}
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button.is-following *,
html[data-af-color-scheme="light"] body.artistflow-theme .af-follow-button.is-following small{color:#18111d!important;}