/*
Theme Name: GetCreator Studio
Theme URI: https://getcreator.link/
Author: GetCreator
Description: Bespoke dark studio theme for GetCreator — an AI image and video studio for adult creators. Deep violet ink, coral accent, mobile-first.
Version: 1.0.0
Text Domain: getcreator-studio
*/

:root{
  --gc-bg:#14101d;
  --gc-bg2:#1c1529;
  --gc-panel:#221a33;
  --gc-panel2:#2a2040;
  --gc-line:#372c52;
  --gc-text:#f0ebfa;
  --gc-muted:#bdb1d6;
  --gc-faint:#8f83ad;
  --gc-violet:#8b5cf6;
  --gc-coral:#fb7185;
  --gc-amber:#fbbf24;
  --gc-grad:linear-gradient(92deg,#a78bfa 0%,#f472b6 55%,#fb7185 100%);
  --gc-radius:16px;
  --gc-max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--gc-bg);color:var(--gc-text);
  font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:#c4b5fd;text-decoration:none}
a:hover{color:#f9a8d4;text-decoration:underline}
img{max-width:100%;height:auto;border-radius:12px}
.wrap{max-width:var(--gc-max);margin:0 auto;padding:0 20px}

/* ---------- header ---------- */
.gc-header{
  position:sticky;top:0;z-index:50;
  background:rgba(20,16,29,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--gc-line);
}
.gc-header-in{display:flex;align-items:center;gap:22px;min-height:64px}
.gc-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:.2px;color:var(--gc-text);white-space:nowrap}
.gc-brand:hover{text-decoration:none;color:var(--gc-text)}
.gc-brand svg{flex:0 0 auto}
.gc-brand .gc-brand-grad{background:var(--gc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc-nav{margin-left:auto}
.gc-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.gc-nav a{display:block;padding:8px 12px;border-radius:999px;color:var(--gc-muted);font-size:15px;font-weight:600}
.gc-nav a:hover{color:var(--gc-text);background:var(--gc-panel);text-decoration:none}
.gc-cta{
  margin-left:10px;background:var(--gc-grad);color:#fff !important;font-weight:700;
  padding:10px 18px;border-radius:999px;font-size:15px;white-space:nowrap;
  box-shadow:0 6px 22px rgba(244,114,182,.35);
}
.gc-cta:hover{text-decoration:none;filter:brightness(1.07)}

/* ---------- hero / sections ---------- */
.gc-hero{padding:52px 0 8px;text-align:left}
.gc-eyebrow{
  display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gc-amber);border:1px solid var(--gc-line);border-radius:999px;padding:5px 12px;background:var(--gc-bg2);
}
.gc-hero h1,.gc-pagehead h1{
  font-size:clamp(30px,5.4vw,50px);line-height:1.12;margin:16px 0 14px;font-weight:850;letter-spacing:-.01em;
}
.gc-hero h1 .grad,.gc-pagehead h1 .grad{background:var(--gc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc-lede{font-size:19px;color:var(--gc-muted);max-width:720px;margin:0 0 8px}
.gc-pagehead{padding:44px 0 4px}
.gc-section{padding:34px 0}
.gc-section h2{font-size:clamp(23px,3.4vw,32px);margin:0 0 10px;font-weight:800;letter-spacing:-.01em}
.gc-section h3{font-size:19px;margin:22px 0 6px;font-weight:750}
.gc-section p{color:var(--gc-muted);max-width:760px}
.gc-section ul,.gc-section ol{color:var(--gc-muted);max-width:760px;padding-left:22px}
.gc-section li{margin:5px 0}
.gc-section strong{color:var(--gc-text)}

/* widget shell */
.gc-widget-shell{
  background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:20px;
  padding:18px;margin:22px 0;box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.gc-widget-note{font-size:13.5px;color:var(--gc-faint);margin:10px 2px 0}

/* cards */
.gc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.gc-card{
  background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);
  padding:20px;display:block;color:var(--gc-text);
}
a.gc-card:hover{border-color:var(--gc-violet);text-decoration:none;transform:translateY(-2px)}
.gc-card{transition:transform .15s ease,border-color .15s ease}
.gc-card .gc-card-k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gc-coral)}
.gc-card h3{margin:8px 0 6px;font-size:18px;color:var(--gc-text)}
.gc-card p{margin:0;font-size:15px;color:var(--gc-muted)}

/* steps */
.gc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;counter-reset:gcstep}
.gc-step{background:var(--gc-bg2);border:1px solid var(--gc-line);border-radius:var(--gc-radius);padding:20px}
.gc-step .n{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--gc-grad);color:#fff;font-weight:800;font-size:16px;margin-bottom:10px;
}
.gc-step h3{margin:0 0 6px;font-size:17px}
.gc-step p{margin:0;font-size:15px;color:var(--gc-muted)}

