/* PitStopGarage: styly pre Trialexa rezervacny iframe */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
.trialexa-iframe-header,.trialexa-iframe-footer{display:none!important;}
html,body{background:#fff!important;margin:0!important;padding:0!important;scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0;}
body,input,textarea,select,button{font-family:Inter,system-ui,-apple-system,sans-serif!important;}
.trialexa-iframe-main{padding-top:0!important;margin-top:0!important;}
input.form-control,textarea.form-control,select.form-control,.form-control{border-radius:8px!important;border-color:#ebe8e3!important;}
.form-control:focus{border-color:#032650!important;box-shadow:0 0 0 3px rgba(3,38,80,.12)!important;}
button[type=submit],input[type=submit]{background:#e00309!important;border-color:#e00309!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;letter-spacing:.04em;text-transform:uppercase;min-height:48px;}
button[type=submit]:hover,input[type=submit]:hover{background:#a80207!important;border-color:#a80207!important;}
.grecaptcha-badge{visibility:hidden!important;}

/* --- v2: medzery, horizontalny scroll, casy v mriezke --- */
html,body{overflow-x:hidden!important;max-width:100%;}
form#frm-appointmentForm{overflow-x:hidden;}
.trialexa-iframe-main{padding:0 4px!important;}
.trialexa-iframe-main .row{margin-left:-6px!important;margin-right:-6px!important;}
.trialexa-iframe-main .row>*{padding-left:6px!important;padding-right:6px!important;}
.trialexa-iframe-main span[style*='font-size: 12px']{display:block;margin:4px 0 20px;line-height:1.5;}
#trialexa-submit-button{margin-top:0;}
.trialexa-iframe-main .form-floating{margin-bottom:12px;}
.trialexa-iframe-main h4{font-size:18px;color:#14181f;font-weight:600;}
/* dni a casy: na mobile viac vedla seba */
@media (max-width:575px){
.trialexa-iframe-main .row>.col-sm-2{flex:0 0 33.333%;max-width:33.333%;}
.trialexa-iframe-main .row>.trialexa-iframe-date-items{flex:0 0 25%;max-width:25%;}
.trialexa-iframe-main .check-button{padding:.45rem .2rem!important;font-size:13px;}
.trialexa-iframe-show-date-items{padding:.6rem .3rem!important;font-size:13px;}
}
@media (min-width:576px){
.trialexa-iframe-main .row>.trialexa-iframe-date-items{flex:0 0 12.5%;max-width:12.5%;}
}

/* --- v3: robustnejsie pravidla --- */
#trialexa-submit-button{margin-top:20px!important;}
#frm-appointmentForm .row>.trialexa-iframe-date-items{flex:0 0 12.5%!important;width:12.5%!important;max-width:12.5%!important;}
@media (max-width:575.98px){
#frm-appointmentForm .row>.trialexa-iframe-date-items{flex:0 0 25%!important;width:25%!important;max-width:25%!important;}
#frm-appointmentForm .row>.col-sm-2{flex:0 0 33.333%!important;width:33.333%!important;max-width:33.333%!important;}
}

/* --- v4: tlacidla datumu a casu v dizajne webu --- */
.trialexa-iframe-main button.trialexa-iframe-show-date-items{background:#fff!important;color:#032650!important;border:2px solid #ebe8e3!important;border-radius:14px!important;box-shadow:none!important;font-weight:700!important;font-size:14px;line-height:1.3;letter-spacing:.03em;padding:12px 8px!important;opacity:1!important;transition:border-color .15s,background-color .15s,color .15s!important;}
.trialexa-iframe-main button.trialexa-iframe-show-date-items:hover{border-color:#a80207!important;}
.trialexa-iframe-main button.trialexa-iframe-show-date-items.active{background:#032650!important;border-color:#032650!important;color:#fff!important;opacity:1!important;}
.trialexa-iframe-main .check-button{background:#fff!important;color:#14181f!important;border:2px solid #ebe8e3!important;border-radius:999px!important;box-shadow:none!important;font-weight:600!important;font-size:14px;letter-spacing:0;padding:.5rem .25rem!important;opacity:1!important;transition:border-color .15s,background-color .15s,color .15s!important;}
.trialexa-iframe-main .check-button:hover{border-color:#a80207!important;color:#14181f!important;}
.trialexa-iframe-main .btn-check:checked + .check-button{background:#e00309!important;border-color:#e00309!important;color:#fff!important;opacity:1!important;}
.trialexa-iframe-main .btn-check:focus-visible + .check-button{outline:2px solid #032650;outline-offset:2px;}
.trialexa-iframe-main .check-button.disabled,.trialexa-iframe-main .btn-check:disabled + .check-button{background:#f7f5f2!important;border-color:#f7f5f2!important;color:#a3a9b3!important;text-decoration:line-through;cursor:not-allowed;opacity:1!important;}
#frm-appointmentForm .row.mt-3{padding-bottom:20px!important;}
#frm-appointmentForm .row>.col-sm-2.mb-2{margin-bottom:0!important;}