/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/
body {
    font-family: 'Nunito', sans-serif;
    font-weight: 400; /* normal text */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
    font-weight: 700; /* headings bold */
}

#main-nav .offcanvas .offcanvas-body .nav-link{
    font-family: 'Nunito', sans-serif!important;
}
.footer-top .footer-logo img{
    width:170px;
}
.custom-logo-link img{
    width:170px;
}

  .product-slider-wrapper .product-swiper .swiper-wrapper .swiper-slide .product a img {
       /* height: 190px!important;
        width: 100%;*/
    }
    

.category-tabs-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 20px;
  margin: 20px 0;
}

.category-tabs {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  margin:0 auto;
  gap: 10px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.category-tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.category-tab {
  background-color: #52031A;
  color: #fff;
  font-weight: bold;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
}
.category-tab:hover {
background: #2f010f;
color:#fff;
  
}
.product-cat-nav .filter-btn {
    background-color: #ae576c;
    
}
.scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #52031A;
  border: none;
  color: #fff;
  font-size: 18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.scroll-left {
  left: 12px;
}

.scroll-right {
  right:  12px;
}
.single-post .woocommerce ul.products li.product {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 0 1.5% 30px 1.5%;
    padding: 0 0 30px 0;
    position: relative;
    width: 30.333%;
    min-height: 410px;
    font-size: 17px;
    background-color: white;
    -webkit-box-shadow: 0 5px 10px 0 rgba(26, 47, 51, 0.15);
    box-shadow: 0 5px 10px 0 rgba(26, 47, 51, 0.15);
    border-radius: 5px;
}
.single-post .woocommerce ul.products{
    text-align:center!important;
}
/*customize pickup timing */

#woop_pickup_option_field {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#woop_pickup_option_field > label {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    
}

#woop_pickup_option_field .woocommerce-input-wrapper {
    display: flex;
    border: 2px solid #000000; 
    border-radius: 5px;
    overflow: hidden;
   
    margin: 10px auto;
}
#woop_pickup_option_now, #woop_pickup_option_later {
    display: none!important;
  
}

#woop_pickup_option_field .woocommerce-input-wrapper label {
    flex: 1;
    padding: 1px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    font-weight: bold;
    border-right: 2px solid white;
    line-height:25px;
    margin-bottom: unset!important;
    
}

#woop_pickup_option_now:checked + label,
#woop_pickup_option_later:checked + label {
    background: #60031E; 
    color: white;
}

#woop_pickup_option_later + label {
    display: inline-block;
}

/* Ensure the wrapper is displayed as flex when Pickup Later is selected */
#pickup_later_wrapper {
    display: flex;
    gap: 10px; /* Adds space between date and time fields */
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

/* Set equal width for both date and time fields */
#pickup_later_wrapper input[type="date"],
#pickup_later_wrapper input[type="time"] {
    flex: 1;
    padding: 8px;
    border: 2px solid #8B5C50; 
    border-radius: 5px;
    font-size: 14px;
}
#woop_pickup_store_location {
    background: none;
    box-shadow: unset;
    font-weight: 600;
    width:100%;
}
#woop_pickup_date{
    width:100%;
    margin-right:24px;
}
.date-time-wrapper{
    display:flex;
    gap:30px;
    margin-top: -10px;
}
.date-time-wrapper p.form-row {
    width: 47%;
}
.location-address{
    margin-top: -25px!important;
}
.location-address input{
   padding: 0px!important;
}
#woop_pickup_time{
   border: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
    box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
    color: #1a2f33 !important;
    opacity: 1;
    font-size: 17px;
    font-weight: 400;
}

#ui-datepicker-div {
    width: 18em!important;
}

#menu-footer-menu {
    list-style: none;
    padding-left: 18px;
}
.single-product #content .row .content-area .product .summary {
    height: auto!important;
    min-height: 500px;
}
/* Force image section to fill height of summary */
.single-product .woocommerce-product-gallery {
  display: flex;
  align-items: stretch;
}