/* faq */
.gc-faq{border-top:1px solid var(--gc-line);margin-top:8px}
.gc-faq details{border-bottom:1px solid var(--gc-line);padding:14px 2px}
.gc-faq summary{cursor:pointer;font-weight:700;font-size:16.5px;color:var(--gc-text)}
.gc-faq p{margin:8px 0 2px;color:var(--gc-muted);max-width:760px}

/* cta band */
.gc-band{
  background:linear-gradient(120deg,#2a1b4a,#3d1533);border:1px solid var(--gc-line);
  border-radius:20px;padding:30px;margin:30px 0;text-align:left;
}
.gc-band h2{margin:0 0 8px}
.gc-band p{color:var(--gc-muted);margin:0 0 16px;max-width:640px}
.gc-btn{
  display:inline-block;background:var(--gc-grad);color:#fff;font-weight:700;
  padding:12px 22px;border-radius:999px;font-size:16px;
}
.gc-btn:hover{text-decoration:none;color:#fff;filter:brightness(1.07)}

/* related tools */
.gc-related{border-top:1px solid var(--gc-line);margin-top:36px;padding-top:22px}
.gc-related h2{font-size:20px}
.gc-related .gc-grid{grid-template-columns:repeat(4,1fr)}

/* journal */
.gc-postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.gc-postcard{background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);overflow:hidden;display:block;color:var(--gc-text)}
.gc-postcard:hover{text-decoration:none;border-color:var(--gc-violet)}
.gc-postcard .gc-pc-body{padding:16px 18px 18px}
.gc-postcard h3{margin:0 0 6px;font-size:17.5px;line-height:1.35;color:var(--gc-text)}
.gc-postcard p{margin:0;font-size:14.5px;color:var(--gc-muted)}
.gc-meta{font-size:13px;color:var(--gc-faint);margin:6px 0 14px}
.gc-article{max-width:780px}
.gc-article h2{font-size:26px;margin:30px 0 8px}
.gc-article p,.gc-article li{color:var(--gc-muted)}
.gc-article strong{color:var(--gc-text)}
.gc-postnav{display:flex;justify-content:space-between;gap:14px;margin:34px 0 6px;font-size:15px}

/* gallery */
.gc-note-18{
  display:flex;gap:10px;align-items:flex-start;background:#2b1420;border:1px solid #5b2140;color:#fbcfe8;
  border-radius:12px;padding:12px 14px;font-size:14.5px;margin:16px 0;
}

/* footer */
.gc-footer{border-top:1px solid var(--gc-line);margin-top:54px;background:var(--gc-bg2)}
.gc-footer-in{padding:34px 0 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.gc-footer h4{margin:0 0 10px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--gc-faint)}
.gc-footer ul{list-style:none;margin:0;padding:0}
.gc-footer li{margin:6px 0}
.gc-footer a{color:var(--gc-muted);font-size:15px}
.gc-footer p{color:var(--gc-faint);font-size:14px;max-width:420px}
.gc-legal{border-top:1px solid var(--gc-line);padding:16px 0 22px;font-size:13px;color:var(--gc-faint)}

/* forms / misc */
.gc-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15.5px}
.gc-table th,.gc-table td{border:1px solid var(--gc-line);padding:10px 12px;text-align:left}
.gc-table th{background:var(--gc-panel);color:var(--gc-text)}
.gc-table td{color:var(--gc-muted)}
.screen-reader-text{position:absolute;left:-9999px}

