/* closetcue.ca — shared header/footer + type refresh for the inner pages
   (help, privacy, terms, thank-you and list pages). Loaded AFTER each page's
   own <style>, so it only re-skins; the page's layout and scripts are untouched.
   2026-11-01 */
body.ccx{font-family:'Jost',system-ui,sans-serif;color:#1F2E36;-webkit-font-smoothing:antialiased}
.ccx-top{position:sticky;top:0;z-index:20;background:rgba(251,248,244,.95);border-bottom:1px solid #E8DCC8;width:100%}
.ccx-in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}
.ccx-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#1A4A5E!important;border:0!important}
.ccx-logo span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:26px;line-height:1}
.ccx-logo em{color:#B5674A;font-style:italic}
.ccx-right{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:15px}
.ccx-right a{color:#1A4A5E!important;text-decoration:none!important;border:0!important}
.ccx-lang{display:flex;border:1px solid #E8DCC8;border-radius:999px;overflow:hidden;float:none!important}
.ccx-lang button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;padding:7px 11px;cursor:pointer;color:#1A4A5E;letter-spacing:0;border-radius:0}
.ccx-lang button[aria-pressed="true"]{background:#1A4A5E;color:#F5EFE6;border-color:#1A4A5E}
footer.ccx-foot{display:block;margin:0!important;padding:44px 0!important;border:0!important;background:#13394A!important;color:#D9E3E7!important;text-align:left!important;font-size:15px!important;width:100%}
.ccx-foot .ccx-in{flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:0;padding-bottom:0}
.ccx-foot p{margin:0!important;color:#D9E3E7!important;font-weight:400!important;font-size:15px!important}
.ccx-foot .brand-line{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px!important;color:#F5EFE6!important;font-weight:600!important}
.ccx-foot nav{display:flex;flex-wrap:wrap;gap:18px}
.ccx-foot a{color:#D9E3E7!important;border:0!important}
.ccx-foot .small{font-size:13px!important;opacity:.75;margin-top:18px!important}
/* type refresh: heavier display serif, ink body text, navy links */
.ccx h1,.ccx h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600!important;color:#1A4A5E}
.ccx h1 em{color:#B5674A}
.ccx h3{color:#1A4A5E}
.ccx main p,.ccx main li,.ccx .wrap p,.ccx .wrap li{color:#3B4A52;font-weight:400}
.ccx .eyebrow{color:#8D4A2F!important;letter-spacing:.14em!important;font-weight:600!important}
.ccx .wrap a,.ccx main a{color:#1A4A5E}
.ccx .wrap a:hover,.ccx main a:hover{color:#8D4A2F}
/* buttons on the card pages become the site's pills */
.ccx .btn{border-radius:999px!important;text-transform:none!important;letter-spacing:0!important;font-size:16px!important;padding:14px 24px!important;font-weight:500!important}
.ccx .btn-primary{background:#1A4A5E!important;color:#F5EFE6!important}
.ccx .btn-primary:hover,.ccx .btn-primary:focus{background:#16404F!important}
.ccx .btn-outline{border:1.5px solid #1A4A5E!important;color:#1A4A5E!important}
.ccx .btn-outline:hover,.ccx .btn-outline:focus{background:#1A4A5E!important;color:#F5EFE6!important}
/* card pages: header and footer full width, card centred between them */
body.ccx-card{display:block!important;padding:0!important;min-height:100vh}
body.ccx-card > main{margin:56px auto!important;border-radius:24px!important;border-color:#E8DCC8!important;width:calc(100% - 32px)}
@media (max-width:600px){.ccx-in{padding:12px 16px}.ccx-right .x{display:none}body.ccx-card > main{margin:32px auto!important}}