/* 
 * app_booking_patch.css
 * Payment sayfası geçici override stillerini içerir.
 * Bu dosya, geçici çözüm olarak eklenmiştir ve proje stabilize olduktan sonra kaldırılmalıdır.
 * Tarih: 2025-06-21
 */

 .booking-container .paybutton,
 .booking-view-container .btn-success{
  font-size:1rem;
  font-weight:600;
  text-transform: capitalize;
  border:1px solid #4caf50;
  background-color:#4caf50;
  text-shadow: 1px 1px #595959;
  color: #fff;
  border-radius: 2rem;
  box-shadow: none !important;
  cursor:pointer;
  width: auto;
}
.booking-container .paybutton:hover{
  background-color:#fff;
  color: #595959;
  text-shadow: none;
}
.booking-container button[disabled],
.booking-container button[disabled]:hover{
  background-color:#EEECEC !important;
  color: #595959 !important;
  border: 1px solid #4caf50;
}

.booking-container form#payer-address{
width: 100%;
margin-top:1rem;
}
.booking-container form .error{
  color: #f5a623 !important;
}
.booking-container form#payer-address label{
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: .5rem;
  color: #344767;
  margin-left: .25rem;
}
.booking-container form#payer-address div.form-group{
  margin-bottom: .5rem;
}

.booking-container form#payer-address div.form-group input,
.booking-container form#payer-address div.form-group select,
.booking-container #payment-sofort-country,
.booking-container .tab-pane form input,
.booking-container .side-panel .card .card-body #group-payment-table input.payment_fullnameG, 
.booking-container .side-panel .card .card-body #group-payment-table input.emailGP{
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dedede !important;
  background:none !important;
  appearance: none;
    border-radius: 30px;
    transition: box-shadow .15s, border-color .15s;
}

.booking-container .side-panel .card .card-body #group-payment-table .input-group .input-group-prepend .input-group-text{
    border-left: 1px solid #dedede;
    border-radius: 30px 0px 0px 30px;
}

.booking-container form#payer-address div.form-group select,
.booking-container #payment-sofort-country {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3csvg xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22 viewBox%3d%220 0 4 5%22%3e%3cpath fill%3d%22%23495057%22 d%3d%22M2 0L0 2h4zm0 5L0 3h4z%22%3e%3c%2fpath%3e%3c%2fsvg%3e') !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 10px 15px !important;
  padding-right: 2rem !important; /* Sağda ok için boşluk */
  height: 3rem;
  line-height: 1.4rem;
  max-height: 1.5rem;
}

/* Focus durumunda stil */
.booking-container form#payer-address div.form-group select:focus {
  border-color: #80bdff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
  outline: none;
}
.booking-container .card{
  box-shadow: none !important;
}
.booking-container .accept-update-acocunt{
  float: right;
}
.booking-container .payment-plan-table-standard .row.text-primary{
font-weight: 700;
color: #797979 !important;
    border-bottom: 1px solid #999;
}
.booking-container #fp_pack_price_format.placeholder {
  width: 65px;
  height: 30px;
}

.booking-container .payment-plan .g2s_planned_payments_format::before, 
.booking-container .payment-plan .separate_addons_price_format::before,
.booking-container .payment-plan .client_price_format::before,
.booking-container #fp_pack_price_format::before{
  content: attr(data-prefix) " ";
}

.booking-container h3{
font-size: 1.1rem;
}
.booking-container h3 span{
color: #f05f3e !important;
}
.booking-container h4{
font-size: 1.0rem;
}
.booking-container .float-none{
  float: inline-end !important;
}
.booking-container .booking-details-info{
  margin: 0px;
  border-radius: .7rem;
  align-items: center !important;
  border: 1px dashed #c5c5c5;
  padding: 0px !important;
  background: #f0f8ff;
}
.booking-container .booking-details-info .text-primary{
  display: inline-block;
  color: #1976d2 !important;
  font-size: 0.8rem;
  font-weight: 700;
}

.booking-panel .booking-details-info div{
  display: inline-block !important;
  font-weight: 500;
}

