/* Shared creation foundations, scoped to the three Agorapi journeys. */
@font-face{font-family:AgorapiCreation;src:url('../fonts/PlusJakartaSans/PlusJakartaSans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AgorapiCreation;src:url('../fonts/PlusJakartaSans/PlusJakartaSans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:AgorapiCreation;src:url('../fonts/PlusJakartaSans/PlusJakartaSans-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:AgorapiCreation;src:url('../fonts/PlusJakartaSans/PlusJakartaSans-800.ttf') format('truetype');font-weight:800;font-display:swap}
.ag-creation{--ag-ink:#242339;--ag-muted:#656477;--ag-primary:#7269d2;--ag-field:#fff;--ag-border:#e4e3ed;--ag-panel:rgba(255,255,255,.6);--ag-soft:#f3f0fc;--ag-error:#b33a49;--ag-success:#257c60;--ag-start:#63dbeb;--ag-end:#7269d2;--ag-focus:#363269;--ag-button-start:#63dbeb;--ag-button-end:#7269d2;--ag-bar:#fff;--ag-on-brand:#fff;--ag-step:rgba(255,255,255,.3);font-family:AgorapiCreation,'Plus Jakarta Sans',sans-serif;color:var(--ag-ink);background:linear-gradient(180deg,var(--ag-start),var(--ag-end));min-height:100dvh;width:100%;margin:0;line-height:1.5;font-size:15px;isolation:isolate}
.night-mode .ag-creation,.ag-creation.night-mode,[data-bs-theme=dark] .ag-creation,.ag-creation[data-bs-theme=dark]{--ag-ink:#e8eef5;--ag-muted:#c1d4e3;--ag-primary:#a8a4e8;--ag-field:#1e252b;--ag-border:#2e3f4d;--ag-panel:rgba(38,45,52,.96);--ag-soft:#343149;--ag-error:#ffa0ac;--ag-success:#73d7ab;--ag-start:#203941;--ag-end:#2b2845;--ag-focus:#63dbeb;--ag-button-start:#28768a;--ag-button-end:#6356b7;--ag-bar:#262d34;--ag-step:rgba(38,45,52,.7)}
/* The platform body is a viewport-height flex column: creation pages must grow
   with their content rather than shrink to that column's available height. */
.ag-creation{height:auto;flex:none}
body:has(main.ag-creation){height:auto;min-height:100dvh;margin:0}
.ag-creation *{box-sizing:border-box}
.ag-creation [hidden]{display:none!important}
.ag-creation button,.ag-creation input,.ag-creation textarea,.ag-creation select{font:inherit}
.ag-creation a{color:var(--ag-primary)}
.ag-creation__topbar{height:60px;display:flex;justify-content:center;align-items:center;background:var(--ag-bar)}
.ag-creation .ag-creation__back{display:flex;align-items:center;justify-content:center;gap:10px;width:146px;height:44px;border-radius:30px;letter-spacing:3.2px;text-transform:uppercase;font-size:16px;line-height:24px;text-decoration:none;transition:background .16s}
.ag-creation__back:hover{background:var(--ag-soft)}
.ag-creation__back img{width:24px;height:24px;object-fit:contain}
.ag-creation__body{padding:40px clamp(16px,3.9vw,56px) 48px;width:100%;margin:auto;display:flex;flex-direction:column;gap:24px}
@media(min-width:1200px){.ag-creation__body{max-width:1200px}}
.ag-creation__brand{display:flex;flex-direction:column;align-items:center;gap:24px}
.ag-creation__logo{width:216px;height:41px;object-fit:contain;display:block}
.ag-creation__logo--dark{display:none}
.night-mode .ag-creation__logo--light,[data-bs-theme=dark] .ag-creation__logo--light{display:none}
.night-mode .ag-creation__logo--dark,[data-bs-theme=dark] .ag-creation__logo--dark{display:block}
.ag-creation__badge{margin:0;background:var(--ag-primary);color:#fff;border-radius:30px;padding:9px 24px;min-width:250px;text-align:center;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.ag-creation__intro{text-align:center;color:var(--ag-on-brand);max-width:900px;margin:0 auto}
.ag-creation__intro h1,.ag-creation__intro h2{font:800 24px/1.5 AgorapiCreation,sans-serif;color:inherit;margin:0 0 8px}
.ag-creation__intro p{font-size:18px;line-height:28px;margin:0}
.ag-creation__progress{width:min(100%,532px);margin:0 auto;padding:0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.ag-creation__progress li{flex:1;min-width:0;position:relative;text-align:center}
.ag-creation__progress li+li:before{content:'';position:absolute;height:1px;background:#fff;width:28px;left:-20px;top:38px}
.ag-creation__progress button{background:none;border:0;padding:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;cursor:pointer;font-size:12px;min-height:102px}
.ag-creation__progress span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800;background:var(--ag-step);color:var(--ag-primary)}
.ag-creation__progress [aria-current=step] span{background:var(--ag-field);color:var(--ag-primary)}
.ag-creation__progress [aria-current=step]{font-weight:700}
.ag-creation__panel{padding:32px;border-radius:29px;background:var(--ag-panel);width:100%;min-width:0}
.ag-creation h2,.ag-creation h3,.ag-creation legend{color:var(--ag-ink)}
.ag-creation h2{font-size:22px;font-weight:700;line-height:1.5;margin:0 0 24px}
.ag-creation h3{font-size:18px;margin:0 0 16px;font-weight:700}
.ag-creation__grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:24px}
.ag-creation__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ag-creation__field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.ag-creation__field--wide{grid-column:1/-1}
.ag-creation__field label{font-size:14px;margin:0}
.ag-creation input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.ag-creation select,.ag-creation textarea{width:100%;min-height:52px;border:1px solid var(--ag-border);background:var(--ag-field);color:var(--ag-ink);border-radius:30px;padding:12px 20px;box-shadow:none}
.ag-creation textarea{border-radius:20px;min-height:120px;resize:vertical}
.ag-creation input[readonly]{opacity:.9}
.ag-creation input[type=checkbox],.ag-creation input[type=radio]{accent-color:var(--ag-primary);width:22px;height:22px;flex-shrink:0}
.ag-creation :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ag-focus);outline-offset:3px}
.ag-creation [aria-invalid=true]{border-color:var(--ag-error)!important}
.ag-creation small,.ag-creation__help{color:var(--ag-muted);font-size:13px;line-height:1.6}
.ag-creation__actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.ag-creation__button,.ag-creation .fl-group-creation__button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ag-border);border-radius:30px;background:var(--ag-field);color:var(--ag-primary);padding:10px 24px;text-decoration:none;font-weight:600;cursor:pointer;transition:filter .16s,box-shadow .16s,transform .08s;box-shadow:none}
.ag-creation__button--primary,.ag-creation .fl-group-creation__button--primary{background:linear-gradient(180deg,var(--ag-button-start),var(--ag-button-end));border-color:transparent;color:white;min-width:174px}
.ag-creation__button:hover,.ag-creation .fl-group-creation__button:hover{filter:brightness(1.05);box-shadow:0 4px 14px #24233920}
.ag-creation__button:active,.ag-creation .fl-group-creation__button:active{transform:translateY(1px)}
.ag-creation button:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}
.ag-creation__button img{width:24px;height:24px;object-fit:contain}
.ag-creation__notice{padding:20px;border-radius:24px;background:var(--ag-soft);display:flex;align-items:center;gap:12px;margin:16px 0;min-width:0}
.ag-creation__notice img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.ag-creation__notice p{margin:0;overflow-wrap:anywhere}
.ag-creation__notice--success{background:#e9f5ef;color:#245d4b}
.night-mode .ag-creation__notice--success,[data-bs-theme=dark] .ag-creation__notice--success{background:#203c32;color:var(--ag-ink)}
.ag-creation__aside{background:var(--ag-soft);border-radius:24px;padding:32px;text-align:center;align-self:start}
.ag-creation__aside>img{width:144px;height:144px;object-fit:contain;margin:0 auto 16px;display:block}
.ag-creation__aside p{color:var(--ag-muted);font-size:14px}
.ag-creation__error{color:var(--ag-error);padding:16px;border:1px solid currentColor;border-radius:16px;margin:12px 0}
.ag-creation__footnote{color:#fff;text-align:center;font-size:12px;margin:0}
.ag-creation__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;border:0;padding:16px 40px;margin:0}
.ag-creation__choice{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;color:#fff;gap:12px;padding:16px;cursor:pointer;min-width:0;border-radius:24px;transition:background .16s}
.ag-creation__choice:hover{background:#ffffff1a}
.ag-creation__choice input{position:absolute;width:1px!important;height:1px!important;opacity:0;inset:20px auto auto 20px}
.ag-creation__choice .ag-creation__choice-image{width:160px;height:160px;display:grid;place-items:center;border:3px solid transparent;border-radius:50%}
.ag-creation__choice img{width:144px;height:144px;object-fit:contain}
.ag-creation__choice:has(:checked) .ag-creation__choice-image{border-color:#fff}
.ag-creation__choice:has(:focus-visible){outline:3px solid var(--ag-focus);outline-offset:2px}
.ag-creation__choice strong{font-size:18px;font-weight:600}
.ag-creation__choice small{color:inherit;font-size:14px}
.ag-creation__choice.is-unavailable{opacity:.5;cursor:not-allowed}
.ag-creation__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.ag-creation__summary>div{min-width:0}.ag-creation__summary dt{font-size:13px;color:var(--ag-muted);font-weight:400}.ag-creation__summary dd{margin:6px 0;overflow-wrap:anywhere}
.ag-creation__map{height:300px;border-radius:20px;overflow:hidden;background:var(--ag-soft);position:relative;z-index:0}
.ag-creation__days{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ag-creation__days button{border:1px solid var(--ag-border);border-radius:30px;padding:10px 16px;background:var(--ag-field);color:var(--ag-ink);cursor:pointer;min-height:44px}
.ag-creation__days [aria-pressed=true]{background:var(--ag-primary);color:#fff}
.ag-creation__slot{display:flex;gap:12px;align-items:center;margin:12px 0}.ag-creation__slot label{flex:1;min-width:0}
.ag-creation__slot input{min-width:0}.ag-creation__slot button{flex-shrink:0}
.ag-creation__toggle{display:flex;align-items:center;gap:12px;margin:20px 0;cursor:pointer}
.ag-creation__url{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1000px){.ag-creation__body{padding:32px}.ag-creation__panel{padding:28px}.ag-creation__grid{grid-template-columns:minmax(0,1fr) minmax(210px,.65fr)}.ag-creation__choices{padding:8px;gap:12px}.ag-creation__choice{padding:12px}.ag-creation__choice-image{max-width:140px;max-height:140px}.ag-creation__choice img{width:128px;height:128px}.ag-creation__aside{padding:24px}}
@media(max-width:600px){.ag-creation__body{padding:28px 16px 36px;gap:20px}.ag-creation__intro h1,.ag-creation__intro h2{font-size:22px}.ag-creation__intro p{font-size:15px;line-height:24px}.ag-creation__panel{padding:20px}.ag-creation__grid,.ag-creation__fields,.ag-creation__summary{grid-template-columns:1fr}.ag-creation__progress{gap:8px}.ag-creation__progress span{width:52px;height:52px;font-size:23px}.ag-creation__progress button{font-size:10px;min-height:78px}.ag-creation__progress li+li:before{width:12px;left:-10px;top:26px}.ag-creation__choices{grid-template-columns:1fr;gap:12px;padding:0}.ag-creation__choice{display:grid;grid-template-columns:100px 1fr;text-align:left;gap:4px 16px;padding:12px}.ag-creation__choice .ag-creation__choice-image{grid-row:1/3;width:100px;height:100px}.ag-creation__choice img{width:88px;height:88px}.ag-creation__choice strong{font-size:16px}.ag-creation__choice small{font-size:13px}.ag-creation__actions{margin-top:24px}.ag-creation__actions>*{flex:1}.ag-creation__slot{gap:6px}.ag-creation__slot input{padding:10px!important}.ag-creation__map{height:240px}}
@media(prefers-reduced-motion:reduce){.ag-creation *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}