/* Shared inner-page treatment matching John's existing site. */
body{background-image:url('../images/johns/background.jpg');background-color:#111;background-size:cover;background-position:center top;background-attachment:fixed}
.johns-screen{background:rgba(31,31,31,.87);color:#eee;margin:32px auto;padding:16px;font-family:Arial,sans-serif;font-size:14px;line-height:1.7;min-height:300px}
.johns-screen h1{font-size:27px;font-weight:400;line-height:1.3;color:#eee;margin:0 0 16px}
.johns-screen h2{font-size:24px;line-height:1.4;color:#eee;margin:0 0 14px}
.johns-screen h3,.johns-screen h4,.johns-screen h5,.johns-screen p,.johns-screen li,.johns-screen label,.johns-screen dt,.johns-screen dd,.johns-screen .instructions{color:#eee}
.johns-screen p{font-size:14px;font-weight:400;line-height:1.7;margin-bottom:16px}
.johns-screen a{color:#f4ef16}.johns-screen a:hover{text-decoration:underline}
.johns-panel{padding:20px 16px;background:rgba(255,255,255,.025);border:1px solid #ffffff10;border-radius:3px}
.johns-panel>p:first-child{margin-bottom:18px}.johns-screen .container{width:100%;max-width:none;padding:0}
.johns-screen .contact-area,.johns-screen .dealer-details-page,.johns-screen .content,.johns-screen .cars-2-area{background:transparent!important;padding:0!important;margin:0!important}
.johns-screen .contact-form,.johns-screen .sidebar-dealer-contact,.johns-screen .dealer-details-content,.johns-screen .dealer-contact-form{background:transparent!important;border-color:#ffffff20;box-shadow:none;padding:0!important;margin:0!important}
.johns-screen .single-input,.johns-screen .single-field{margin:0 0 16px;background:transparent;border:0;padding:0}
.johns-screen label{display:block;font-weight:700;margin-bottom:3px;font-size:14px;text-transform:none;letter-spacing:0}
.johns-screen input:not([type=checkbox]):not([type=radio]):not([type=submit]),.johns-screen select,.johns-screen textarea{width:100%;background:#fff!important;color:#333!important;border:1px solid #bbb!important;border-radius:3px;padding:8px 12px!important;min-height:38px;line-height:1.4;box-shadow:none;font-size:14px;opacity:1}
.johns-screen input::placeholder,.johns-screen textarea::placeholder{color:#666;opacity:1}.johns-screen textarea{min-height:120px;resize:vertical}
.johns-screen input:focus-visible,.johns-screen select:focus-visible,.johns-screen textarea:focus-visible{outline:3px solid #f4ef16;outline-offset:2px}
.johns-screen .single-input>i{display:none}.johns-screen .list-group-item{background:transparent;color:#eee;border-color:#ffffff20;padding:9px 0}
.johns-screen .field-label{position:static!important;color:#eee;font-weight:700}.johns-screen .main-btn,.johns-screen .button,.johns-screen .johns-button,.johns-screen .johns-action{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#f5f43e,#dad800)!important;color:#111!important;border:1px solid #ccca00!important;border-radius:3px;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.4;padding:9px 14px;min-height:38px;cursor:pointer}
.main-btn,.johns-button{color:#111!important}.johns-screen .main-btn:hover,.johns-screen .johns-action:hover,.johns-screen .button:hover{background:#fffc62!important;text-decoration:none}
.johns-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.johns-form-grid>.wide{grid-column:1/-1}
.johns-field-group{display:flex;align-items:stretch}.johns-field-prefix{display:flex;align-items:center;justify-content:center;background:#e9ecef;color:#444;min-width:36px;border:1px solid #bbb;border-right:0;border-radius:3px 0 0 3px;font-size:18px}.johns-field-group input{border-radius:0 3px 3px 0!important}
.johns-calc-actions{display:flex;gap:8px;margin-top:20px}.johns-calc-result{text-align:center;margin:10px 0 0}.johns-calc-result p{font-size:18px;font-weight:700;margin-bottom:0}.johns-calc-result output{display:block;font-size:30px;line-height:1.7;font-weight:700;color:#eee}.johns-calculator-error{color:#ffb9b9!important;margin:12px 0 0}
.johns-screen .johns-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400;line-height:1.6}.johns-consent input{flex:0 0 auto;margin-top:4px;accent-color:#e1df00}.johns-screen .johns-status{margin-top:15px;color:#eee}.johns-screen .johns-status.error,.johns-screen .error{color:#ffb9b9;background:transparent}.johns-screen .success{color:#b9efc1;background:transparent}
.johns-screen .johns-hours{max-width:420px;margin-top:24px}.johns-screen .johns-hours div{padding:5px 0;border:0}.johns-screen .johns-hours dt{font-weight:700}
.johns-screen .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff25}.johns-screen .updated{color:#ccc;font-size:13px}.johns-screen ul{padding-left:22px}.johns-screen .credit-inner{background:#292929!important;border-color:#555!important}
.johns-screen .dealer-details-page .row[style*="background: #ffffff"],.johns-screen .dealer-details-page div[style*="background: #ffffff"]{background:#292929!important;color:#eee!important;border-color:#555!important}
.johns-screen .find_map{margin:25px 0 0!important}.johns-screen iframe{max-width:100%}.johns-screen .johns-visit-map{margin-top:25px}.johns-visit-map iframe{width:100%;height:360px;border:0;display:block}
.modal-content{background:#292929;color:#eee;border:1px solid #666}.modal-content label,.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content p,.modal-content .modal-title{color:#eee}.modal-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.modal-content textarea,.modal-content select{background:#fff;color:#222}.modal-content .main-btn,.modal-content input[type=submit],.modal-content .btn-primary{background:#eeeb18;color:#111;border-color:#eeeb18}.modal-content .btn-close{filter:invert(1)}
@media(max-width:650px){.johns-screen{margin-block:18px;padding:12px}.johns-screen h1{font-size:23px}.johns-panel{padding:16px 12px}.johns-form-grid{grid-template-columns:1fr;gap:14px}.johns-form-grid>.wide{grid-column:auto}.johns-screen .johns-hours{max-width:none}.johns-screen .actions{flex-direction:column}.johns-visit-map iframe{height:260px}.johns-screen .form-title{font-size:23px}}

.johns-contact-location{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.johns-screen input:not([type=checkbox]):not([type=radio]):not([type=submit]),.johns-screen select{height:38px!important;box-sizing:border-box}.johns-form-grid .single-input{margin-bottom:0}.johns-screen .johns-form-grid textarea{height:140px!important}.johns-screen .johns-form-grid fieldset{border:0}.johns-screen .johns-form-grid label{line-height:1.5}.johns-screen .johns-contact-location input{min-width:0}.johns-calculator .johns-form-grid{row-gap:10px}.johns-screen .dealer-details-page .row div[style*="color: #000000"]{color:#eee!important}.johns-screen .dealer-details-page div[style*="color: red"]{color:#ffb9b9!important}.johns-privacy h2{margin-top:28px;font-family:Arial,sans-serif;font-size:21px}.johns-screen .secondary_banner{background:transparent;padding:0}.johns-screen input[type=submit]{color:#111!important}.johns-screen .main-btn:disabled,.johns-screen .johns-action:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){.johns-contact-location{grid-template-columns:1fr;gap:8px}.johns-screen .dealer-details-page div[style*="width: 40%"]{font-size:13px!important}.johns-screen .dealer-details-page div[style*="width: 60%"]{padding-right:8px}}

/* Keep form confirmations readable on the dark site panels. */
#MsgModal .modal_title,#MsgModal .modal-msg,#MsgModal .modal-msg *, .johns-screen .johns-status,.johns-screen .johns-status .success,.johns-screen .johns-status .error{color:#fff}