/* journal pagination */
.gc-pagination{margin:26px 0 10px;display:flex;justify-content:center}
.gc-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.gc-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gc-line);border-radius:999px;background:var(--gc-panel);color:var(--gc-text);font-weight:700;font-size:14.5px}
.gc-pagination .page-numbers.current{background:var(--gc-grad);border-color:transparent;color:#fff}
.gc-pagination a.page-numbers:hover{border-color:var(--gc-violet);text-decoration:none}

/* Home hero widget: hide the widget's built-in feed (Private/Public/Liked) —
   the home page already has its own public gallery section. */
.gc-nofeed .aiw-feedsec{display:none !important}

/* The widget's feed section is designed to break out to min(96vw,1760px)
   with negative centering margins. Inside this theme it must stay within
   the widget shell instead of bleeding past the content margins. */
.gc-widget-shell .aiw-feedsec{
  width:100% !important;max-width:100% !important;
  margin-left:0 !important;margin-right:0 !important;
}

/* ---------- tool page framework ---------- */
.gc-crumbs{font-size:13.5px;color:var(--gc-faint);padding:20px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.gc-crumbs a{color:var(--gc-muted)}
.gc-toolhero{padding:14px 0 4px}
.gc-toolhero h1{font-size:clamp(30px,4.6vw,44px);line-height:1.14;margin:8px 0 10px;font-weight:850;letter-spacing:-.01em}
.gc-toolapp{margin:18px 0 10px}
.gc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:6px}
.gc-main .gc-section{padding:20px 0}
.gc-main .gc-section:first-child{padding-top:4px}
.gc-main h2{font-size:clamp(22px,3vw,29px);margin:0 0 10px;font-weight:800;letter-spacing:-.01em}
.gc-main h3{font-size:18.5px;margin:20px 0 6px;font-weight:750}
.gc-main p{color:var(--gc-muted)}
.gc-main ul,.gc-main ol{color:var(--gc-muted);padding-left:22px}
.gc-main li{margin:5px 0}
.gc-main strong{color:var(--gc-text)}
.gc-facts{
  background:var(--gc-panel);border:1px solid var(--gc-line);border-radius:var(--gc-radius);
  padding:20px;position:sticky;top:84px;
}
.gc-facts h2{font-size:16px;margin:0 0 12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gc-amber)}
.gc-facts dl{margin:0}
.gc-facts dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--gc-line)}
.gc-facts dl div:last-of-type{border-bottom:0}
.gc-facts dt{color:var(--gc-faint);font-size:14px;white-space:nowrap}
.gc-facts dd{margin:0;text-align:right;font-weight:650;font-size:14.5px;color:var(--gc-text)}
.gc-facts-btn{margin-top:16px;display:block;text-align:center;padding:11px 14px;font-size:15px}

/* example prompt cards */
.gc-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.gc-example{background:var(--gc-bg2);border:1px solid var(--gc-line);border-left:3px solid var(--gc-coral);border-radius:12px;padding:16px 18px}
.gc-example .gc-ex-k{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gc-coral);display:block;margin-bottom:8px}
.gc-example p{margin:0 0 8px;font-size:15.5px;color:var(--gc-text)}
.gc-example p.gc-ex-note{font-size:13.5px;color:var(--gc-faint);margin:0}

@media (max-width:900px){
  .gc-layout{grid-template-columns:1fr}
  .gc-facts{position:static;order:2}
  .gc-examples{grid-template-columns:1fr}
}

/* ---------- mobile ---------- */
@media (max-width:900px){
  .gc-grid,.gc-steps,.gc-postgrid{grid-template-columns:1fr 1fr}
  .gc-related .gc-grid{grid-template-columns:1fr 1fr}
  .gc-footer-in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .gc-header-in{flex-wrap:wrap;padding:10px 0;gap:8px}
  .gc-nav{order:3;width:100%;margin-left:0}
  .gc-nav ul{gap:2px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .gc-nav a{white-space:nowrap;padding:7px 10px}
  .gc-cta{margin-left:auto}
  .gc-grid,.gc-steps,.gc-postgrid,.gc-related .gc-grid{grid-template-columns:1fr}
  .gc-hero{padding:34px 0 4px}
  .gc-widget-shell{padding:12px;border-radius:16px}
  .gc-footer-in{grid-template-columns:1fr}
}