.related.products {
  clear: both;
  margin-top: 40px;
}
.woo_order_tip {
   
    background: #60031E;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
}
.tip-label-suffix .amount{
        color: #fff !important;
}

#card-cvv{
    margin-left: 0px!important;
}

.woocommerce-checkout #payment div.payment_box{
    margin: 0px!important;
    padding-left: 1em!important;
}

.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{
    margin: 0px!important;
}

#payment-form{
    padding-bottom: 25px!important;
    border-radius: 15px!important;
}

#wc-clover_payments-cc-form{
    margin: 0px!important;
}

.woocommerce-checkout #payment div.form-row{
	padding: 1em 1em 0em 1em;
}

.clover-gateway .form-row .field{
	height: 50px!important;
    line-height: 55px!important;
	margin-bottom: 0px!important;
}

.clover-gateway .input-errors{
	margin-top: 2px!important;
}

.clover-gateway .top-row + .form-row{
	padding: 0px!important;
	display: flex!important;
}

.clover-gateway .top-row + .form-row > .form-row:first-child{
	padding-right: 0.5em!important;
}


.clover-gateway .top-row + .form-row > .form-row:last-child{
	padding-left: 0.5em!important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0 rgba(26, 47, 51, 0.1);
}
.woocommerce-page #payment #place_order{
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 800;
    float:left!important;
    margin-left: 5px;
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: 0.4s ease-in-out;
    border-radius: 5px;
}

.city-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
}

.city-grid h3 {
  flex: 1 1 calc(25% - 20px); 
  margin: 0;
  
}

.city-grid h3 a {
  text-decoration: none!important;
  color: #000!important;
  font-size: 15px !important;
    font-weight: 600;
    font-family: 'BobbyJonesSoft', sans-serif !important;
    text-transform:uppercase;
}

@media (max-width: 1024px) {
  .city-grid h3 {
    flex: 1 1 calc(50% - 20px); /* 2 columns on tablet */
  }
 /* .responsive-vh .position-absolute{
    top:70%!important;
}*/
  
.single-post .add-to-cart-container{
    justify-content:center;
}
.single-post .quantity{
    margin:unset!important;
}
.single-post .add_to_cart_button {
    padding: 6px 7px!important;
}
.woocommerce-cart .woocommerce .cart-collaterals .btn-block{
    width: 100%!important;
}
.checkout_coupon .btn-outline-primary{
    width:auto!important;
    font-size:14px;
}
    .product-slider-wrapper .product-swiper .swiper-wrapper .swiper-slide .product .add-to-cart-container .quantity input{
        padding: 2px !important;
    }
}

@media (max-width: 600px) {
  .city-grid h3 {
    flex: 1 1 100%; /* full width on mobile */
  }
   .single-post .woocommerce ul.products li.product {
    width: 90%!important;
    min-height: 347px!important;
}
#pojo-a11y-toolbar{
    display:none;
}
}
.container-1280{
    padding-bottom: 20px;
    }


.designed-by {
    display: flex!important;
    justify-content: center!important;
    margin-bottom: 0px!important;
    align-items: center!important;
}

.designed-by a span {
    font-size: 9px!important;
    color: #fff!important;
    opacity: 0;
    margin-right: 5px!important;
}

.designed-by a:hover span {
    opacity: 0.9;
}

.designed-by a img {
    width: 22px!important;
    height: 22px!important;
}
.offcanvas.offcanvas-end{
    transform:none!important;
}

