@charset "utf-8";

 /* 메인 주차요금 계산 */
#pricemain {overflow:visible !important;position:relative;z-index:100;background:#344DCF}
#pricemain .calculator-card {background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);overflow:hidden;margin-top:0px;position:relative;z-index:999;max-width:1024px;margin-left:auto;margin-right:auto;border:1px solid #eee;}

#pricemain .calc-header {background-color:#2957DA;/* Theme Color Blue */color:white;padding:2rem;text-align:center;}
#pricemain .calc-header h3 {font-size:1.5rem;font-weight:700;margin-bottom:0.25rem;color:#fff;}
#pricemain .calc-header p {color:rgba(255,255,255,0.9);font-size:0.94rem;margin:0;}
#pricemain .calc-body {padding:2.5rem;}

@media (max-width: 768px) {
  #pricemain .calc-header {background-color:#2957DA;/* Theme Color Blue */color:white;padding:2rem;text-align:center;}
  #pricemain .calc-header h3 {font-size:1.38rem;font-weight:700;margin-bottom:0.25rem;color:#fff;}
  #pricemain .calc-header p {color:rgba(255,255,255,0.9);font-size:0.88rem;margin:0;}
  #pricemain .calc-body {padding:1.5rem;}
}


/* 타이틀 */
#pricemain .form-label {display:block;font-size:0.95rem;font-weight:bold;color:#555;margin-bottom:0.5rem;}

/* input */
#pricemain .form-control-custom, .form-select-custom {width:100%;padding:0.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0.5rem;transition:all 0.2s;outline:none;height:48px;}
#pricemain .form-control-custom:focus, .form-select-custom:focus {border-color:#26AAD4;box-shadow:0 0 0 2px rgba(38, 170, 212, 0.2);}

/* 주차장 선택 Radio Button */
#pricemain .radio-group {display:flex;gap:1rem;width:100%;}
#pricemain .radio-card-label {cursor:pointer;position:relative;flex:1;}
#pricemain .radio-card-label input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#pricemain .radio-card-content {background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0.5rem;padding:0.69rem;text-align:center;transition:all 0.2s;height:100%;display:flex;flex-direction:column;justify-content:center;}
#pricemain .radio-card-label input:checked + .radio-card-content {background-color:#eef9fc;border-color:#26AAD4;color:#0b4e6b;}
#pricemain .radio-card-title {font-weight:700;display:block;font-size:1rem;}


/* 예상 요금 Inputs */
#pricemain .result-input {background-color:#f1f5f9;font-weight:700;text-align:center;color:#333;font-size:1.1rem;border:1px solid #ddd;}
#pricemain .result-price {color:#e11d48;/* Red Accent for Price */}

/* 예약 Button */
#pricemain .btn-submit-main {width:100%;padding:1rem;background-color:#333;/* Dark button */color:white;font-weight:700;border-radius:0.5rem;border:none;font-size:1.125rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.2s;height:48px;display:flex;align-items:center;justify-content:center;}
#pricemain .btn-submit-main:hover {background-color:#000;transform:translateY(-2px);}

/* Datepicker Customization */
#pricemain .ui-datepicker { z-index:9999 !important;font-size:0.9rem;}
#pricemain .ui-widget-header { background:#26AAD4;color:white;border:none;}
#pricemain .ui-state-default, .ui-widget-content .ui-state-default { border:1px solid #eee;background:#fff;}
#pricemain .ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#eef9fc;color:#26AAD4;border-color:#26AAD4;}
#pricemain .ui-state-active, .ui-widget-content .ui-state-active { background:#26AAD4;color:white;border-color:#26AAD4;