/* THE RESOURCES V2.2 — Creator / Account / Editorial Theme */
body.woocommerce-account,
body.blog,
body.archive,
body.single-post,
body.search{
  --v22-red:#FE2E4B;
  --v22-black:#0F0E0E;
  --v22-dark:#161316;
  --v22-gray:#4B4A4B;
  --v22-white:#FFFFFF;
  background:
    radial-gradient(circle at 8% 12%,rgba(254,46,75,.42),transparent 34%),
    radial-gradient(circle at 82% 20%,rgba(254,46,75,.18),transparent 30%),
    linear-gradient(135deg,#0F0E0E 0%,#2A0D16 48%,#161316 100%);
  color:#fff;
  font-family:Helvetica,Arial,sans-serif;
}
body.woocommerce-account * ,
body.blog * ,
body.archive * ,
body.single-post * ,
body.search *{font-family:Helvetica,Arial,sans-serif}
body.woocommerce-account a,
body.blog a,
body.archive a,
body.single-post a,
body.search a{color:#FE2E4B}
body.woocommerce-account .site-main{
  background:
    radial-gradient(circle at 12% 18%,rgba(254,46,75,.18),transparent 30%),
    linear-gradient(135deg,#0F0E0E 0%,#161316 62%,#24131a 100%)!important;
  min-height:calc(100vh - 80px);
}
body.woocommerce-account .site-main,
body.blog .site-main,
body.archive .site-main,
body.single-post .site-main,
body.search .site-main{
  background:transparent;
}
body.woocommerce-account .woocommerce,
body.blog .site-main,
body.archive .site-main,
body.single-post .site-main,
body.search .site-main{
  max-width:1180px;
  margin:0 auto;
}
body.woocommerce-account .woocommerce{
  padding:70px 24px 110px;
}
body.woocommerce-account .woocommerce h1,
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3{
  color:#fff;
  letter-spacing:-.03em;
}
body.woocommerce-account .woocommerce h1{
  font-size:clamp(38px,5vw,64px);
  font-weight:700;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{
  min-width:0;
}
  background:#161316;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:12px;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a{
  color:rgba(255,255,255,.68);
  border-radius:13px;
  padding:12px 14px;
  display:block;
  text-decoration:none;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .is-active a{
  color:#fff;
  background:rgba(254,46,75,.14);
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .is-active a{
  box-shadow:inset 3px 0 #FE2E4B;
}
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
  background:rgba(22,19,22,.82);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:30px;
  box-shadow:0 28px 80px rgba(0,0,0,.30);
}
body.woocommerce-account .woocommerce form .form-row input,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row select{
  background:#0F0E0E;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:13px 14px;
}
body.woocommerce-account .woocommerce form .form-row input:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus,
body.woocommerce-account .woocommerce form .form-row select:focus{
  border-color:#FE2E4B;
  outline:none;
  box-shadow:0 0 0 3px rgba(254,46,75,.12);
}
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button{
  background:#FE2E4B;
  color:#fff;
  border-radius:12px;
  padding:13px 20px;
  border:0;
  font-weight:700;
}
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover{background:#ff4760;color:#fff}
body.woocommerce-account .woocommerce table.shop_table{
  background:#0F0E0E;
  border-color:rgba(255,255,255,.10);
  color:#fff;
  border-radius:16px;
}
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td{
  border-color:rgba(255,255,255,.08);
}

/* Editorial / Blog */
body.blog .site-main,
body.archive .site-main,
body.search .site-main{
  padding:80px 24px 110px;
}
body.blog .page-header h1,
body.archive .page-header h1,
body.search .page-header h1{
  color:#fff;
  font-size:clamp(42px,6vw,76px);
  letter-spacing:-.05em;
}
body.blog article,
body.archive article,
body.search article{
  background:rgba(22,19,22,.82);
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  padding:28px;
  margin:0 0 22px;
  box-shadow:0 22px 60px rgba(0,0,0,.20);
  transition:transform .25s ease,border-color .25s ease;
}
body.blog article:hover,
body.archive article:hover,
body.search article:hover{
  transform:translateY(-3px);
  border-color:rgba(254,46,75,.42);
}
body.blog article h2,
body.archive article h2,
body.search article h2,
body.single-post article h1{
  color:#fff;
  letter-spacing:-.035em;
}
body.blog article h2 a,
body.archive article h2 a,
body.search article h2 a{color:#fff;text-decoration:none}
body.blog article h2 a:hover,
body.archive article h2 a:hover,
body.search article h2 a:hover{color:#FE2E4B}
body.single-post .site-main{padding:80px 24px 110px}
body.single-post article{
  max-width:900px;
  margin:0 auto;
  background:rgba(22,19,22,.84);
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  padding:clamp(28px,5vw,60px);
  box-shadow:0 30px 90px rgba(0,0,0,.32);
}
body.single-post article h1{
  font-size:clamp(42px,6vw,76px);
}
body.single-post article .entry-content{
  color:rgba(255,255,255,.76);
  font-size:18px;
  line-height:1.85;
}
body.single-post article .entry-content h2,
body.single-post article .entry-content h3{color:#fff}
body.single-post article .entry-content a{color:#FE2E4B}

/* V2.2 Account — Login / Register / My Account */
body.woocommerce-account .tr-site-header{
  background:linear-gradient(180deg,#0F0E0E 0%,#161316 100%)!important;
  border-bottom:1px solid rgba(254,46,75,.20)!important;
}
body.woocommerce-account .tr-brand-mark{
  background:#FE2E4B!important;color:#fff!important;
}
body.woocommerce-account .tr-brand-name span{color:#FE2E4B!important}
body.woocommerce-account .tr-main-nav>a,
body.woocommerce-account .tr-nav-button{color:rgba(255,255,255,.76)!important}
body.woocommerce-account .tr-main-nav>a:hover,
body.woocommerce-account .tr-nav-button:hover,
body.woocommerce-account .tr-main-nav .tr-nav-active{
  color:#fff!important;background:rgba(254,46,75,.12)!important;
}
body.woocommerce-account .tr-language,
body.woocommerce-account .tr-credits{
  background:#161316!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;
}
body.woocommerce-account .tr-credits-dot{background:#FE2E4B!important}
body.woocommerce-account .tr-create-btn{
  background:#FE2E4B!important;color:#fff!important;
}
body.woocommerce-account main{
  background:
    radial-gradient(circle at 12% 18%,rgba(254,46,75,.18),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(254,46,75,.08),transparent 30%),
    linear-gradient(135deg,#0F0E0E 0%,#161316 58%,#24131a 100%)!important;
}
body.woocommerce-account main>article{
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
body.woocommerce-account main>article>header{
  display:none!important;
}
body.woocommerce-account main .prose{
  max-width:none!important;
}
body.woocommerce-account main .prose>.woocommerce{
  max-width:1080px!important;
  margin:0 auto!important;
  padding:100px 24px 120px!important;
  position:relative;
}
body.woocommerce-account main .prose>.woocommerce:before{
  content:"ACCOUNT";
  display:block;
  color:#FE2E4B;
  font-size:12px;
  font-weight:700;
  letter-spacing:.24em;
  margin-bottom:18px;
}
body.woocommerce-account .woocommerce h2{
  color:#fff!important;
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  margin:0 0 34px!important;
}
body.woocommerce-account .woocommerce form.woocommerce-form-login{
  max-width:620px!important;
  margin:0!important;
  padding:38px!important;
  background:rgba(15,14,14,.84)!important;
  border:1px solid rgba(254,46,75,.24)!important;
  border-radius:26px!important;
  box-shadow:0 35px 100px rgba(0,0,0,.38)!important;
}
body.woocommerce-account .woocommerce form label{
  color:rgba(255,255,255,.78)!important;
  font-weight:600!important;
}
body.woocommerce-account .woocommerce form .required{color:#FE2E4B!important}
body.woocommerce-account .woocommerce form .form-row input{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:52px!important;
  margin-top:8px!important;
  background:#161316!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:13px!important;
  padding:14px 16px!important;
}
body.woocommerce-account .woocommerce form .form-row input:focus{
  border-color:#FE2E4B!important;
  box-shadow:0 0 0 3px rgba(254,46,75,.12)!important;
}
body.woocommerce-account .woocommerce-form-login__rememberme{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.woocommerce-account .woocommerce-form-login__rememberme input{
  width:auto!important;
  min-height:auto!important;
  margin:0!important;
  accent-color:#FE2E4B;
}
body.woocommerce-account .woocommerce button.button{
  background:#FE2E4B!important;
  color:#fff!important;
  border-radius:13px!important;
  padding:14px 24px!important;
  font-weight:700!important;
  margin-top:8px!important;
}
body.woocommerce-account .woocommerce button.button:hover{
  background:#ff4760!important;
  transform:translateY(-1px);
}
body.woocommerce-account .woocommerce .lost_password{
  margin-top:18px!important;
}
body.woocommerce-account .woocommerce .lost_password a{
  color:#FE2E4B!important;
  text-decoration:none!important;
}
body.woocommerce-account .woocommerce .lost_password a:hover{text-decoration:underline!important}
body.woocommerce-account .woocommerce-notices-wrapper:empty{display:none}

/* V2.2 — Creator Red identity: #FE2E4B is a primary colour, not a minor accent. */
body.woocommerce-account .tr-site-header,
body:has(.tr-my-songs-v22) .tr-site-header{
  background:linear-gradient(180deg,#0F0E0E 0%,#161316 100%)!important;
  border-bottom:1px solid rgba(254,46,75,.34)!important;
}
body.woocommerce-account .tr-brand-mark,
body:has(.tr-my-songs-v22) .tr-brand-mark{
  background:#FE2E4B!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(254,46,75,.28);
}
body.woocommerce-account .tr-brand-name span,
body:has(.tr-my-songs-v22) .tr-brand-name span{
  color:#FE2E4B!important;
}
body.woocommerce-account .tr-main-nav>a:hover,
body.woocommerce-account .tr-main-nav>a[aria-current="page"],
body:has(.tr-my-songs-v22) .tr-main-nav>a:hover,
body:has(.tr-my-songs-v22) .tr-main-nav>a[aria-current="page"]{
  color:#FE2E4B!important;
}
body.woocommerce-account .tr-nav-button:hover,
body:has(.tr-my-songs-v22) .tr-nav-button:hover{
  border-color:#FE2E4B!important;
  color:#fff!important;
}
body.woocommerce-account .tr-nav-button-primary,
body:has(.tr-my-songs-v22) .tr-nav-button-primary{
  background:#FE2E4B!important;
  color:#fff!important;
  border-color:#FE2E4B!important;
  box-shadow:0 10px 28px rgba(254,46,75,.22);
}
body.woocommerce-account .tr-nav-button-primary:hover,
body:has(.tr-my-songs-v22) .tr-nav-button-primary:hover{
  background:#ff4760!important;
  border-color:#ff4760!important;
  transform:translateY(-1px);
}
body:has(.tr-my-songs-v22) .tr-my-songs-v22 .tr-v22-secondary:hover{
  background:rgba(254,46,75,.10);
}

@media(max-width:700px){
  body.woocommerce-account main .prose>.woocommerce{
    padding:65px 16px 85px!important;
  }
  body.woocommerce-account .woocommerce form.woocommerce-form-login{
    padding:24px!important;
    border-radius:20px!important;
  }
  body.woocommerce-account .woocommerce h2{
    font-size:48px!important;
  }
}

@media(max-width:800px){
  body.woocommerce-account .woocommerce{padding:48px 16px 80px}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{border-radius:18px}
  body.woocommerce-account .woocommerce .woocommerce-MyAccount-content{padding:20px}
  body.blog .site-main,
  body.archive .site-main,
  body.search .site-main,
  body.single-post .site-main{padding:55px 16px 80px}
  body.blog article,
  body.archive article,
  body.search article,
  body.single-post article{border-radius:18px;padding:22px}
}