.one-page-shopping{
    min-width: 100%;
}
/*section {
  width: 100%;
  margin: 20px auto;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}*/

label {
  display: block;
  margin-bottom: 8px;
}

input {
  width: 100%;
  padding: 8px;
  margin-bottom: 16px;
  box-sizing: border-box;
}

button {
  background-color: #333;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.op_title_underlined {
    text-decoration: underline;
    text-align: center;
}

.order-summary {
  margin-top: 20px;
  padding: 2rem;
}

/*CHECKOUT FORM */
#submit_product_form .product-item {
    display: flex;
    padding: 10px 0px;
    align-items: center;
}
#submit_product_form .item-wrapper {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 90%;
}
#submit_product_form .item-wrapper a{
    width: 30%;
}
#submit_product_form .product_checkbox {
    width: 10%;
    height: 15px;
    margin: unset;
}
#submit_product_form .product-name {
    font-size: 20px;
}
#submit_product_form .product-price {
    font-size: 17px;
    margin-top: 3px;
}
/*CHECKOUT FORM*/

#order-total .order_status {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#order-total .order_status h6{
    display: inline;
}

/* ==== */
.company-dertails-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.company-dertails-wrapper .company-details {
    width: 50%;
    padding: 10px 0px;
}
.company-dertails-wrapper .company-whatsapp-details {
    width: 50%;
}
.company-dertails-wrapper .company-whatsapp-details {
    width: 50%;
    padding: 20px;
}
#order-placement .company-wrapper.row .company-whatsapp-details ul li {
    list-style: none;
}
.company-dertails-wrapper .company-whatsapp-details ul li {
    list-style: none;
}
#order-placement .company-wrapper.row .company-whatsapp-details ul {
    padding-left: 0px;
}
.company-dertails-wrapper .company-whatsapp-details ul {
    padding-left: 0px;
}
#order-placement .company-wrapper.row .company-details h3 {
    margin-bottom: 20px;
}
#order-placement .company-wrapper.row .company-whatsapp-details h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
.company-dertails-wrapper .company-details h3 {
    margin-bottom: 0px;
}
.company-dertails-wrapper .company-whatsapp-details h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
#order-placement .company-wrapper.row .company-details h3 {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
}
.company-dertails-wrapper .company-details h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
.delivery-details ul li {
    list-style: none;
}
.delivery-details ul {
    padding-left: 0px;
}
#order-placement h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: 30px;
}
.delivery-wrapper h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
        padding-top: 15px;
}
.delivery-wrapper p {
    margin-bottom: 10px;
}
.delivery-details {
    padding: 10px 0px;
}
.delivery-wrapper {
    padding: 0px 32px;
}
.company-detail-2 {
    padding: 0px 32px;
}
.order-summary h2 {
    margin-left: 0px !important;
}
.error-message{
  color: red;
  font-size: 15px;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #495057 !important;
    box-shadow: none !important;
    outline: none !important;
}
.customer-address p {
    margin-bottom: 0px;
    line-height: 26px;
}
.customer-address {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.tip_field {
    width: 20%;
}

/* ==== Media Query ==== */
  @media (max-width: 768px) {
.company-dertails-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.company-dertails-wrapper .company-details {
    width: 100%;
    padding: 10px 0px;
}
.company-dertails-wrapper .company-whatsapp-details {
    width: 100%;
    padding: 10px 0px;
 
}
.company-detail-2 {
    padding: 0px 32px !important;
}
#order-placement h2 {
    margin-bottom: 0px !important;
}
.delivery-wrapper {
    padding: 32px;
}
}
#post-203 header.entry-header.alignwide {
    margin-bottom: 0px;
    margin-top: 0px;
}
header#masthead {
    padding-top: 14px;
    padding-bottom: 20px;
}


/* ======================== */
/* ====== Loader CSS ====== */
/* ======================== */
.loader3 {
   width:50px;
   height:50px;
   display:inline-block;
   padding:0px;
   text-align:left;
}
.loader3 span {
   position:absolute;
   display:inline-block;
   width:50px;
   height:50px;
   border-radius:100%;
   background:rgba(135, 211, 124,1);
   -webkit-animation:loader3 1.5s linear infinite;
   animation:loader3 1.5s linear infinite;
}
.loader3 span:last-child {
   animation-delay:-0.9s;
   -webkit-animation-delay:-0.9s;
}
@keyframes loader3 {
   0% {transform: scale(0, 0);opacity:0.8;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes loader3 {
   0% {-webkit-transform: scale(0, 0);opacity:0.8;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
}
/* ======================== */
/* ==== END Loader CSS ==== */
/* ======================== */

#order-total tfoot, .td-right{
    text-align: end;
}

.customer-greetings p, #deliverers-details p{
    line-height: 20px;
}
.customer-greetings p span, .dasher-greetings p span{
    font-size: 1.2rem;
    font-weight: 700;
}
.one-page-shopping thead, tfoot{
    background-color: #e8e8e899;
}
.dasher-greetings{
    padding: 20px 0px;
}
.dasher-dispatch{
    padding-top: 15px;
}
.deliverer-header p, .dasher-greetings p, .dasher-dispatch p, .vendor-message p{
    line-height: 0.4rem !important;
}

/* Blinking Style */
@keyframes blink {
    50% {
        border-color: #05F808;
    }
}
.blink {
    border: 3px white solid;
    animation: blink 1s;
    animation-iteration-count: infinite; /* Set to infinite */
}
.deliver-platform-body{
    line-height: 0.6rem;
}

/* tooltip */
.tooltip_container {
  position: relative;
  display: flex;
}
.tooltip {
  opacity: unset;
  display: inline-block;
  border-bottom: 1px dotted black;
  font-size: 11px;
  font-weight: bold;
  background: black;
  color: white;
  padding: 2px 8px;
  border-radius: 30px;
  left: 75px;
  top: -22px;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  left: 30px;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* === Child Theme CSS */
.one-page-shopping .form-check{
padding-left:0px!important;
}
.one-page-shopping .form-check-label{
        width: 90%!important;
}
.one-page-shopping label.form-check-label{
display: inline-block!important;
}
.one-page-shopping .form-check.product-item img{
width: 100px!important;
height: 100px!important;
margin-right: 0px!important;
}

/* input[type=radio] */
.one-page-shopping input[type=checkbox] {
    padding: 0!important;
    float: right !important;
    display: inline-block!important;
    position: unset!important;
    height: 50px!important;
    width: 25px!important;
}
.one-page-shopping .form-check.product-item{
    margin-bottom: 40px!important;
}

/* Stripe Credit Card Feilds */
.woocommerce-checkout .col-1 {
    max-width: 100%;
    padding: unset;
}
.nami_checkout .form-row {
    display: block;
}
.nami_checkout .woocommerce-billing-fields > h3 {
    display: none;
}

.woocommerce-checkout .alignfull, .woocommerce-checkout .alignfull img{
    width: 100% !important;
}

.woocommerce-billing-fields #billing_fields_heading{
    display: none;
}

.woocommerce-checkout .woocommerce-additional-fields #order_tip_field{
    padding: unset;
}
.woocommerce-checkout #billing_address_1_field .loc_icon{
    width: 32px !important;
    position: absolute;
    top: 11px;
    right: 13px;
}
#billing_address_1{
    padding-right: 8%;
}

