/* ==================================================================
   The look of noblelondon.co.uk on the hub's pages for people outside
   Noble (Piotr, 29 Oct 2026): the partner and chauffeur zone, the partner
   form and the training. Loaded after each page's own styles, so it only
   changes the look: the website's dark ground and gold, Cormorant Garamond
   and Jost, square corners, gold buttons in capitals, the Noble mark.
   ================================================================== */
:root{--bg:#14100C;--panel:#FBF7EE;--panel-2:#F3EBDB;--ink:#2A2118;--mute:#6E6353;--line:#E0D3B8;--gold:#C6A15B;--gold-2:#D8BC85;--gold-ink:#A07C33;--dark:#14100C}
body{background:#14100C;color:#F2EAD9;font-family:Jost,"Helvetica Neue",Arial,sans-serif;font-weight:300;letter-spacing:.01em}
b,strong{font-weight:500}
body{font-variant-numeric:lining-nums}

/* the header: the website's N NOBLE mark, a quiet line under it */
header{background:#14100C;padding:34px 16px 54px;border-bottom:1px solid rgba(214,188,133,.14)}
header .n{width:120px;height:100px;margin:0 auto;font-size:0;color:transparent;background:url("img/noble-logo.svg") center/contain no-repeat}
header .w{display:none}
header .t{margin-top:18px;font-family:Jost,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.32em;color:#B0A491}

/* the content on the website's light ivory, square, a thin gold line on top */
main{margin-top:-30px}
.card{background:#FBF7EE;color:#2A2118;border:0;border-top:2px solid #C6A15B;border-radius:0;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.card *:not(input[type=radio]):not(input[type=checkbox]){border-radius:0 !important}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:#2A2118;letter-spacing:.005em}
h1{font-size:36px}
p{color:#3b3127}.note,.step{color:#6E6353}.step b{color:#2A2118;font-weight:500}
.bar{background:#E8DCC3}.bar i{background:#C6A15B}
a{color:#A07C33}

/* buttons as on the website: capitals, wide letters, gold */
.btn{font-family:Jost,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:14px 24px;border:1px solid #C6A15B;background:transparent;color:#2A2118;transition:background .25s,color .25s,border-color .25s}
.btn:hover{border-color:#A07C33}
.btn.pri{background:#C6A15B;color:#171310;border-color:#C6A15B}
.btn.pri:hover{background:#D8BC85;border-color:#D8BC85}
.link{color:#A07C33;font-weight:400}

/* fields */
input.in,.card input:not([type=checkbox]):not([type=radio]):not([type=file]),.card select,.card textarea{border:1px solid #D9CBAE;background:#fff;color:#2A2118;font-family:Jost,Arial,sans-serif;font-weight:400}
input.in:focus,.card input:focus,.card select:focus,.card textarea:focus{outline:none;border-color:#C6A15B;box-shadow:0 0 0 1px #C6A15B}
input.code{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}

/* choices, lists, marks */
.pick button{background:#fff;border:1px solid #E0D3B8;color:#2A2118;transition:border-color .2s}
.pick button:hover,.pick button.on{border-color:#C6A15B;box-shadow:inset 0 0 0 1px #C6A15B;background:#fff}
.pick b{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:600}
.chip{font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px}
.banner{background:#F3EBDB;border-left:2px solid #C6A15B;color:#2A2118}
.doc,.tr,.q{border-color:#E8DCC3}
.nt{background:#F3EBDB;border-left:2px solid #C6A15B}
.cert{border:1px solid #C6A15B;background:#fff}
.terms{background:#F3EBDB;border:1px solid #E8DCC3}
.terms details{background:#fff;border-color:#E8DCC3}
.from{background:#F3EBDB;border:0;border-left:2px solid #C6A15B}
.from .av{background:#14100C;color:#C6A15B}

/* the bottom bar of the steps (on a phone it stays on the screen) */
.nav{border-top-color:#E8DCC3}
@media (max-width:640px){
  h1{font-size:30px}
  .nav{background:#FBF7EE;box-shadow:0 -10px 24px rgba(20,16,12,.12)}
  header{padding:26px 16px 46px}
  header .n{width:96px;height:80px}
}

/* the footer, dark as on the website */
footer{color:#8E8271;padding-top:28px}
footer .fn{color:#F2EAD9;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px;letter-spacing:.02em}
footer p{color:#8E8271}footer p.sm{color:#6E6353}
footer a{color:#D8BC85;text-decoration:none;border-bottom:1px solid rgba(216,188,133,.35)}

/* ticks and choices in gold, line icons instead of emoji */
input[type=checkbox],input[type=radio]{accent-color:#A07C33}
.pick i svg{width:30px;height:30px;stroke:#A07C33;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;display:block}
.banner{border-radius:0}

/* a hint never looks like an answer (Piotr, 29 Oct 2026: "ta część jest nieczytelna") */
.card input::placeholder,.card textarea::placeholder{color:#B3A68C;font-style:italic;opacity:1}
.card label{color:#4A3F31}