/* Jet OUT palette for the existing production Bootstrap client templates.
   Loaded only by the preserved production header; MAMP uses the stock layout. */
.jetout-client-bootstrap .navbar { background:var(--jo-sunken); border-color:var(--jo-border); margin-bottom:24px; }
.jetout-client-bootstrap .navbar a,.jetout-client-bootstrap .welcome-user { color:var(--jo-body); }
.jetout-client-bootstrap .navbar a:hover,.jetout-client-bootstrap .navbar a.active { color:var(--jo-text); background:var(--jo-surface); }
.jetout-client-bootstrap > .container { padding:24px; background:var(--jo-sunken); border:1px solid var(--jo-border); border-radius:12px; margin-bottom:24px; }
.jetout-client-bootstrap > .container > .row:first-child { margin-bottom:24px; }
.jetout-client-bootstrap #logo img { max-width:200px; max-height:72px; object-fit:contain; }
.jetout-client-bootstrap .well,.jetout-client-bootstrap .panel,.jetout-client-bootstrap .list-group-item,
.jetout-client-bootstrap .panel-body,.jetout-client-bootstrap .modal-content {
 background:var(--jo-bg); color:var(--jo-body); border-color:var(--jo-border); box-shadow:none;
}
.jetout-client-bootstrap .well { border-radius:12px; padding:24px; }
.jetout-client-bootstrap .panel-heading,.jetout-client-bootstrap .panel-footer,
.jetout-client-bootstrap .input-group-addon { background:var(--jo-surface); color:var(--jo-body); border-color:var(--jo-border); }
.jetout-client-bootstrap #clientLogin > div { display:block!important; }
.jetout-client-bootstrap #clientLogin > div.input-group { display:table!important; width:100%; }
.jetout-client-bootstrap .input-group-addon { width:44px; }
.jetout-client-bootstrap .table,.jetout-client-bootstrap .table td,.jetout-client-bootstrap .table th { color:var(--jo-body); border-color:var(--jo-border); }
.jetout-client-bootstrap .table-striped > tbody > tr:nth-of-type(odd),
.jetout-client-bootstrap .table-hover > tbody > tr:hover { background:var(--jo-surface); }
.jetout-client-bootstrap .text-muted,.jetout-client-bootstrap .help-block { color:var(--jo-muted); }
.jetout-client-bootstrap .footer,.jetout-client-bootstrap #footer { background:var(--jo-bg); border-color:var(--jo-border); color:var(--jo-muted); }
.jetout-client-bootstrap .dropdown-menu { background:var(--jo-surface); border-color:var(--jo-border); }
.jetout-client-bootstrap .dropdown-menu > li > a { color:var(--jo-body); }
.jetout-client-bootstrap .dropdown-menu > li > a:hover { background:var(--jo-sunken); color:var(--jo-text); }
@media(max-width:767px) {
 .jetout-client-bootstrap > .container { margin:0 12px 24px; padding:20px; }
 .jetout-client-bootstrap .search { margin-top:20px; }
}
/* Reconcile the preserved Bootstrap header/footer with the new home layout. */
.jetout-client-bootstrap h1 { background:transparent; }
.jetout-client-bootstrap #logo { display:inline-block; background:transparent; padding:8px 0; }
.jetout-client-bootstrap #landing_page { gap:32px; }
.jetout-client-bootstrap #landing_page .main-content { float:none; }
.jetout-client-bootstrap #landing_page .thread-body { overflow:visible; height:auto; min-height:0; }
.jetout-client-bootstrap #landing_page .search-form { display:none; }
.jetout-client-bootstrap #landing_page .thread-body p { display:flex; flex-wrap:wrap; gap:12px; font-size:0; }
.jetout-client-bootstrap #landing_page .thread-body p a { display:inline-flex; align-items:center; padding:12px 16px; min-height:44px; font-size:16px; border:1px solid var(--jo-border); border-radius:8px; text-decoration:none; background:var(--jo-surface); }
.jetout-client-bootstrap #landing_page > div:last-child > br { display:none; }
.jetout-client-bootstrap #landing_page h1 { font-size:28px; max-width:none; }
.jetout-client-bootstrap .featured-category { width:49%; padding:24px; border:1px solid var(--jo-border); border-radius:12px; }
.jetout-client-bootstrap .article-headline { margin:16px 0 0; }
.jetout-client-bootstrap .article-teaser { color:var(--jo-muted); }
.jetout-client-bootstrap .footer { position:static; }
.jetout-client-bootstrap #footer { position:static; }
@media(max-width:767px) { .jetout-client-bootstrap .featured-category { width:100%; } }

/* Bootstrap production templates: remove the stock white fields, cells, and overlays. */
.jetout-client-bootstrap :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]),select,textarea,.form-control,.select2-selection) {
 background:var(--jo-bg)!important; color:var(--jo-text)!important; border-color:var(--jo-border)!important; box-shadow:none;
}
.jetout-client-bootstrap :is(input,textarea)::placeholder { color:var(--jo-muted); opacity:1; }
.jetout-client-bootstrap select option { background:var(--jo-sunken); color:var(--jo-text); }
.jetout-client-bootstrap .table > :is(thead,tbody,tfoot) > tr > :is(th,td),
.jetout-client-bootstrap .table-striped > tbody > tr:nth-of-type(odd) > :is(th,td),
.jetout-client-bootstrap .table-hover > tbody > tr:hover > :is(th,td) {
 background:var(--jo-bg); color:var(--jo-body); border-color:var(--jo-border);
}
.jetout-client-bootstrap .table > thead > tr > th { background:var(--jo-surface); color:var(--jo-text); }
.jetout-client-bootstrap :is(.modal-content,.popover,.tooltip-inner,.ui-widget-content,.ui-widget-header,.select2-dropdown,.dropdown-menu) :is(.form-control,th,td,.ui-state-default,.select2-results__option) {
 background:var(--jo-sunken); color:var(--jo-body); border-color:var(--jo-border);
}