/* Styling Whatsapp Button on Thank-you Page */
.woocommerce-order-received .send_whatsapp_btn img.whatsapp-logo{
    width: 25px !important;
}
.woocommerce-order-received .uagb-buttons-layout-wrap{
    width: 50%!important;
}
.woocommerce-order-received .send_whatsapp_btn .uagb-button__link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.woocommerce-order-received .send_whatsapp_btn .wp-block-button__link{
    text-decoration: none;
    background: #00cc51;
}
.woocommerce-order-received .send_whatsapp_btn .wp-block-button__link:hover{
    background: #049c40;
    color: white;
}

/* Hiding email field from checkout */
/*.woocommerce-checkout .woocommerce-billing-fields__customer-info-wrapper #billing_email_field {
    display: none;
}*/
.woocommerce-billing-fields__field-wrapper #billing_phone_field .woocommerce-input-wrapper{
    display: flex;
    flex-direction: column-reverse;
}
@media(max-width: 480px){
    .woocommerce-checkout .wp-block-uagb-container.uagb-block-f2bfe1ea{
        padding: unset;
    }
    .pay_with_wa_wrapper a {
        padding: 20px 45px;
    }
    .cf-block-6deccc69 .wcf-embed-checkout-form .woocommerce form p.form-row label {
        font-size: 10px !important;
    }
}

/*styling vendor view order page*/
.vendor-box-wrapper .vendor-details {
    line-height: 0.7;
}
.vendor-box-wrapper{
    margin: 2.5rem 0rem;
}
.vo-customer-details p, .ov-vendor-details p{
    line-height: 1rem;
}
.vendor-details p {
    line-height: 1.3rem;
}
.ov-main-box{
    margin-top: 2rem;
    height: 80vh;
}
.vo-customer-details{
    margin-bottom: 3rem;
}

.pay_with_wa_wrapper {
    display: flex;
    justify-content: center;
}
.pay_with_wa_wrapper a {
    position: relative;
    background: #00cc51;
    text-decoration: unset !important;
    padding: 20px 55px;
    border-radius: 35px;
    color: white;
}
.pay_with_wa_wrapper a::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 28px;
    background-image: url(https://namiblubeach.com/wp-content/uploads/2024/06/Digital_Glyph_White.png);
    background-size: contain;
    position: absolute;
    left: 23px;
    background-repeat: no-repeat;
    top: 32px;
    transform: translateY(-50%);
}
.pay_with_wa_wrapper a span{ 
    margin-left: 15px;
    width: 241px;
    display: block
}
.pay_with_wa_wrapper a:hover {
    background: #049c40;
}
.pay_with_wa_wrapper a:hover span{
    color: white;
}

/* Styling Billing phone number on checkout page */
/*#billing_phone_field label{
    padding-left: 15% !important;
}
#billing_phone{
    padding-left: 15%;
}*/
.woocommerce-input-wrapper .iti.iti--allow-dropdown{
    width: 100%;
}
.iti__flag-container .iti__country-list{
    z-index: 9999 !important;
}

#billing_first_name_field, #billing_last_name_field {
    width: 100%;
} 
@media(max-width: 480px){
    #billing_first_name_field, #billing_last_name_field {
        width: 100%;
    }
}
/* Vendor Details Page  Button  */
.vo-customer-details{
    display: flex;
    align-items: end;
}
.vo-customer-details .delivery-details-box{
    width: 50%;
}
.vo-customer-details .ood-button-wrapper{
    width: 50%;
    text-align: end;
}
.ready-button-wrapper{
    text-align: end;
}
.ood-info-message, .ready-info-message{
    display: none;
}
/* == whatsapp important notes == */
.whatsapp-notice-wrap {
    margin-bottom: 20px;
    padding: 15px;
    background: #f1f8e9;
    border: 1px solid #f1f8e9;
    border-radius: 8px;
}

.whatsapp-notice-heading {
    margin-bottom: 10px;
    font-size: 16px;
}

.whatsapp-notice-subtext {
    margin-bottom: 10px;
}

.whatsapp-notice-badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.whatsapp-notice-badges img {
    height: 50px;
}