#stc-output-table {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
}

#stc-output-table table {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  margin-block-end: 0;
}

#stc-output-table table td,
#stc-output-table table th {
  border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
  padding: 15px;
  line-height: 1.5;
  vertical-align: middle;
  background-color: white !important;
}

#stc-pay-rates-mobile label, #stc-output-table th{
	color: #34005B !important;
}

#stc-send-amount{
	margin-right: -5px;
}

/* Ensure the modal sits above everything */
#stc-pay-method-modal { z-index: 1000; }

/* Country dropdown needs its own z-index */
#stc-country-dropdown { z-index: 900; }

/* Smooth border radius on dropdowns */
#stc-country-dropdown,
#stc-pay-method-modal div { border-radius: 0.5rem; }

/* Style the close button a bit larger */
#stc-pay-method-close { font-size: 1.5rem; }

/* On hover for payment-method options */
.stc-pay-method-option:hover {
  background-color: #4f008c;
  color: white;
}

#stc-pay-rates-mobile [type=button]:focus, #stc-pay-rates-mobile [type=button]:hover, #stc-pay-rates-mobile [type=submit]:focus, #stc-pay-rates-mobile [type=submit]:hover, #stc-pay-rates-mobile button:focus, #stc-pay-rates-mobile button:hover{
	background-color: #4f008c !important;
	border-color: #4f008c !important;
}

 #stc-pay-rates-mobile input, #stc-send-currency-btn, #stc-country-btn{
	border: 1px solid #D9D9D9 !important;
}

#stc-pay-rates-mobile label.block.font-medium{
	padding-top: 15px;
}

/* Make list items unselectable text */
#stc-country-list li { user-select: none; }

#stc-country-btn, #stc-pay-method-btn{
	color: #333 !important;
}

#stc-country-btn:hover, #stc-pay-method-btn:hover {
    background: #4F008C !important;
    border: 1px solid #4F008C !important;
	color: white !important;
}

#stc-send-currency-btn, #stc-country-btn{
	min-width: 120px;
	justify-content: space-around;
}

#stc-pay-method-list button{
	color: #333 !important;
	border-color: #333 !important;
}
#stc-pay-method-list button:hover{
    background: #4F008C !important;
    border: 1px solid #4F008C !important;
	color: white !important;
}
#stc-pay-method-close:hover {
    background: #4F008C !important;
    border: 1px solid #4F008C !important;
	color: white !important;
}

.stc-pay-rates-calc-mobile {
    max-width: 400px;
    margin: 1rem auto;
    padding: 30px 15px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
  }
  
  .calc-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .calc-field label {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    display: block;
  }
  
  .input-with-flag {
    position: relative;
  }
  
  .input-with-flag input,
  .input-with-flag select {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 0.75rem;
    font-size: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    outline: none;
  }
  
  .flag-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.2rem;
    width: 1.5rem;
    height: 1.5rem;
    object-fit: cover;
  }
  
  .calc-btn {
    width: 100%;
    margin-top: 1rem;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #2DC28D;
    border: none;
    border-radius: 8px;
    cursor: pointer;
  }
  
  .calc-btn:hover{
    background-color: #4f008c;
  }
  
  .arrival-info {
    margin: 1rem 0 0.5rem;
    font-size: 0.875rem;
    color: #666;
  }
  
  .delivery-method-title,
  .summary-title {
    margin: 1.5rem 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
  }
  
  /* NEW: Wrapper around each method box + title */
  .delivery-methods {
    display: flex;
    gap: 0.5rem;
  }
  
  .method-wrapper {
    flex: 1;
    text-align: center;
  }
  
  .method-wrapper .method-title {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #333;
  }
  
  .method {
      height: 90px;
      display: flex;
      border-radius: 8px;
      cursor: pointer;
      transition: transform 0.2s ease;
      align-items: center;
      justify-content: center;
  }
  
  .method i{
      font-size: 30px;
  }
  
  .method.active {
    transform: translateY(-2px);
  }
  
  /* Backgrounds */
  .method-bank {
    background-color: #E6F5EC;
  }
  
  .method-cash,
  .method-wallet {
    background-color: #F3E8FB;
  }
  
  /* Icon styling */
  .method .icon {
    display: inline-block;
    font-size: 1.5rem;  /* overrides fa-2x if needed */
    margin: 0 auto;
    color: inherit;
  }
  
  /* Summary table */
  .calc-output table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
  }
  
  .calc-output th,
  .calc-output td {
    padding: 0.75rem;
    font-size: 0.875rem;
    text-align: center;
  }
  
  .calc-output th {
    font-weight: 600;
  }

.rtl .bhd-price-input{
	flex-direction: row-reverse;	
}
.rtl #stc-send-currency-btn{
	padding: 0.5rem 20px;
}