/* Posterbag application theme. Shared by proposal, privacy and account pages. */
:root { --cream:#fff; --paper:#f2f2f2; --green:#080808; --lime:var(--pb-orange); --accent-text:var(--pb-orange); --muted:#555; --line:#d8d8d8; --surface:#f2f2f2; --selected:#fff0ea; --display:Helvetica,Arial,sans-serif; --body:Helvetica,Arial,sans-serif; --radius:24px; --gutter:clamp(16px,3vw,48px); }
body {background:#fff;color:#080808;}
h1,h2,h3 {font-family:var(--body);font-weight:700;letter-spacing:-.045em;}
.site-header {border-bottom:1px solid var(--line);padding-block:18px;gap:20px;}
.brand-lockup .wordmark {display:block;position:static;width:220px;height:auto;overflow:visible;}
.brand-lockup .wordmark img {position:static;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain;}
.button,.button-green {border:0;border-radius:100px;background:var(--lime);color:#080808;font-weight:700;}
.button:hover,.button-green:hover {background:var(--green);color:#fff;}
.button-cream {background:#fff;color:#080808;border:1px solid var(--line);}
.button-cream:hover {background:#080808;color:#fff;}
.public-preview,.viewer-column,.campaign-poster figure {border-radius:34px;overflow:hidden;}
.public-preview,.viewer-topline,.bag-viewer,.viewer-toolbar {background:#f2f2f2;}
.viewer-topline,.viewer-toolbar {border-color:var(--line);}
.entry-panel h2,.login-panel h1,.studio-heading h1,.workspace-heading h1,.information-page h1,.proposal-intro h1 {font-weight:700;letter-spacing:-.055em;}
.studio-heading h1 {font-size:clamp(38px,5vw,76px);}
.information-page h1 {font-size:clamp(38px,5vw,72px);}
.campaign-poster {background:var(--pb-orange);color:#fff;}
.poster-title {font-family:var(--body);font-weight:700;letter-spacing:-.055em;line-height:.95;}
.poster-title span {color:#fff;}
.campaign-poster figure img {width:100%;height:auto;object-fit:cover;}
.campaign-poster figcaption,.campaign-poster .poster-caption {color:#080808;}
.proposal-steps button[aria-current=step] .proposal-step-number {background:var(--pb-orange);color:#080808;}
.proposal-step-number,.initial {border-radius:50%;}
.account-form input,.design-title input,.proposal-field input,.proposal-field textarea,.enquiry-inputs input,.enquiry-inputs textarea,select {border-color:#aaa;background:#fff;border-radius:12px;}
.price-summary,.format-options label:has(:checked),.upload-area:hover,.upload-area.is-dragover {background:#fff0ea;}
.format-options label,.saved-card,.dialog-card {border-radius:20px;}
.saved-card,.saved-card img {background:#f2f2f2;}
.privacy-note,.concept-note,.viewer-hint,.control-note {color:#555;}
.document-footer,.studio-footer,.form-footer {border-color:var(--line);}
input[type=radio],input[type=range] {accent-color:var(--green);}
@media(max-width:600px) { .brand-lockup .wordmark {width:172px;} .site-header {gap:12px;} .back-link,.form-exit {font-size:12px;} .public-preview,.viewer-column {border-radius:24px;} }
/* September 2026 partnership redesign: supporting public routes. */
:root { --cream:#fff; --paper:#f4f3ef; --surface:#f4f3ef; --line:#d9d9d3; --radius:8px; }
body {font-weight:400;}
h1,h2,h3 {font-weight:600;letter-spacing:-.05em;}
.site-header {min-height:88px;padding-block:20px;}
.brand-lockup .wordmark {width:214px;}
.button,.button-green,.button-cream {border-radius:6px;font-size:13px;min-height:48px;}
.public-preview,.viewer-column,.campaign-poster figure {border-radius:8px;}
.campaign-poster {background:#11120f;color:white;}
.poster-title {text-transform:none;font-weight:600;line-height:1.05;font-size:clamp(42px,4.5vw,72px);}
.poster-title span {color:var(--pb-orange);}
.campaign-poster figcaption,.campaign-poster .poster-caption {color:#cccfc5;}
.campaign-poster figure {background:#f4f3ef;}
.campaign-poster figure figcaption {color:#555;}
.account-form input,.design-title input,.proposal-field input,.proposal-field textarea,.enquiry-inputs input,.enquiry-inputs textarea,select {border-radius:4px;}
.format-options label,.saved-card,.dialog-card {border-radius:8px;}
.information-page {max-width:960px;padding-top:58px;padding-bottom:72px;}
.information-page h1 {font-size:clamp(42px,5.2vw,72px);line-height:1.05;max-width:800px;}
.information-page section {border-top:1px solid var(--line);padding-top:28px;margin-top:36px;}
.document-notice {background:#f4f3ef;border-left:3px solid var(--pb-orange);border-radius:0;}
.document-facts > div {background:#f4f3ef;border-radius:4px;}
@media(max-width:600px) { .site-header {min-height:76px;}.brand-lockup .wordmark {width:172px;}.information-page {padding-top:36px;}.poster-title {font-size:42px;} }

/* Dark text preserves contrast on the unchanged brand orange. */
.timing-options label:has(input:checked) { color:#080808; }

@media(max-width:600px) { .site-header:has([aria-label="Language"]),.site-header:has([aria-label="Språk"]) {flex-wrap:wrap;gap:12px;} .site-header .back-link,.site-header .form-exit {margin-left:auto;} }

/* Match the public site's softer corners in the advertiser enquiry. */
.advertiser-page .campaign-poster figure { border-radius:24px; }
.advertiser-page .button,.advertiser-page .proposal-field input,.advertiser-page .proposal-field textarea,.advertiser-page .proposal-field select,.advertiser-page .proposal-timing label { border-radius:12px; }
.advertiser-page .format-options label { border-radius:16px; }