@media (max-width: 767px) {
.hero-swiper .swiper-slide,
  .hero-swiper .slider-image,
  .hero-swiper .slider-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover; /* Makes sure the image fills the space nicely */
  }
 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px;
    font-weight: 800;
}
 .product-slider-wrapper .product-swiper .swiper-wrapper .swiper-slide .product a img{
     /*   height: 150px!important;*/
    }
    .responsive-vh h1{
        font-size:16px!important;
    }
 
}
@media (min-width: 1025px) {
    .product-slider-wrapper .swiper-slide {
        width: 226px!important;
    }
    .add-to-cart-container .add_to_cart_button {
     padding: 2px 5px!important;
    
}
}
@media (min-width: 768px) {
    .responsive-vh {
    height: 40vh!important;
}

}
.showlogin{
    color:#fff;
}
.showlogin:hover{
    color:#fff;
}
.woocommerce-cart .cross-sells .add-to-cart-container .quantity,  .archive .add-to-cart-container .quantity {
    display: none !important;
}
#main-nav{
    padding:0px;
}
 .gform_wrapper{
     background:#fff;
 }
 .footer-form  .gform_wrapper{
     background:#ffffff00;
 }
 
 .yith-wapo-option {
    width: 95%!important;
}
#right-sidebar{
    display:none;
}

.archive ul.products li.product{
    background-color: white;
    -webkit-box-shadow: 0 5px 10px 0 rgba(26, 47, 51, 0.15);
    box-shadow: 0 5px 10px 0 rgba(26, 47, 51, 0.15);
    border-radius: 5px!important;
}
.archive ul.products li.product a img {
    height: 190px;
    object-fit: cover;
    object-position: 50% 50%;
}
.archive  ul.products li.product .woocommerce-loop-product__title{
    padding: 0;
    margin: 0 10px;
    font-size: 24px;
    font-weight: 900;
    min-height: 60px;
    color:#000;
}

.archive ul.products li.product .price{
    position: relative;
    margin: 0 10px;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #212529;
    min-height: 80px;
}
.archive .add-to-cart-container{
    display:block!important;
}
.archive .add-to-cart-container .add_to_cart_button{
     padding: 0;
    margin: -60px 0px 0px 220px;
    float: right;
    font-size: 0;
    position: relative;
    background-color: #60031E;
    display: inline-block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 5px;
    white-space: nowrap;
    text-align: center;
 } 
.yoast-breadcrumb{
     text-align: center!important;
     margin-top:4px;
 }
.yoast-breadcrumb a{
    color:#000!important;
    text-decoration:none!important;
    font-size:15px!important;
}
.fa-user-o:before {
    color: #fff;
}
.woocommerce input[type="submit"] {
    width:unset!important;
    height: unset;
    padding: 6px;
}

.page-template-default .entry-content, .woocommerce div.product,.post {
    background: #fff;
    padding: 15px;
}
.btn{
    color:#fff!important;
}
.btn:hover, .button:hover,.gform-button:hover{
   background: #2f010f!important;
}

.woocommerce-tabs{
    display:none;
}

