/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .smdsw-shipping{
    width:100%;
    display:block;
    padding:10px 5px;
    border-radius:6px;
 }

 /* Container styling for the shipping list items */
.woocommerce-shipping-methods.pi-button-shipping {
   list-style: none;
   padding: 0;
   display: flex;
   flex-direction: column;
   margin-bottom: 5px;
 }
 
 /* Hide the radio button completely */
 .pi-button-shipping .shipping__list_item input[type="radio"] {
   display: none;
 }

 .pi-button-shipping input[type=radio].shipping_method+label::before{
   content:none !important;
 }
 
 /* Style each shipping method label as a button */
 .pi-button-shipping .shipping__list_label {
   display: inline-block;
   padding: 10px 20px;
   border: 2px solid var(--pi-smdsw-border-color); /* Customize the color to match your theme */
   border-radius: 5px;
   color: var(--pi-smdsw-text-color);
   background-color: var(--pi-smdsw-bg-color);
   cursor: pointer;
   transition: background-color 0.3s, color 0.3s;
   text-align: center;
   min-width: 100px; /* Ensure button-like shape */
 }
 
 /* Active (selected) button style */
 .pi-button-shipping .shipping__list_item input[type="radio"]:checked + .shipping__list_label {
   background-color: var(--pi-smdsw-active-bg-color);
   color: var(--pi-smdsw-active-text-color);
   border-color: var(--pi-smdsw-border-color);
 }
 
 /* Hover effect */
 .pi-button-shipping .shipping__list_label:hover {
   opacity:0.7;
 }
 

 /** button style for block cart and checkout page */

 body.pi-button-shipping .wc-block-components-shipping-rates-control .wc-block-components-radio-control {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
 }

 body.pi-button-shipping .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option{
    display: block;
    margin-bottom:10px !important;
    padding: 10px 20px !important;
    border: 2px solid var(--pi-smdsw-border-color); /* Customize the color to match your theme */
    border-radius: 5px;
    color: var(--pi-smdsw-text-color);
    background-color: var(--pi-smdsw-bg-color);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    text-align: center;
    min-width: 100px; /* Ensure button-like shape */
    box-shadow:none !important;
 }

 body.pi-button-shipping .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option input[type="radio"] {
  display: none;
}

body.pi-button-shipping .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option:has(input[type="radio"]:checked) {
  background-color: var(--pi-smdsw-active-bg-color);
  color: var(--pi-smdsw-active-text-color);
  border-color: var(--pi-smdsw-border-color);
}

body.pi-button-shipping .wp-block-woocommerce-checkout .wc-block-components-radio-control{
  max-width:50%;
  min-width:200px;
}

body.pi-button-shipping .wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__label, 
body.pi-button-shipping .wp-block-woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__secondary-label{
  display:table-row !important;
  text-align:left;
}

.pisol-spdsw-icon{
  height:auto;
  width:20px;
  margin-left:10px;
}

.shipping__list_label{
  display: flex;
  align-items: center;
}

.selectwoo-shipping-icon-container{
  display: flex;
  align-items: center;
  padding:10px;
}

.selectwoo-shipping-icon{
  width: auto; 
  height: 20px !important; 
  margin-left: 10px;
}

.smdsw-shipping + .select2-container{
  margin-bottom:15px;
}

/* Add padding inside the selected dropdown value */
.smdsw-shipping + .select2-container .select2-selection__rendered {
  padding: 15px 15px !important; /* Adjust as needed */
}