.booking-container .booking-detail-account,
.booking-container .booking-details-boat{
  margin: 0px 0px 30px 0px;
  border-radius: .7rem;
  align-items: center !important;
  border: 1px dashed #c5c5c5;
  padding: 0px 0px 15px 0px !important;
  
}
.booking-container .booking-detail-account .row{
    padding-bottom: 0.5rem !important;
}
.booking-container .booking-detail-account-header b{
  display: inline-block;
  color: #1976d2 !important;
  font-size: 0.8rem;
  font-weight: 700;
} 
.booking-container .booking-detail-onhold-option{
    background-color: #f0f000;
    white-space: nowrap;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: -10px;
    border-radius: 30px;
}

.booking-container .card-header.card-header-image {
display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* taşıyorsa gizle */
}
.booking-container .card-header.card-header-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; /* görseli kırparak alanı doldurur */
  transform: scale(1);
  transition: transform 0.3s ease;
  border-radius: .7rem;
}

.booking-container .booking-detail-account-field{
  font-size: 0.91rem;
}
.booking-container .card-header.card-header-image{
  padding: 1rem !important;
}
.booking-container .card.card-plain .card-body{
    padding: 0.625rem !important;
}
.booking-container .remaning-payment{
    border-bottom: 0rem !important;
}
.booking-container .payment-due-container{
  border-radius: .7rem;
  border: 1px dashed #c5c5c5;
  background: #f0f8ff;
}

.booking-container .nav-tabs-navigation .nav.nav-tabs{
   border: 0px !important; 
}

.booking-container .nav-tabs-navigation .nav-link,
.booking-container .nav-tabs-navigation .nav-link.active{
  border: 0px !important;
}
.booking-container .nav-tabs .nav-item .nav-link img {
filter: grayscale(100%);
opacity: 50%;
}
.booking-container .nav-tabs .nav-item .nav-link.active img {
filter: grayscale(0%);
opacity: 100%;
}
.booking-container .tab-pane .payment-card,
.booking-container .tab-pane .payment-ideal,
.booking-container .tab-pane .payment-sepa_debit,
.booking-container .tab-pane .payment-sofort,
.booking-container .tab-pane .payment-bancontact,
.booking-container .tab-pane .payment-eps{
margin-top: 1rem;
}

.booking-container .tab-pane .payment-card label,
.booking-container .tab-pane .payment-ideal label,
.booking-container .tab-pane .payment-sepa_debit label,
.booking-container .tab-pane .payment-sofort label,
.booking-container .tab-pane .payment-bancontact label,
.booking-container .tab-pane .payment-eps label
{
      font-size: 1rem;
    font-weight: 500;
    margin-bottom: .5rem;
    color: #344767;
    margin-left: .25rem;
}

.booking-container .form-control-patch{
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dedede !important;
  background:none !important;
  appearance: none;
    border-radius: 30px;
    transition: box-shadow .15s, border-color .15s;
} 


.booking-container [class*="thankYouText_"] {
  margin-top: 2rem;
}
.booking-container [class*="thankYouText_"] h4 {
  font-size: 1.5rem !important;
}

.booking-details-info div[data-section=checkout]{
    border-left: 1px dashed #c5c5c5;
    border-top: none;
}
.booking-view-container .booking-detail-account{
  padding: 0rem 0rem 0rem 0.5rem !important;
}
.booking-view-container .booking-boat-info{

  margin: 0px 0px 30px 0px;
  border-radius: .7rem;
  align-items: center !important;
  border: 1px dashed #c5c5c5;
  padding: 15px 0px 15px 0px !important;
}
.booking-view-container .text-right,
.booking-container .booking-panel .text-right{
  text-align: right !important;
}
.booking-container .booking-panel .text-center {
    text-align: center !important;
}
.booking-view-container .card-title,
.booking-view-container .card-description{
  color: #fff;
}

.booking-view-container .card-title{
margin-bottom: 1rem;
}

