/* Shared customer pages: match the small IONOS content column and homepage palette. */
:root{--customer-width:960px;--customer-ink:#102d3b;--customer-green:#087b37;--customer-text:#46515f;--customer-line:#d9e2df}
body.customer-page{background:#f5f7f6;color:var(--customer-text);font-family:Arial,Helvetica,sans-serif}
body.booking-page{--ink:#102d3b;--plum:#102d3b;--green:#087b37;--text:#46515f;--line:#d9e2df;--bg:#f5f7f6}
.booking-page .header-inner,.booking-page .page{width:100%;max-width:var(--customer-width);margin-inline:auto;padding-inline:24px}
.booking-page .site-footer{width:100%;max-width:var(--customer-width);margin-inline:auto;padding:22px 24px}
.booking-page .booking-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
.booking-page .booking-main,.booking-page .summary,.booking-page .company-booking{min-width:0}
.customer-page :is(h1,h2,h3,h4,label,legend){color:var(--customer-ink)!important}
.booking-page .eyebrow,.booking-page .panel-eyebrow{color:var(--customer-green)}
.booking-page .intro{align-items:flex-start}.booking-page .intro h1{font-size:28px;line-height:1.2;letter-spacing:-.5px}.booking-page .intro-facts{gap:15px;padding-left:18px}.booking-page .intro-facts strong{color:var(--customer-green)}
.booking-page .panel-content{padding:22px}.booking-page .summary-card{padding:18px}.booking-page .company-grid{min-width:0}
.customer-page .bcpractice{--bp-navy:#102d3b;--bp-teal:#087b37;--bp-line:#d9e2df;max-width:var(--customer-width);width:100%;box-sizing:border-box;padding:26px 24px 38px}
.customer-page .bcpractice .bp-header{margin:-26px -24px 26px;padding:24px}
.customer-page .bcpractice .bp-hero{background:#eef4f0;color:var(--customer-ink);border:1px solid var(--customer-line);grid-template-columns:minmax(0,1fr) 230px;padding:28px;border-radius:8px;gap:24px}
.customer-page .bcpractice .bp-hero h2{font-size:30px;color:var(--customer-ink)}
.customer-page .bcpractice .bp-hero .bp-kicker,.customer-page .bcpractice .bp-hero .bp-small{color:#465d50}
.customer-page .bcpractice .bp-hero .bp-button{background:var(--customer-green);color:#fff!important;border-color:var(--customer-green)}
.customer-page .bcpractice .bp-hero .bp-button.secondary{background:#fff;color:var(--customer-green)!important;border-color:var(--customer-green)}
.customer-page .bcpractice .bp-price{background:#fff;border-color:#c8d9ce;color:var(--customer-ink);padding:20px}
.customer-page .bcpractice .bp-dashboard,.customer-page .bcpractice .bp-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}
.customer-page .bcpractice .bp-collection strong,.customer-page .bcpractice select{color:var(--customer-ink)}
.customer-page .bcpractice :is(.bp-dashboard,.bp-layout)>*{min-width:0}
body.customer-document main{box-sizing:border-box;max-width:var(--customer-width);width:calc(100% - 32px);margin:24px auto;padding:28px;background:#fff;border-top:3px solid var(--customer-green)}
.customer-page a{color:var(--customer-green)}
@media(max-width:850px){.booking-page .intro-facts{display:none}.booking-page .booking-layout{grid-template-columns:minmax(0,1fr)}.booking-page .summary{position:static;padding-top:0}.booking-page .summary-price{display:block}.booking-page .header-actions{gap:14px}.customer-page .bcpractice .bp-hero,.customer-page .bcpractice .bp-dashboard,.customer-page .bcpractice .bp-layout{grid-template-columns:minmax(0,1fr)}.customer-page .bcpractice .bp-benefits,.customer-page .bcpractice .bp-route-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.booking-page .header-inner,.booking-page .page{padding-inline:16px}.booking-page .site-footer{padding-inline:16px}.booking-page .intro h1{font-size:25px}.booking-page .panel-content{padding:20px 17px}.customer-page .bcpractice{padding:22px 16px 30px}.customer-page .bcpractice .bp-header{margin:-22px -16px 22px;padding:20px 16px}.customer-page .bcpractice .bp-hero{padding:22px 18px}.customer-page .bcpractice .bp-hero h2{font-size:26px}body.customer-document main{width:100%;margin:0;padding:22px 16px}.booking-page .header-domain{display:none}}
@media print{body.customer-document main,.booking-page .page{max-width:none;width:100%;margin:0}}

/* Restore booking branding without changing the form column alignment. */
.booking-page .booking-brand-lockup{min-width:0;flex:0 1 290px}.booking-page .booking-logo{display:block;width:290px;max-width:100%;line-height:0}.booking-page .booking-logo img{display:block;width:100%;height:auto}.booking-page .booking-brand-lockup>small{margin:-12px 0 0 25px!important}.booking-page .header-inner{min-height:100px;padding-block:6px}
@media(max-width:600px){.booking-page .booking-brand-lockup{flex-basis:220px}.booking-page .booking-logo{width:220px}.booking-page .booking-brand-lockup>small{margin:-7px 0 0 19px!important;font-size:10px!important}.booking-page .header-inner{min-height:86px;gap:12px}.booking-page .header-actions{flex-shrink:0}.booking-page .header-actions>a{display:none}}

/* Make revealed choices conspicuous while preserving native select behaviour. */
.booking-page .language-choice,.booking-page .topic-field,.booking-page #group-specialty-wrap:not([hidden]){padding:16px;border:2px solid #0b55a2;border-left-width:5px;border-radius:5px;background:#eef5fc;margin:18px 0}
.booking-page .language-choice .field{margin-bottom:0}.booking-page .language-choice .hint{margin-bottom:0}.booking-page #group-specialty-wrap[hidden]{display:none!important}
.booking-page .field select,.booking-page .company-grid select{appearance:none;-webkit-appearance:none;background-color:#0b55a2;color:#fff;border:2px solid #073e78;border-radius:4px;min-height:46px;padding:11px 40px 11px 12px;font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px}
.booking-page select option,.booking-page select optgroup{background:#fff;color:#102d3b;font-weight:400}
.booking-page .field select:hover,.booking-page .company-grid select:hover{background-color:#084784;border-color:#052f5c}
.booking-page .field select:focus-visible,.booking-page .company-grid select:focus-visible{outline:3px solid #087b37;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.booking-page .field input,.booking-page .field textarea,.booking-page .company-grid input{border:2px solid #8297a1}
.booking-page .field :is(input,select,textarea)[aria-invalid="true"],.booking-page .company-grid :is(input,select)[aria-invalid="true"]{border-color:#ad2f2b}
.booking-page .option{border:2px solid #a5b6bf}.booking-page .option.selected{background:#0b55a2;border-color:#073e78;box-shadow:none}.booking-page .option.selected :is(.option-title,.option-desc,.option-icon){color:#fff}.booking-page .option.selected .option-icon{background:#ffffff1f}.booking-page .option.selected .radio-dot{border-color:#fff}.booking-page .option.selected .radio-dot:after{background:#fff}
@media(forced-colors:active){.booking-page select{appearance:auto;background-image:none}.booking-page .option.selected{border-color:Highlight}}

/* Match the live IONOS logo: 146.66px image canvas, visible artwork aligned to H1. */
.booking-page .booking-brand-lockup{flex:0 1 190px}.booking-page .booking-logo{width:146.66px;max-width:none;margin-left:-12.89px}.booking-page .booking-logo img{width:146.66px;max-width:none;height:auto}.booking-page .booking-brand-lockup>small{margin:-10px 0 0!important}.booking-page .header-inner{min-height:80px;padding-block:9px}
@media(max-width:600px){.booking-page .booking-brand-lockup{flex-basis:175px}.booking-page .booking-logo{width:146.66px;margin-left:-12.89px}.booking-page .booking-brand-lockup>small{margin:-10px 0 0!important}.booking-page .header-inner{min-height:76px}}