#woo_order_tip_custom {
  display: inline-block;      
  vertical-align: top;     
  height: 44px;
}
.woo_order_tip_apply, .woo_order_tip_remove{
    background: #60031E;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
}

 .quantity.d-flex {
  align-items: center; /* vertically center minus, input, plus */
}

 .quantity .btn {
 
  display: flex;
  align-items: center;   /* center icon/text inside */
  justify-content: center;
}
.entry-summary .btn.btn-outline-primary {
  height:38px;
  margin-top:3px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.quantity {
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
}

.quantity input.qty {
  text-align: center; /* center the number inside the box */
/* width: 60px; */
}

/*Woopos sservice section*/
/*.service-column {
  flex: 0 0 20%;
}
.service-column:nth-child(4) {
  flex: 0 0 33%;
}

.service-column img {
  height: 300px!important;
 transition: transform 0.3s ease;
}
.service-column img:hover {
  transform: translateY(-5px);
}
.service-column:nth-child(1) img, .service-column:nth-child(3) img {
 border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
.service-column:nth-child(2) img,.service-column:nth-child(4) img {
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}*/
.archive .content-area{
    margin-top:90px;
}
.woocommerce-mini-cart-item .variation{
    display:none;
}
 .cart_totals .woocommerce-Price-currencySymbol{
     font-size:17px!important;
     opacity:1!important;
 }
 .tax-rate .woocommerce-Price-currencySymbol{
     padding:8px;
 }
 .pataak-popup-sidebar-form .gform-theme--foundation .gform_fields {
    row-gap: 10px!important;
}

@media (max-width: 768px) {
  
  .page-id-9140 .position-relative img,.page-id-1555 .position-relative img,.page-id-9 .position-relative img {
    max-width:unset!important;
    height: auto;
    object-fit: contain;
  }

}
.yith-wapo-option {
    min-width: 20%!important;
}
#yith-wapo-block-5 .yith-wapo-option label, #yith-wapo-block-6 .yith-wapo-option label {
    min-width:auto!important;
    height:200px;
    align-items: start!important;
}
#yith-wapo-container .amount{
    font-size:14px!important;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option textarea {
    min-height: 100px!important;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option img{
    height:auto!important;
    margin-bottom:8px;
}
@media (max-width: 700px) {
  
  .service-columns-wrapper{
      display:block!important;
  }
  #yith-wapo-block-5 .yith-wapo-option label, #yith-wapo-block-6 .yith-wapo-option label {
    min-width:auto!important;
    height:150px;
  }
}
.page-id-1552 .product_cat-curry-combo .quantity, .page-id-1523 .curry-combo .quantity{
    display:none!important;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label {
     padding: 0px;
     display:block!important;
     font-size:11px!important;
     line-height:12px!important;
     font-weight:600;
     text-align:center;
    }
    
.gform_wrapper .gform-body .gform_fields input, .gform_wrapper .gform-body .gform_fields textarea{
    margin-bottom:10px;
}
 .gform-theme--framework input[type=radio]::before{
     background-color:#52031A!important;
 }
.gfield-choice-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px #52031A; /* custom focus ring */
  border-radius: 50%; /* makes shadow round */
}

.blog #content {
    padding-bottom: 30px!important;
    padding-top: 30px!important;
}
.single-product #content .row .content-area .product .related li img {
    width: 100%!important;
    max-height:230px;
}
.single-product #content .row .content-area .product .related li .woocommerce-loop-product__title {
    height: 55px!important;
}
.woocommerce .quantity .qty {
    width: 2.8em!important;
    
}
.quantity .form-control{
    padding:0 8px!important;
}

#main-nav .dropdown.cart .dropdown-menu-mini-cart {
padding: 10px;
}
#main-nav .dropdown.cart .dropdown-menu-mini-cart ul.woocommerce-mini-cart li.mini_cart_item a {
    width: 226px;
}
#main-nav .dropdown.cart .dropdown-menu-mini-cart ul.woocommerce-mini-cart li.mini_cart_item{
justify-content: center;
padding-bottom:10px;
}
#main-nav .dropdown.cart .dropdown-menu-mini-cart .woocommerce-mini-cart__buttons .button {
    padding: 15px 30px!important;
}
.woocommerce form.checkout_coupon {
    padding: 10px;
    margin: 1em 0;
    display: table;
}
button[name="apply_coupon"] {
    padding: 8px 30px !important;
}
.woo_order_tip_apply, .woo_order_tip_remove {
    margin-bottom: 10px;
}
#order_comments{
    height:80px;
}

element.style {
}
a[title="Customer Pickup"] {
    border-bottom: 2px solid #000;
    font-weight: 700;
    background-color: #60031E;
    margin-bottom: 3px;
    color:#fff!important;
}
a[title="Customer Pickup"]:hover {
    color:#000!important;
}
#yith-wapo-addon-7 .selection-multiple.disabled {
    filter: grayscale(100%);
    opacity: 0.6;
    pointer-events: none;
}
#main-nav .dropdown.cart .basket-item-count {
    position: absolute;
    top: -12px!important;
    right: -12px!important;
    background:#60031E;

}
#main-nav .dropdown.cart .basket-item-count .count {
    padding: 0px!important;
}
#main-nav .nav-right .account a .fa{
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
}

.add-to-cart-container .add_to_cart_button {
   
    display:block!important;
}
.add-to-cart-container .add_to_cart_button {
    display:block!important;
}
.loading:before {
    display: block;
}


@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