.booking-container .booking-view-container .price-detail .service-option{
  min-height: 5.4rem;
  font-weight: 500;
  border-radius: .7rem;
  margin: 0 0 .7rem 0;
  padding: 0px 0px 0px .5rem;
  align-items: center !important;
  border: 1px dashed #c5c5c5;  
}
.booking-container .booking-view-container .price-detail small.text-success{
    border: 2px solid #4caf50;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}
.booking-container .booking-view-container .price-detail .badge.badge-success{
  display: inline-block;
    visibility: inherit;
    background-color: #4caf50;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}


.booking-container .booking-view-container .price-detail .service-option .item_total_price_format{
    padding-right: 1rem !important;
}
.booking-container .booking-view-container .price-detail .category-header{
  border-radius: .7rem;
  padding: 10px;
  align-items: center !important;
  background-color: #e3f2fd;
  border: none;
  margin-bottom: 1rem;
}

@media (max-width: 600px) {
  .booking-view-container[data-indicator-selected="1"] {
    margin: 0.5rem;
  }
  .booking-view-container .booking-details-header{
    padding-bottom: 1rem;
  }
  .booking-payment-container[data-indicator-selected="3"] ,
  .booking-payment-container[data-indicator-selected="4"] {
    padding-right:0rem !important;
    padding-left: 0rem !important;
;
  }  
}
/* 992px ve üzeri için yan yana */
@media (max-width: 991px) {
  .booking-container {
    display: flex;
    flex-wrap: wrap;
  }

  .booking-container .booking-panel,
  .booking-container .side-panel {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 15px 0px;
  }
  .booking-container .booking-panel {
    order: 2;
  }
  .booking-container .side-panel {
    order: 1;
  }  
}

/* 992px ve üzeri için yan yana */
@media (min-width: 992px) {
  .booking-container .booking-panel {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;

  }
  .booking-container .side-panel {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .booking-container .booking-panel {
    order: 1;
  }
  .booking-container .side-panel {
    order: 2;
  }   
}


.booking-panel .placeholder{
  position: relative;
  color: transparent !important; /* Metni gizler */
  background-color: #e0e0e0; /* Placeholder rengi */
  border-radius: 4px; /* Hafif yuvarlak kenarlar */
  overflow: hidden;
  animation: placeholder-shimmer 0.75s infinite;
  height: 20px;
  margin-bottom: 4px;
}

.booking-container .side-panel .payment-plan ul.timeline {
    margin: 0 15px -10px -20px !important;
}
.booking-container .side-panel .payment-plan .sub-total{
  margin: 0px !important;
  border-top: 1px dashed #c5c5c5;
  border-bottom: none;
}


.booking-container .side-panel .booking-summary .list-price ,
.booking-container .side-panel .booking-summary .total-discount,
.booking-container .side-panel .booking-summary .discounted-price{
padding-right: 12px;
}


.booking-container  .side-panel .card{
padding: 0px !important;
margin: 0px !important;
}
.booking-container  .side-panel .card .card-body{
padding: 0px !important;
margin: 0px !important;
}
.booking-container .side-panel .card .card-body #online_payment_table .float-sm-right,
.booking-container .side-panel .card .card-body #bank_transfer_table .float-sm-right{
  float: right;
  width: 100%;
}

.spinner-group
{
  padding:0;
  margin:0;
}
.spinner-group input.spinner-both
{
  /* height: 17px; */
  padding-left: 15px;
  padding-right: 30px;
  margin: 0;
  text-align: right;
  min-width: 75px;
  max-width: 100px;
  max-height: 35px;
  background-image: none;
}

.spinner-group .ui-spinner a.ui-spinner-button.ui-spinner-up
{
  height: 100%;
  width: 25px;
  top: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-left: 1px solid #d8dcdf;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.spinner-group .ui-spinner a.ui-spinner-button.ui-spinner-down
{
  height: 100%;
  width: 25px;
  left: 0;
  top: 0;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right: 1px solid #d8dcdf;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.spinner-group .ui-button-icon.ui-icon.ui-icon-minus:after{
 content: '-'; 
 color:red;
}

@media(max-width: 767px){
  .ui-widget-content{
    min-height: 35px !important;
    width:120px;
  }
  .spinner-group {
    margin-right:30px;
  }
  .spinner-group .ui-spinner a.ui-spinner-button.ui-spinner-up {
    width: 35px;
  }
  .spinner-group .ui-spinner a.ui-spinner-button.ui-spinner-down{
    width: 35px;
  }
  .ui-button-icon-only .ui-icon{
    margin-top: -9px;
  }
  .spinner-group input.spinner-both{
    padding-right: 30px;
    max-width:95px;
  }

  .ui-spinner-input{
    height:35px;
  }
}