/*
Theme Name: Astra-Child
Theme URI: https://wpastra.com/
Description: Astra Child Theme for Ekaaya
Author: Ekaaya Developer
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Template: astra
Version: 1.0
*/

/* Custom Styles go below this line*/

/*---------------- WCFM Store Manager page customization ----------*/
/* Hide sections on WCFM Dashbord*/

/* Home menu item/ tab */
#wcfm_menu .wcfm_menu_home {
    display: none !important;
}


#wcfm_dashboard .wcfm_dashboard_stats,
#wcfm_dashboard .wcfm_dashboard_wc_reports_sales,
#wcfm_dashboard .wcfm_dashboard_wcfm_product_stats,
#wcfm_dashboard .wcfm_dashboard_more_stats,
#wcfm_dashboard .wcfm_dashboard_wc_reports_pie {
    visibility: hidden;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: relative !important;
}

/*--------------- Home Page customizations ----------------------*/

/* CUSREV – REVIEWS STYLING */

/* Review card background */
.cr-review-card-inner {
    background-color: #FFFAF1 !important;
    border-radius: 14px !important;           /* Rounded edges */
    padding: 12px !important;                 /* Reduce internal spacing */
    border: none !important;
	padding-bottom: 12px !important;
	width: 70%;
}
/* Remove "2 weeks ago" / date text */
.cr-review-card .datetime {
    display: none !important;
}
/* Reduce spacing between internal rows */
.cr-review-card .top-row,
.cr-review-card .middle-row,
.cr-review-card .review-product {
    /*margin-bottom: 4px !important;*/
	margin: 0 !important;
    padding: 0 !important;    
}
.cr-review-card .top-row
{
	margin-bottom: 2px !important;
	padding-bottom: 10px !important
}
/*.cr-review-card .middle-row {
    margin-top: 4px !important;
    padding-top: 0 !important;
}*/

/* Verified Owner tick → white + smaller text */
.cr-review-card .reviewer-verified {
    font-size: 10px !important;
    color: #B8C2A1 !important;
    gap: 4px;
}
/* Verified owner icon (SVG tick) */
.cr-review-card .reviewer-verified img,
.cr-review-card .cr-avatar-check svg {
	color: #B8C2A1 !important;
    /*filter: brightness(0) invert(1); */
}
/* Remove grey divider line below reviewer info */
.cr-review-card hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    border: none !important;
}
/* Also remove divider created via pseudo-elements (safety net) */
.cr-review-card .top-row::after,
.cr-review-card .top-row::before {
    display: none !important;
    content: none !important;
}
/*Stars color + tighter spacing */
.cr-rating-icon-frnt svg {
    fill: #374326 !important;
}
.cr-rating-icon-base svg {
    stroke: #374326 !important;
}
.cr-review-card .rating-row {
    /*margin: 6px 0 8px !important;
	gap: 0 !important;
    margin-bottom: 4px !important;*/
	margin-top: 2px !important;
    padding: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
}
/* Reduce star size (SVG-based stars) */
.cr-review-card .cr-rating-icon,
.cr-review-card .cr-rating-icon-bg {
    width: 16px !important;
    height: 16px !important;
	margin: 0 !important;
}
/* Remove "5/5" rating text next to stars */
.cr-review-card .rating-label {
    display: none !important;
}
/* Review text — slightly smaller & tighter */
.cr-review-card .review-text {
    font-size: 14px;
    line-height: 1.35;
	/*margin-top: 4px !important;*/
}
.cr-review-card .review-text p {
    margin: 0 !important;
    padding: 5px 5px !important;
    line-height: 1.35 !important;
	background-color: #FFFAF1 !important; 
}
.cr-reviews-slider .cr-review-card .middle-row, .cr-reviews-slider .cr-review-card .cr-incentivized-row{
	background-color: #FFFAF1 !important; 
}

/* Product strip more compact */
.cr-review-card .review-product {
    background-color: #FFFAF1 !important;
		/*rgba(255, 255, 255, 0.35) !important;*/
	/*margin-top: 4px !important;*/
    padding: 5px 5px !important;
    border-radius: 10px;
}
/* Product title font */
.cr-review-card .product-title a {
    font-size: 13px;
    font-weight: 600;
}
/* Avatar size slightly reduced */
.cr-review-card .cr-avatar {
    width: 44px !important;
    height: 44px !important;
}

/* Mobile fine-tuning */
@media (max-width: 768px) {
    .cr-review-card-inner {
        padding: 14px !important;
		border: 1px solid #bec5a4 !important; 
    }
  .cr-review-card .review-text {
      max-height: 90px;  /* Restrict height of reviews text swction */
      overflow: hidden;
      position: relative;
      cursor: pointer;
      transition: max-height 0.3s ease;
  }
  /* Only show dots when text is actually clamped */
  .cr-review-card .review-text.is-clamped::after {
      content: '…';
      position: absolute;
      bottom: 6px;
      right: 10px;
      font-weight: bold;
      background: #ffffff;
      padding-left: 4px;
  }
  .cr-review-card .review-text.cr-expanded {
      max-height: 1000px;
  }
  .cr-review-card .review-text.cr-expanded::after {
      display: none;
  }
}



/*---------------Product/Shop Page customizations --------------*/

/* Reduce padding (height) of Product page title section */

.woocommerce-page.ast-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#primary.content-area.primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.ast-archive-description {
    padding-top: 20px !important;  
    padding-bottom: 5px !important;
}

/* Reduce space under Shop page title ("Products") */
/* Remove spacing between Shop title ("Products") and WooCommerce products */
.woocommerce-page .entry-header,
.woocommerce-page h1.entry-title,
.woocommerce-page .ast-archive-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Also target Astra's internal spacing wrapper */
.woocommerce-page .site-main > .ast-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Remove spacing above the product grid */
.woocommerce-page .ast-woocommerce-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Header WooCommerce creates (often empty) */
.woocommerce-products-header {
    margin: 0 !important;
    padding: 0 !important;
}

/*--Remove Sale banner on Product/Shop Page-*/
.ast-on-card-button.ast-onsale-card {
    display: none !important;
    visibility: hidden !important;
}

/* Style the Product/Shop page title specifically */
.woocommerce-products-header .woocommerce-products-header__title.page-title {
    
    font-size: 32px !important;    /* reduce size (adjust as needed) */
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    text-transform: none !important;
}
/*---------Mobile customization for Shop Page --------*/
@media (max-width: 768px) {
    /* Reduce spacing between site logo & Products title*/
	#primary.content-area.primary,
    .site-content .ast-container,
    .ast-archive-description,
    .ast-archive-description .page-title {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
	/* Style the Product/Shop page title specifically*/
	.ast-archive-description .page-title,
    .ast-archive-description .ast-archive-title {
        font-size: 22px !important; /* adjust to your preferred size */
		font-weight: 600 !important;
        line-height: 1.2 !important;
    }
    /* Reduce spacing under the Shop title ("Products") on mobile */
    .woocommerce-page .entry-header,
    .woocommerce-page h1.entry-title,
    .woocommerce-page .ast-archive-title {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    /* Remove spacing above the products on mobile */
    .woocommerce-page .site-main > .ast-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    /* WooCommerce header (empty) on mobile */
    .woocommerce-products-header {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Tighten the product grid gap for smaller screens */
    .woocommerce-page .ast-woocommerce-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
	/* Style the Product title specifically*/
	 .ast-woocommerce-container ul.products li.product a.ast-loop-product__link h2.woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    /* Product Price */
    .woocommerce ul.products li.product .price,
    .woocommerce ul.products li.product .price .woocommerce-Price-amount {
        font-size: 14px !important;      /* adjust to preference */
        line-height: 1.2 !important;
    }
	
}




/* Minimal, targeted mobile active/focus only for the single button class you provided ---- does not work, gray selection color is not removed*/
a.button.product_type_variable.add_to_cart_button:active,
a.button.product_type_variable.add_to_cart_button:focus {
  background: #cb7a5c !important;
  border-color: #cb7a5c !important;
  color: #fff !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}


/*------------------ Single Product Page Customizations -------------*/

/* Add spacing between header/logo and product page content */
.single-product #content.site-content {
    margin-top: 100px !important;   /* adjust value as needed */
}
/* Add bottom Margin to Product Title/name */
.single-product .product_title.entry-title {
    margin-bottom: 12px !important;   /* adjust value as needed */
}

/* Remove extra spacing & align bullets in product short description */
.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child {
	margin-bottom: 0;
}
.woocommerce div.product .woocommerce-product-details__short-description > * {
    margin-top: 0;
}
/*.woocommerce div.product .woocommerce-product-details__short-description > :last-child {
    margin-bottom: 0;
}*/
/* Bullet alignment safety */
.woocommerce div.product .woocommerce-product-details__short-description ul,
.woocommerce div.product .woocommerce-product-details__short-description li {
    margin-left: 0;
    padding-left: 0;
}


/*  STYLE "PURCHASE OPTIONS" LABEL - Desktop*/
 .single-product
  .summary.entry-summary
  form.variations_form
  table.variations
  th.label
  label {
    font-size: 18px;
    font-weight: 600;
    color: #2f3a18;
    letter-spacing: 0.2px;
  }  


/* Hide default price for variable products on single-product page */
.single-product .summary.entry-summary > p.price {
    display: none !important;
  }

 /* HIDE VARIABLE DESCRIPTION BELOW CARDS */
.single-product
  .summary.entry-summary
  form.variations_form
  .single_variation_wrap
  .woocommerce-variation-description {
    display: none !important;
  }
/* HIDE STOCK AVAILABILITY BELOW VARIATION CARDS*/
.single-product
  .summary.entry-summary
  form.variations_form
  .single_variation_wrap
  .woocommerce-variation-availability {
    display: none !important;
  }

/* REMOVE "CLEAR" BUTTON  */
  .single-product
  .summary.entry-summary
  form.variations_form
  table.variations
  td.value
  a.reset_variations {
    display: none !important;
  }

/* Remove the faint separator line above the product_meta section */
.single-product .summary.entry-summary .product_meta {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Also remove any pseudo-element line Astra/Blocksy injects */
.single-product .summary.entry-summary .product_meta::before,
.single-product .summary.entry-summary .product_meta::after {
  content: none !important;
  display: none !important;
}

/* Hide quantity selector on single product page */
.single-product .quantity {
    display: none !important;
}

/*------------------------------------------------------------------------
BELOW CODE IS INVALID IF QUANTITY SELECTOR IS DISABLED - CHECK ABOVE CODE 
-------------------------------------------------------------------------*/

/*- Fix custom +/- quantity buttons formatting(single product) -*/
/* 1.Ensure our custom buttons use inline-flex and match input height */
.single-product .quantity .pl-qty-button,
.single-product .quantity .pl-qty-minus,
.single-product .quantity .pl-qty-plus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;               /* square-ish buttons */
    height: 40px !important;              /* match input height */
    min-width: 40px !important;
    padding: 0 !important;
    border-radius: 6px !important;        /* small radius, not fully round */
    border: 1px solid #dcdcdc !important;
    background: #ffffff !important;
    color: #222 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
/* 2.Ensure the minus/plus characters remain centered and not clipped */
.single-product .quantity .pl-qty-button > * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
/* 3.Ensure the quantity input aligns with buttons and is not rounded */
.single-product .quantity input.qty,
.single-product .quantity input[type=number] {
    width: 56px !important;               /* input width (adjust if needed) */
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 8px !important;
    text-align: center !important;
    border-left: none !important;         /* visually join with buttons */
    border-right: none !important;
    border-top: 1px solid #dcdcdc !important;
    border-bottom: 1px solid #dcdcdc !important;
    border-radius: 0 !important;          /* remove rounding on input */
    box-sizing: border-box !important;
    font-size: 16px !important;
    background: #fff !important;
}
/* 4.Tighten button + input adjacent borders so they look like one control */
.single-product .quantity .pl-qty-minus {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.single-product .quantity .pl-qty-plus {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.single-product .quantity .pl-qty-minus {
    border-right: 1px solid #dcdcdc !important;
}
.single-product .quantity .pl-qty-plus {
    border-left: 1px solid #dcdcdc !important;
}
/* 5.If your theme applies box-shadow or outline on :focus, keep custom focus minimal */
.single-product .quantity .pl-qty-button:focus,
.single-product .quantity input.qty:focus {
    outline: 2px solid rgba(0,85,170,0.08) !important;
    box-shadow: none !important;
}



/* Fix WooCommerce tabs displaying as full sections */
.woocommerce div.product .woocommerce-Tabs-panel {
    display: none; /* Hide panels by default */
}
.woocommerce div.product .woocommerce-Tabs-panel.active {
    display: block; /* Show only the active tab */
}
/* Remove dotted focus/selection outlines on WooCommerce tabs */
.woocommerce-tabs .tabs li a:focus,
.woocommerce-tabs .tabs li a:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================================
   VARIATION CARDS
   ========================================= */

.ekaaya-variation-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: -20px 0 18px;
}

/* CARD */
.ekaaya-variation-card {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1.5px solid #cfd8c8;
  border-radius: 12px;
  padding: 10px 12px;
  background: #FFFAF1;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* ACTIVE */
.ekaaya-variation-card.active {
  border-color: #5b6f2d;
  background: #eef3ea;
}

/* DISABLED */
.ekaaya-variation-card.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/* RADIO INDICATOR */
.ekaaya-radio {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid #cfd8c8;
  flex-shrink: 0;
  position: relative;
}

.ekaaya-variation-card.active .ekaaya-radio {
  border-color: #5b6f2d;
}

.ekaaya-variation-card.active .ekaaya-radio::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #5b6f2d;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* LEFT */
.ekaaya-var-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.ekaaya-var-title {
  font-size: 16px;
  font-weight: 600;
  color: #2f3a18;
}
.ekaaya-var-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* REMOVE DEFAULT GREY DESCRIPTION */
.ekaaya-var-desc {
  display: none !important;
}

/* BADGE */
.ekaaya-var-badge {
  background: #374326;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 6px;
  width: fit-content;
}

/* RIGHT */
.ekaaya-var-right {
  text-align: right;
}
.ekaaya-var-price {
  font-size: 16px;
  font-weight: 600;
  color: #2f3a18;
}
.ekaaya-var-each {
  font-size: 15px;
  font-weight: 500;
  color: #2f3a18;
}
.ekaaya-var-mrp {
  font-size: 12px;
  color: #8c8c8c;
  text-decoration: line-through;
}
/* HIDE DROPDOWN */
.single-product table.variations select {
  display: none !important;
}

/* Add padding between Vraitaion Card and Add to Cart Button */
.single-product .woocommerce-variation-add-to-cart {
    margin-top: 24px;        /* space from variation cards */
    padding-top: 8px;        /* extra tap safety */
    position: relative;
    z-index: 5;
  }

/* Hide WooCommerce variation price below variation cards */
.single-product 
.summary.entry-summary 
.woocommerce-variation-price {
  display: none !important;
}



/* Format - Applies to ALL content inside Reviews tab */
.single-product #tab-reviews,
.single-product #tab-reviews * {
  font-size: 18px !important;   
}
woocommerce-js #reviews .comment-form-rating .stars a {
position: relative;
top: 0px;
}



/*---------Mobile customizations for Single Product Page ----------*/
/*Remove lines under CLEAR and under quantity/add-to-cart (mobile only) */

@media only screen and (max-width: 768px) {
  /* Line under CLEAR (comes from table.variations row border) */
  .single-product .summary.entry-summary table.variations,
  .single-product .summary.entry-summary table.variations tr,
  .single-product .summary.entry-summary table.variations td,
  .single-product .summary.entry-summary table.variations th {
    border: none !important;
  }
  /* Astra/Blocksy often adds border-top to the "value" cell */
  .single-product .summary.entry-summary table.variations td.value {
    border-top: none !important;
  }
  /* Remove faint separator just above Price / Availability */
  .single-product .summary.entry-summary .woocommerce-variation-add-to-cart,
  .single-product .summary.entry-summary .single_variation_wrap {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* Remove line directly under Quantity + Add to Cart */
  .single-product .summary.entry-summary form.cart,
  .single-product .summary.entry-summary .variations_form,
  .single-product .summary.entry-summary .variations_button {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }
  /* Some Astra/Blocksy builds add ::before pseudo-lines */
  .single-product .summary.entry-summary form.cart::before,
  .single-product .summary.entry-summary form.cart::after,
  .single-product .summary.entry-summary .variations_form::before,
  .single-product .summary.entry-summary .variations_form::after {
    content: none !important;
    display: none !important;
  }

/* Global font reduction for Reviews tab */
  .single-product #tab-reviews,
  .single-product #tab-reviews * {
    font-size: 14px !important;
    line-height: 1.4;
  }
  /* Reset comment container */
  .woocommerce #reviews .comment-text {
    display: block;
    padding-left: 0;
  }
  /* ===== STAR RATING ===== */
  /* Hide the text but keep stars */
  .woocommerce #reviews .star-rating span {
    color: transparent !important;      /* hides text */
  }
  /* Ensure star icons remain visible */
  .woocommerce #reviews .star-rating span::before {
    color: #f5a623 !important;           /* star color */
    visibility: visible;
  }
  /* Extra safety: prevent text rendering artifacts */
  .woocommerce #reviews .star-rating {
    overflow: hidden;
  }
	.woocommerce #reviews .review-rating {
    display: block;
    margin-bottom: 4px;
  }
  .woocommerce #reviews .star-rating {
    display: flex !important;
    align-items: center !important;
    height: 14px !important;
    line-height: 14px !important;
    margin: 0 0 6px 0 !important;
    vertical-align: top !important;
  }
  .woocommerce #reviews .star-rating span {
    display: flex !important;
    align-items: center !important;
    height: 14px !important;
    line-height: 14px !important;
  }
  .woocommerce #reviews .star-rating span::before {
    font-size: 14px !important;
    line-height: 14px !important;
    height: 14px !important;
    display: block;
  }
  /* ===== META (AUTHOR / VERIFIED / DATE) ===== */
  .woocommerce #reviews .comment-text .meta {
    display: block;
    margin: 0 0 6px 0;
  }
  .woocommerce #reviews .woocommerce-review__author,
  .woocommerce #reviews .woocommerce-review__verified,
  .woocommerce #reviews .woocommerce-review__published-date {
    font-size: 13px !important;
  }
  /* ===== REVIEW CONTENT ===== */
  .woocommerce #reviews .comment-text .description p {
    margin-top: 4px;
    font-size: 14px !important;
  }
/* ===== AVATAR (stabilizes layout) ===== */
  .woocommerce #reviews .commentlist li img.avatar {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
}

/* MOBILE TYPOGRAPHY — Product Title, Short Description, and Tab Headers */
@media only screen and (max-width: 768px) {
  /* 1) Product Title */
  html body.single-product .summary.entry-summary h1.product_title.entry-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
	margin-bottom: 6px !important;
  }
  /* 2) Product Short Description */
  html body.single-product .summary.entry-summary 
  .woocommerce-product-details__short-description {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #444 !important;
  }
  /* 3) Tab Header Text: "Description" & "Reviews" */
  html body.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs li a {
    font-size: 16px !important;
    font-weight: 600 !important;
	font-family: "Roboto", sans-serif !important;
    padding: 0.35rem 0.55rem !important;
    white-space: nowrap !important;
  }
   /* 4) PRICE (regular, sale, variation price)  */
  html body.single-product .summary.entry-summary .price,
  html body.single-product .summary.entry-summary p.price,
  html body.single-product .summary.entry-summary .woocommerce-variation-price .price,
  html body.single-product .summary.entry-summary .single_variation .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }
  /* 5) STRIKE-THROUGH SALE PRICE (del/ins) */
  html body.single-product .summary.entry-summary .price del,
  html body.single-product .summary.entry-summary .price ins {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  /* 6) VARIATION LABEL (Purchase Options:)  */
  html body.single-product .summary.entry-summary table.variations th.label label {
    font-size: 16px !important;
    font-weight: 700 !important;
	color: #2f3a18 !important;
    line-height: 1.3 !important;
  }
 /* 7) VARIATION SELECT DROPDOWN  */
  html body.single-product .summary.entry-summary table.variations td.value select,
  html body.single-product .summary.entry-summary .variations select {
    font-size: 13px !important;
    padding: 0.45rem 0.6rem !important;
    line-height: 1.3 !important;
  }
  /* 8) Dropdown option font */
  html body.single-product .summary.entry-summary select option {
    font-size: 13px !important;
  }
	
  /* 9) "Clear" link (reset variations) */
  html body.single-product .summary.entry-summary a.reset_variations {
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  /* 10) Discount text  */
  html body.single-product .summary.entry-summary .woocommerce-variation-description,
  html body.single-product .summary.entry-summary .woocommerce-variation-description p {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  /* 11) Product Description text (inside Description & Reviews tab) Change font type + size */
  html body.single-product .woocommerce-Tabs-panel--description,
  html body.single-product .woocommerce-Tabs-panel--description p,
  html body.single-product .woocommerce-Tabs-panel--description li,
	html body.single-product .woocommerce-Tabs-panel--description span{
 /* html body.single-product .woocommerce-Tabs-panel--reviews,
  html body.single-product .woocommerce-Tabs-panel--reviews p,
  html body.single-product .woocommerce-Tabs-panel--reviews li,
  html body.single-product .woocommerce-Tabs-panel--reviews span {
   /* font-family: "Roboto", sans-serif !important;*/
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #68604d !important;
  }

}


/*--------------------Cart Page --------------------*/


/*- Hide WooCommerce product added to cart deafult message -*/
.woocommerce .woocommerce-notices-wrapper {
    display: none !important;
}
/*- Hide WooCommerce empty cart default message -*/
.woocommerce .cart-empty.woocommerce-info {
    display: none !important;
}

/*- WooCommerce Cart table customization -*/
/*CART TABLE HEADER CUSTOMIZATION (#bec5a4)-*/
/* 1. Target main thead wrappers */
.woocommerce table.shop_table.cart thead,
.woocommerce-cart .shop_table.cart thead,
.shop_table.cart thead,
.table.shop_table thead {
    background: #bec5a4 !important;
    background-color: #bec5a4 !important;
    background-image: none !important;
}
/* 2. Target header cells */
.woocommerce table.shop_table.cart thead th,
.woocommerce-cart .shop_table.cart thead th,
.shop_table.cart thead th,
.table.shop_table thead th {
    background: #bec5a4 !important;
    background-color: #bec5a4 !important;
    color: #333 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #e1e1e1 !important;
}
/* 3. Remove pseudo-element backgrounds */
.woocommerce table.shop_table.cart thead::before,
.woocommerce table.shop_table.cart thead::after,
.shop_table.cart thead::before,
.shop_table.cart thead::after,
.woocommerce table.shop_table.cart thead th::before,
.woocommerce table.shop_table.cart thead th::after {
    content: none !important;
    background: transparent !important;
    display: none !important;
}
/* 4. Theme-wrapped header fallback */
.woocommerce .woocommerce-cart .shop_table.cart thead,
.woocommerce .woocommerce-cart .shop_table thead {
    background: #bec5a4 !important;
}
/* 5. Final fallback — force header row color */
.woocommerce .shop_table.cart thead tr,
.shop_table.cart thead tr {
    background: #bec5a4 !important;
}
/* 6. Remove left & right padding around totals */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cross-sells {
    padding: 0 !important;
}

/* ADD TOP PADDING ABOVE CART TABLE-*/
.woocommerce-cart .woocommerce-cart-form {
    padding-top: 20px !important; /* Adjust as needed */
}


/*- Reduce width of Proceed to Checkout button (fixed width)-*/
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 260px !important;       /* adjust value */
    max-width: 100%;
    display: block;
    margin: 0 auto;                /* center the button */
}

/* Cart Totals header box height + background + text */
.cart_totals h2 {
    background: #374326 !important;
    color: #FFFAF1 !important;
    padding: 12px 18px !important; /* reduces height */
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
/*  Reduce size of Proceed to Checkout button */
.cart_totals .wc-proceed-to-checkout a.checkout-button {
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
}
/* Make "Free Shipping" text match the style of 'Shipping to Maharashtra' code has min-width 769, so as not to conflict with mobile*/
@media (min-width: 769px) {
    .cart_totals ul.woocommerce-shipping-methods li label {
        font-size: 20px !important; /* adjust your preferred size */
        font-weight: 400 !important;
        color: #4B6428 !important;
        line-height: 1.3 !important;
    }
}
/*- Fully hide native browser arrows (Chrome, Edge, Safari) - */
.single-product .quantity input[type=number]::-webkit-inner-spin-button,
.single-product .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* 1. Hide commonly-used theme/plugin qty controls (desktop + hover pseudo elements) */
/* add !important and many selectors to catch hover-revealed elements */
.single-product .quantity .increase,
.single-product .quantity .decrease,
.single-product .quantity .plus,
.single-product .quantity .minus,
.single-product .quantity .qty-increment,
.single-product .quantity .qty-decrement,
.single-product .quantity .qty-btn,
.single-product .quantity .qty-icon,
.single-product .quantity button:not(.pl-qty-button),
.single-product .quantity > span > button:not(.pl-qty-button),
.single-product .quantity .input-spinner,
.single-product .quantity .spin-button,
.single-product .quantity .wc-quantity-spinner,
.single-product .quantity .quantity__button,
.single-product .quantity .qty-wrap button {
    display: none !important;
    visibility: hidden !important;
	content: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* 2.Also hide pseudo elements that themes sometimes use to show arrows on hover */
.single-product .quantity .increase::before,
.single-product .quantity .increase::after,
.single-product .quantity .decrease::before,
.single-product .quantity .decrease::after,
.single-product .quantity button::before,
.single-product .quantity button::after,
.single-product .quantity .plus::before,
.single-product .quantity .minus::before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}



/*-------------Cart Page Mobile Customization-------------*/

@media (max-width: 768px) {

    /* Cart Page Title */
    body.woocommerce-cart .entry-header .entry-title {
        font-size: 22px !important;
    }

    /* Force compact typography inside cart rows */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item,
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td {
        line-height: 1.15 !important;
        font-size: 13px;
    }

    /* Main cart row grid layout */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item {
        display: grid !important;
        grid-template-columns: 1fr 44px;
        grid-auto-rows: min-content;
        gap: 1px 8px; /* tighter vertical spacing */
        padding: 10px !important;
        margin-bottom: 10px !important;
        box-sizing: border-box;
        border-bottom: 1px solid #d3dec8;
    }
/* Normalize grid row heights for Price / Quantity / Subtotal 
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item {
        grid-auto-rows: max-content;
    }
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item
    > td.product-price,
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity,
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal {
        min-height: 0 !important;
        align-self: start;
    }*/

    /* Remove padding bloat from ALL cells */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td {
        display: block !important;
        padding: 2px 0 !important;
        margin: 0 !important;
        border: none !important;
        width: 100%;
        box-sizing: border-box;
    }
    /* Remove button */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-remove {
        grid-column: 2 / 3;
        grid-row: 1 / -1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }
    /* Thumbnail */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-thumbnail {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        padding: 4px 0 !important;
        display: flex !important;
        align-items: center;
    }
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-thumbnail img {
        width: 60px;
        height: auto;
    }

    /* Product name */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-name {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        font-size: 13px;
        line-height: 1.25;
        color: #3c631a;
        padding: 2px 0 !important;
        margin: 0 !important;
    }

    /* Price */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-price {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        padding: 0 !important;
        margin: 0 !important;
		/*margin-bottom: -4px !important;*/
    }
	
	/* Quantity (TEXT ONLY) */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-quantity {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        display: flex !important;
        align-items: center;
        gap: 4px;
        padding: 0 !important;
        margin: 0 !important;
    }
    .cart-qty-text {
        font-size: 13px;
        line-height: 1.15;
        min-width: 12px;
    }
	/* Ensure Quantity text is left aligned */
	    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-quantity {
        justify-content: flex-start !important;
        text-align: right !important;
        display: block !important;
    }

    /* Subtotal */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item > td.product-subtotal {
        grid-column: 1 / 2;
        grid-row: 5 / 6;
        padding: 0 !important;
        margin: 0 !important;
    }

	/* Remove bottom border on last item */
    table.shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item:last-of-type {
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Coupon field */
    .woocommerce-cart .cart .actions .input-text#coupon_code {
        font-size: 14px !important;
    }
    .woocommerce-cart .cart .actions button[name="apply_coupon"] {
        font-size: 14px !important;
        border: none !important;
    }
	
	
  /*GENERAL FONT SIZE of Cart Table Items*/
  tr.woocommerce-cart-form__cart-item.cart_item td {
    font-size: 14px;
  }
	/*Cart Totals header box – smaller height + new color + font size */
    .cart_totals h2 {
       /* background: #DDCAA1 !important;
        color: #4B6428 !important;*/
		background: #374326 !important;
        color: #FFFAF1 !important;
        padding: 10px 14px !important;
        font-size: 16px !important; /* mobile-specific */
        font-weight: 700 !important;
        margin: 0 !important;
    }
    /* Reduce Checkout button size on mobile */
   .cart_totals .wc-proceed-to-checkout a.checkout-button,
    .cart_totals .wc-proceed-to-checkout a.button.alt.checkout-button {
        font-size: 14px !important;
        padding: 10px 22px !important;
        border-radius: 30px !important;
		border: none !important;
        width: fit-content !important; /* prevents full width */
        margin: 0 auto !important;     /* center the button */
        display: block !important;
    }

    /* Reduce font size for ALL elements in Cart Totals*/ 
    .cart_totals table th,
    .cart_totals table td,
    .cart_totals table td span,
    .cart_totals table td strong,
    .woocommerce-shipping-destination,
    .shipping-calculator-button {
        font-size: 14px !important;
    }
    /* Also reduce spacing in table rows */
    .cart_totals table th,
    .cart_totals table td {
        padding: 8px 0 !important;
    }
	/*Add padding to the inner box*/
	.cart_totals table.shop_table,
    .cart_totals .wc-proceed-to-checkout {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
	/*Format Free Shipping Label */
	 .cart_totals ul.woocommerce-shipping-methods li label {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #4B6428 !important; /* optional */
        line-height: 1.3 !important;
    }
}




/*-----------------Style the Checkout page title  ---- (DISABLED)
.woocommerce-checkout .entry-title,
.woocommerce-checkout .woocommerce-checkout-header .entry-title,
.woocommerce .checkout .entry-title {
    color: #bec5a4 !important;
}
*/

/*----------------- Checkout page customizations -------------------*/

/*- Style the Create an Account section on Checkout page -*/
.woocommerce-checkout .woocommerce-account-fields {
    background-color: #bec5a4 !important;
    color: #492c1e !important;
	margin-top: 30px !important;
    padding: 10px !important;
    border-radius: 12px !important; /* rounded corners */
}
/*2.Ensure all text inside stays customized*/
.woocommerce-checkout .woocommerce-account-fields label,
.woocommerce-checkout .woocommerce-account-fields p,
.woocommerce-checkout .woocommerce-account-fields span,
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox {
    color: #492c1e !important;
}
/* 3.Better checkbox alignment */
.woocommerce-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* 4. Password link text, if checkbox is selected */
.create-account-note {
    margin-top: 12px;
    color: #ffffff !important;
    font-size: 14px;
}

/*  Hide Subscribe to Newsletter Option on Checkout page */
.woocommerce-checkout .hostinger-reach-optin.form-row {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Reduce width of Place Order button on checkout page (fixed width) */
body.woocommerce-checkout #place_order {
    width: 260px !important;
    float: none !important;
}
body.woocommerce-checkout .form-row.place-order {
    text-align: center !important; /* ensure parent centers inline button */
}

/* Center align Google Login button */
div.nsl-container[data-align="left"] {
    text-align: center;
}

/* Hide CusRev review consent checkbox on checkout */
.woocommerce-checkout .cr-customer-consent {
    display: none !important;
}

/* Privacy Policy text Font for Desktop*/
@media (min-width: 769px) {

    .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
    .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

}

/*------------- Checkout page Mobile customizations ----------------*/
@media (max-width: 768px) {
/* Checkout Header Font*/
    body.woocommerce-checkout .entry-header .entry-title {
        font-size: 22px !important; /* adjust as needed */
        line-height: 1.2 !important;
    }
	/* Privacy Policy text Font*/
	.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
    .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {
        font-size: 9px !important;
        line-height: 1.4 !important;
    }

}


/* ----------------- My Account Page Customizations ----------------*/

/* MY ACCOUNT PAGE — BUTTON (login / register) COLOR OVERRIDES ONLY */
body.woocommerce-account .menu-toggle,
body.woocommerce-account button,
body.woocommerce-account .ast-button,
body.woocommerce-account .ast-custom-button,
body.woocommerce-account .button,
body.woocommerce-account input#submit,
body.woocommerce-account input[type="button"],
body.woocommerce-account input[type="submit"],
body.woocommerce-account input[type="reset"],
body.woocommerce-account #comments .submit,
body.woocommerce-account .search .search-submit,
body.woocommerce-account form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
body.woocommerce-account .wp-block-file .wp-block-file__button,
body.woocommerce-account .woocommerce-js a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce .woocommerce-message a.button,
body.woocommerce-account .woocommerce #respond input#submit.alt,
body.woocommerce-account .woocommerce input.button.alt,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce input.button:disabled,
body.woocommerce-account .woocommerce input.button:disabled[disabled],
body.woocommerce-account .woocommerce #respond input#submit,
body.woocommerce-account .woocommerce button.button.alt.disabled,
body.woocommerce-account .wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
body.woocommerce-account .wc-block-grid__product-onsale,
body.woocommerce-account [class*="wc-block"] button,
body.woocommerce-account .woocommerce-js .astra-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping),
body.woocommerce-account .woocommerce-js .astra-cart-drawer .woocommerce-mini-cart__buttons a.checkout,
body.woocommerce-account .woocommerce button.button.alt.disabled.wc-variation-selection-needed,
body.woocommerce-account [class*="wc-block"] .wc-block-components-button {

    background-color: #CB7A5C !important;   /* Normal state background */
    color: #FFFFFF !important;              /* Text color */
    border-color: #CB7A5C !important;
    border-radius: 8px !important;
    transition: background-color .15s ease, color .15s ease;
	margin-top: 10px !important;

}

/* -------------------------------------------
   HOVER STATE — My Account page only
   ------------------------------------------- */
body.woocommerce-account .menu-toggle:hover,
body.woocommerce-account button:hover,
body.woocommerce-account .ast-button:hover,
body.woocommerce-account .ast-custom-button:hover,
body.woocommerce-account .button:hover,
body.woocommerce-account input#submit:hover,
body.woocommerce-account input[type="button"]:hover,
body.woocommerce-account input[type="submit"]:hover,
body.woocommerce-account input[type="reset"]:hover,
body.woocommerce-account #comments .submit:hover,
body.woocommerce-account .search .search-submit:hover,
body.woocommerce-account form[class*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
body.woocommerce-account .wp-block-file .wp-block-file__button:hover,
body.woocommerce-account .woocommerce-js a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce .woocommerce-message a.button:hover,
body.woocommerce-account .woocommerce #respond input#submit.alt:hover,
body.woocommerce-account .woocommerce input.button.alt:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
body.woocommerce-account [class*="wc-block"] button:hover,
body.woocommerce-account .woocommerce-js .astra-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover,
body.woocommerce-account .woocommerce-mini-cart__buttons a.checkout:hover,
body.woocommerce-account [class*="wc-block"] .wc-block-components-button:hover {

    background-color: #757F64 !important;   /* Hover background */
    color: #FFFFFF !important;
    border-color: #757F64 !important;
	

}

/* Add spacing above Login/Register header */
body.woocommerce-account .entry-title,
body.woocommerce-account h2 {
    margin-top: 50px !important;
}

/* Style 'Register Now' text */
.ekaaya-register-prefix {
    font-size: 14px;
    color: #cb7a5c !important;
    font-weight: 500;
    margin-bottom: 12px !important;
}

/* Reduce font size of WooCommerce privacy policy text */
body.woocommerce-account .woocommerce-privacy-policy-text,
body.woocommerce .woocommerce-privacy-policy-text {
    font-size: 10px !important;
    line-height: 1.4;
}

/* Reduce the gap between Login/Register titles and their form boxes */
/* 1) Tighten spacing between Login/Register headings and their boxes (My Account page only) */
body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2,
body.woocommerce-account .woocommerce-form-login h2,
body.woocommerce-account .woocommerce-form-register h2 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;   /* adjust smaller/larger as needed */
}
/* Remove extra space between the heading and the form container */
body.woocommerce-account .u-column1 .woocommerce-form-login,
body.woocommerce-account .u-column2 .woocommerce-form-register,
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
  margin-top: 4px !important;      /* shrink gap between heading and form */
  padding-top: 12px !important;    /* optional: keep container inner padding balanced */
}


/*Reduce Login/Register header font size */
body.woocommerce-account h2 {
font-size:25px !important;
}

/* Equal height Login & Register containers */
body.woocommerce-account .u-columns {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
    display: flex;
    flex-direction: column;
}

body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
    height: 100%;
    min-height: 420px; /* adjust as needed to match your design */
}

/* Reduce font size of the password-reset instruction text  */
body.woocommerce-account form.woocommerce-form-register > p:nth-of-type(2) {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #444 !important;     /* optional: tweak color */
  margin-top: 6px !important; /* optional: tighten spacing above/below */
  margin-bottom: 10px !important;
}
/* Extra fallback: if the paragraph appears as the 3rd child in some themes, also cover it */
body.woocommerce-account form.woocommerce-form-register > p:nth-of-type(3) {
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #444 !important;
}
/* Ensure 'Password' wrapper is positioned correctly */
body.woocommerce-account span.password-input {
  position: relative !important;
  display: block !important;           /* full-width wrapper */
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Position the show/hide button absolutely and center it vertically */
body.woocommerce-account span.password-input .show-password-input {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* Remove unwanted <br> tags inside WooCommerce form rows to reduce spacing between each label & input fields like Username etc*/
body.woocommerce-account p.form-row br,
body.woocommerce-account .woocommerce-form-login br,
body.woocommerce-account .woocommerce-form-register br {
    display: none !important;
}

/* Hide My Account page default woocommerce navigation pane */
.woocommerce-MyAccount-navigation{display:none;}
.woocommerce-account .woocommerce-MyAccount-content{width:100%;}
.site-header{
position: sticky;
position: -webkit-sticky;
top: -1rem;
}

/* Hide My Account top Icons for non-logged-in users; show for logged-in users */
#top-grid-icons { display: none !important; }
body.logged-in #top-grid-icons { display: block !important; }



/* -----------------------------My Account page customization for mobile ------------------------ */
@media (max-width: 768px)
 {

  /* STACK columns vertically and ensure full-width boxes */
  body.woocommerce-account .u-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin-top: 2px !important; /* smaller gap under logo */
  }
  body.woocommerce-account .u-column1,
  body.woocommerce-account .u-column2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Outer box padding (content ↔ border) */
  body.woocommerce-account .woocommerce-form-login,
  body.woocommerce-account .woocommerce-form-register,
  body.woocommerce-account .u-column1 .woocommerce-form-login,
  body.woocommerce-account .u-column2 .woocommerce-form-register {
    padding: 20px !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  /* If the form element itself exists as a direct child, keep it neutral */
  body.woocommerce-account .woocommerce-form-login > form,
  body.woocommerce-account .woocommerce-form-register > form {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Headings: reduce spacing and keep readable */
  body.woocommerce-account .u-columns h2,
  body.woocommerce-account .woocommerce-form-login h2,
  body.woocommerce-account .woocommerce-form-register h2 {
    margin-top: 2px !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
    text-align: left !important;
    display: block !important;
  }

	/* Remove the <br> that creates extra vertical spacing between label and input */
body.woocommerce-account p.form-row br {
    display: none !important;
}

  /* Labels: small & tight under-heading spacing */
  body.woocommerce-account p.form-row label,
  body.woocommerce-account .woocommerce-form-login label,
  body.woocommerce-account .woocommerce-form-register label {
    font-size: 12px !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.2 !important;
    display: block !important;
 }

  /* Inputs: compact, full-width, no extra margin */
  body.woocommerce-account input.input-text,
  body.woocommerce-account input[type="email"],
  body.woocommerce-account input[type="password"],
  body.woocommerce-account textarea,
  body.woocommerce-account .woocommerce-Input,
  body.woocommerce-account select {
    font-size: 12px !important;
    height: 36px !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Reduce gap between rows / elements */
  body.woocommerce-account p.form-row,
  body.woocommerce-account .form-row {
    margin: 0 0 1px 0 !important;
    padding: 0 !important;
  }
  body.woocommerce-account .woocommerce-form-login p.form-row label,
  body.woocommerce-account .woocommerce-form-register p.form-row label {
    display: block !important;
    margin: 0 0 2px 0 !important;            /* label -> input gap */
    padding: 0 !important;
    line-height: 1.15 !important;
  }
/* Ensure inputs don't add extra top margin */
  body.woocommerce-account .woocommerce-form-login input.input-text,
  body.woocommerce-account .woocommerce-form-register input.input-text,
  body.woocommerce-account .woocommerce-form-login input,
  body.woocommerce-account .woocommerce-form-register input {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
  }
	 
/* Center-align the show-password icon vertically */
  body.woocommerce-account span.password-input input.woocommerce-Input,
  body.woocommerce-account span.password-input input.input-text {
    padding-right: 20px !important;
  }
  body.woocommerce-account span.password-input .show-password-input {
    right: 10px !important;
    width: 15px !important;
    height: 15px !important;
  }

	 
  /* Nextend / Google button: compact single-line, smaller icon */
  body.woocommerce-account .nextend-social-login-wrap,
  body.woocommerce-account .nsl-container,
  body.woocommerce-account .nsl-container-buttons {
    margin: 4px 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  body.woocommerce-account .nsl-container a,
  body.woocommerce-account .nsl-button,
  body.woocommerce-account .nsl-button-default,
  body.woocommerce-account .nsl-button-google {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    height: auto !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.woocommerce-account .nsl-button-svg-container svg {
    width: 22px !important;
    height: 20px !important;
  }
  body.woocommerce-account .nsl-button-label-container {
    font-size: 13px !important;
  }
	 
/* Compact & vertically-centered "Remember me" */
body.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: inline-flex !important;       /* keep checkbox + text on one line */
  align-items: center !important;        /* vertical center alignment */
  gap: 8px !important;                   /* small gap between checkbox and text */
  margin: 0 auto 8px auto !important;    /* center the row horizontally, small bottom gap */
  padding: 0 !important;
  line-height: 1 !important;
}
/* Hide stray line-breaks inside the label that cause extra spacing */
body.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox br {
  display: none !important;
}
 
  /*Tighten spacing between Google button, checkbox and login button */
  body.woocommerce-account .nextend-social-login-wrap { margin-bottom: 2px !important; }
  body.woocommerce-account .woocommerce-form-login .form-row .woocommerce-form__label-for-checkbox,
  body.woocommerce-account .woocommerce-form-login .form-row input[type="checkbox"] {
    margin-bottom: 4px !important;
  }
  body.woocommerce-account .woocommerce-form-login .form-row,
  body.woocommerce-account .form-row { margin-bottom: 8px !important; }

	 /* Reduce gap between Google button and Remember me checkbox */
  body.woocommerce-account .nextend-social-login-wrap,
  body.woocommerce-account .nsl-container,
  body.woocommerce-account .nsl-container-buttons {
    margin: 2px 0 !important;                /* tighten wrapper */
    padding: 0 !important;
  }
  body.woocommerce-account .nsl-container a,
  body.woocommerce-account .nsl-button {
    margin: 2px 0 !important;                /* tighten provider button gap */
    padding: 6px 10px !important;
  }
  /* direct sibling: if Google is immediately followed by the checkbox container, tighten it */
  body.woocommerce-account .nextend-social-login-wrap + .form-row,
  body.woocommerce-account .nsl-container + .form-row {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
	 
 /*  Reduce large gap before 'Lost your password?' and shrink bottom padding */
  /* Reduce bottom padding of the form box so lost-password sits nearer the border */
  body.woocommerce-account .woocommerce-form-login {
    padding-bottom: 6px !important;         /* less space below content */
  }
	 
  /* Login & Register buttons: 50% width and centered */
  body.woocommerce-account .u-column1 .woocommerce-form-login .woocommerce-Button,
  body.woocommerce-account .u-column1 .woocommerce-form-login button.button,
  body.woocommerce-account .woocommerce-form-login .woocommerce-Button,
  body.woocommerce-account .u-column2 .woocommerce-form-register .woocommerce-Button,
  body.woocommerce-account .u-column2 .woocommerce-form-register button.button,
  body.woocommerce-account .woocommerce-form-register .woocommerce-Button {
    display: block !important;
    width: 50% !important;
    max-width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

  /* buttons smaller height */
  body.woocommerce-account .woocommerce-Button,
  body.woocommerce-account button.button,
  body.woocommerce-account input.button {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  /* Login button visual spacing and padding tweaks */
  body.woocommerce-account .woocommerce-form-login .woocommerce-Button { margin-top: 6px !important; margin-bottom: 8px !important; }
  body.woocommerce-account .woocommerce-form-register .woocommerce-Button { margin-top: 6px !important; margin-bottom: 8px !important; }

  /* Lost your password: smaller font */
  body.woocommerce-account .lost_password,
  body.woocommerce-account a.lost_password,
  body.woocommerce-account .woocommerce-LostPassword,
  body.woocommerce-account .woocommerce-LostPassword a,
  body.woocommerce-account p.lost_password {
    font-size: 12px !important;
    margin-top: 8px !important;
    color: #757f64 !important;
    display: inline-block !important;
  }

  /* Privacy / helper text smaller and readable */
  body.woocommerce-account .woocommerce-privacy-policy-text,
  body.woocommerce-account .woocommerce-privacy-policy-text p,
  body.woocommerce-account form.woocommerce-form-register > p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 6px 0 !important;
  }

  /* Ensure no overflow from large paddings or borders */
  body.woocommerce-account .woocommerce-form-login,
  body.woocommerce-account .woocommerce-form-register { overflow: visible !important; }
	 
 /* Extra safety: remove any large min-height or padding that can push items apart */
  body.woocommerce-account .woocommerce-form-login .woocommerce-Input,
  body.woocommerce-account .woocommerce-form-register .woocommerce-Input,
  body.woocommerce-account .woocommerce-form-login .form-row,
  body.woocommerce-account .woocommerce-form-register .form-row {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

/* -------------Orders page ---------------*/
	 
   /* REMOVE BORDERS ONLY ON ORDERS LIST PAGE */
  body.woocommerce-account.woocommerce-orders table.woocommerce-orders-table,
  body.woocommerce-account.woocommerce-orders table.shop_table,
  body.woocommerce-account.woocommerce-orders table.shop_table_responsive {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  /* EACH ORDER AS CARD */
  body.woocommerce-account .woocommerce-orders-table__row {
    display: block !important;
    background: #cfd8c8 !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 16px 18px !important;
    margin-bottom: 20px !important;
  }
  /* REMOVE ALL INNER BORDERS */
  body.woocommerce-account .woocommerce-orders-table__row td,
  body.woocommerce-account .woocommerce-orders-table__row th {
    border: none !important;
  }
  /* FORCE LEFT ALIGNMENT */
  body.woocommerce-account 
  .woocommerce-orders-table__row td,
  body.woocommerce-account 
  .woocommerce-orders-table__row th,
  body.woocommerce-account 
  .woocommerce-orders-table__row p {
    text-align: left !important;
    margin: 0px !important;
	padding-left: 2px !important;
  }
  /* ORDER NUMBER BLOCK */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-number {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #4f5f3a !important;
    margin-bottom: 10px !important;
  }
  /* REMOVE <br> INSIDE ORDER NUMBER */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-number br {
    display: none !important;
  }
  /* ADD "ORDER ID" LABEL BEFORE NUMBER */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-number a::before {
    content: "Order ID: ";
    font-weight: 500;
    color: #4f5f3a;
  }
  /* REDUCE GAP BETWEEN ORDER DETAILS */
  body.woocommerce-account 
  .woocommerce-orders-table__cell {
    padding: 6px 0 !important;
  }
 /* ACTIONS CONTAINER */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
    margin-top: 14px !important;
  }
  /* BUTTON WRAPPER (P TAG) */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-actions p {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;        /* space between buttons */
    margin: 0 !important;
  }
  /* INDIVIDUAL ACTION BUTTONS */
  body.woocommerce-account 
  .woocommerce-orders-table__cell-order-actions a {
    min-width: 96px;             /* keeps buttons uniform */
    text-align: center;
  }
	 
}



/*-------------------- Reviews Page Customization---------------*/

/* GRID */
.elementor-shortcode .ekaaya-review-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

@media (max-width: 768px) {
    .elementor-shortcode .ekaaya-review-grid {
        grid-template-columns: 1fr !important;
    }
}

/* CARD */
.elementor-shortcode .ekaaya-review-card {
    border-radius: 18px !important;
    padding: 20px !important;
    background: #cfd8c8 !important;
}

/* PRODUCT TITLE */
.elementor-shortcode .ekaaya-review-card strong {
    display: block !important;
    font-size: 16px !important;
	color: #4f5f3a !important;
    margin-bottom: 6px !important;
}

/* STARS */
.elementor-shortcode .ekaaya-review-card .ekaaya-stars {
    display: inline-flex !important;
    direction: rtl !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}
/* remove any list/bullet behavior */
.elementor-shortcode .ekaaya-review-card .ekaaya-stars,
.elementor-shortcode .ekaaya-review-card .ekaaya-stars * {
    list-style: none !important;
}
/* hide radios */
.elementor-shortcode .ekaaya-review-card .ekaaya-stars input {
    display: none !important;
}
/* STAR SIZE*/
.elementor-shortcode .ekaaya-review-card .ekaaya-stars label {
    font-size: 28px !important;   
    line-height: 1 !important;
    color: #FFFAF1 !important;
    cursor: pointer !important;
    margin-left: 8px !important;
    display: inline-block !important;
}
/* hover */
.elementor-shortcode .ekaaya-review-card .ekaaya-stars label:hover,
.elementor-shortcode .ekaaya-review-card .ekaaya-stars label:hover ~ label {
    color: #CB7A5F !important;
}
/* selected */
.elementor-shortcode .ekaaya-review-card .ekaaya-stars input:checked ~ label {
    color: #CB7A5F !important;
}

/* TEXTAREA */
.elementor-shortcode .ekaaya-review-card textarea {
    width: 100% !important;
    min-height: 100px !important;
    font-size: 14px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1.5px solid #9BC3A6 !important;
    margin-bottom: 16px !important;
}

/* SUBMIT BUTTON */
.elementor-shortcode .ekaaya-review-card button {
    background: #CB7A5F !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    border-radius: 30px !important;
    cursor: pointer !important;
}



/*-------------------Thank You Page Customization -------------*/
/* For Mobile */
@media (max-width: 768px) {

    /* UL container – stacked layout, clean spacing */
    .elementor-shortcode .woocommerce-order-overview {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        list-style: none !important;
        padding: 8px 0 !important;
        margin: 0 !important;
    }
    /* Each LI – stacked vertically but label + value stay on one line */
    .elementor-shortcode .woocommerce-order-overview li {
        display: flex !important;
        flex-direction: row !important; /* label + value inline */
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        text-align: left !important;
        padding: 4px 0 !important;
        margin: 2px 0 !important;
        /* Remove separator lines */
        border: none !important;
    }
    /* Spacing between label text and <strong> value */
    .elementor-shortcode .woocommerce-order-overview li strong {
        margin-left: 6px !important;
        font-size: 12px !important; 
        line-height: 1.4 !important;
    }
    /* Universal font reduction for all content inside shortcode */
    .elementor-shortcode * {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    /* Remove extra padding from Elementor wrapper */
    .elementor-element-e1ff852,
    .elementor-element-e1ff852 .elementor-widget-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* Razorpay Order Pay page – button colors */
.woocommerce #btn-razorpay,
.woocommerce #btn-razorpay-cancel {
    background-color: #cb7a5c !important;
    color: #ffffff !important;
    border: none !important;
}
.woocommerce-order-pay .entry-content ul.order_details {
    margin-top: 32px;
}



/* ------------------ Footer Customization ---------------- */

/* ---------- Ekaaya Footer styles (paste in child theme style.css or theme.css) ---------- */
/* Change these variables to control footer font family, size and color */
:root{
  --eka-footer-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --eka-footer-font-size: 14px;         /* base content size */
  --eka-footer-font-color: #FFFAF1;     /* white for footer content */
  --eka-footer-link-hover: #cb7a5c;     /* keep existing hover color */
  --eka-footer-heading-diff: 4px;       /* header is this much larger than base */
  --eka-icon-size: 26px;                /* ICON SIZE - change this px value to increase/decrease */
}

/* Contact list: remove bullets, reset spacing */
.site-primary-footer-wrap .ekaaya-contact-list {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* Icon + text alignment — desktop & tablet
   align-items:flex-start so multi-line addresses align to the first line.
   If you prefer center alignment for single-line items, set align-items:center. */
.site-primary-footer-wrap .ekaaya-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  min-height: calc(var(--eka-icon-size) + 4px);
}
/* Slight vertical compensation for multi-line text */
.site-primary-footer-wrap .ekaaya-icon {
  margin-top: 2px;       /* if icon looks slightly high/low, adjust this by 1–3px */
}

/* Icon sizing — scoped to our footer only
   Change --eka-icon-size to increase/decrease icons. */
.site-primary-footer-wrap .ekaaya-icon {
  width: var(--eka-icon-size);
  height: var(--eka-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--eka-footer-font-color); /* SVG uses currentColor */
  flex: 0 0 var(--eka-icon-size);
  margin-top: 4px; /* slight nudge so icon sits nicely with first line of text */
}
/* Make inline SVG scale to the container size */
.site-primary-footer-wrap .ekaaya-icon svg { width: 100%; height: 100%; }


/* If Astra applies special vertical menu wrappers, also catch those */
.site-primary-footer-wrap .astra-footer-vertical-menu .menu-link {
  text-align: left;
}

/* ---Scope everything to the primary footer wrap -- */
/* ensures nothing outside the footer (e.g. floating mobile footer) is affected */
.site-primary-footer-wrap .ekaaya-footer-contact,
.site-primary-footer-wrap .ekaaya-footer-contact a,
.site-primary-footer-wrap .ekaaya-contact-list,
.site-primary-footer-wrap #astra-footer-menu,
.site-primary-footer-wrap .widget_nav_menu,
.site-primary-footer-wrap .ast-footer-widget .widget_nav_menu {
  font-family: var(--eka-footer-font-family);
  font-size: var(--eka-footer-font-size);
  color: var(--eka-footer-font-color);
}

/* Column headings (Contact Us + Site Links) */
.site-primary-footer-wrap .ekaaya-footer-col-heading,
.site-primary-footer-wrap .ast-footer-widget .widget_title {
  color: #bec5a4 !important;
  font-size: calc(var(--eka-footer-font-size) + var(--eka-footer-heading-diff));
  margin: 0 0 14px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
}

/* Contact text styling */
.site-primary-footer-wrap .ekaaya-contact-text {
  color: var(--eka-footer-font-color);
  font-size: var(--eka-footer-font-size);
  line-height: 1.35; /* comfortable reading line-height */
}

/* Links in contact */
.site-primary-footer-wrap .ekaaya-contact-text a {
  color: var(--eka-footer-font-color);
  text-decoration: none;
  transition: opacity .12s ease;
}
.site-primary-footer-wrap .ekaaya-contact-text a:hover,
.site-primary-footer-wrap .ekaaya-contact-text a:focus {
  opacity: 0.85;
}

/* Footer Menu (site links) — make it inherit same color & size */
/* scope to #astra-footer-menu inside the primary footer */
.site-primary-footer-wrap #astra-footer-menu .menu-link,
.site-primary-footer-wrap .widget_nav_menu a {
  color: var(--eka-footer-font-color); 
  font-size: var(--eka-footer-font-size);
  text-decoration: none;
  display: block;
  margin-bottom: 12px;
  text-align: left;           /* keep left-aligned by default */
  transition: color .12s ease, opacity .12s ease;
}

/* Hover color preserved for footer menu links */
.site-primary-footer-wrap #astra-footer-menu .menu-link:hover,
.site-primary-footer-wrap .widget_nav_menu a:hover {
  color: var(--eka-footer-link-hover) !important;
}

/* ================== DESKTOP FOOTER OVERRIDE (ASTRA FIX) ================== */
@media (min-width: 769px) {

  /* Force footer base font + color */
  .site-primary-footer-wrap,
  .site-primary-footer-wrap .ast-footer-widget,
  .site-primary-footer-wrap .widget,
  .site-primary-footer-wrap .widget a,
  .site-primary-footer-wrap .menu-link,
  .site-primary-footer-wrap .ekaaya-footer-contact,
  .site-primary-footer-wrap .ekaaya-contact-text,
  .site-primary-footer-wrap .ekaaya-contact-text a {
    font-size: 16px !important;
    color: var(--eka-footer-font-color) !important;
    font-family: var(--eka-footer-font-family) !important;
  }
	
  /* Icons must explicitly inherit color on desktop */
  .site-primary-footer-wrap .ekaaya-icon,
  .site-primary-footer-wrap .ekaaya-icon svg {
    color: var(--eka-footer-font-color) !important;
  }

  /* Footer menu hover stays brand color */
  .site-primary-footer-wrap #astra-footer-menu .menu-link:hover,
  .site-primary-footer-wrap .widget_nav_menu a:hover {
    color: var(--eka-footer-link-hover) !important;
  }
.site-primary-footer-wrap .ast-footer-social-1-wrap .ast-social-color-type-custom .social-item-label {
    padding-left: 16px !important;
}
 /* Add breathing room from left edge for Contact + Socials column */
  .site-primary-footer-wrap
  .site-footer-primary-section-1.site-footer-section-1 {
    padding-left: 36px;   /* adjust: 24px / 32px / 40px */
  }

  /* Prevent inner widgets from cancelling padding */
  .site-primary-footer-wrap
  .site-footer-primary-section-1
  .footer-widget-area-inner {
    padding-left: 0;
  }

  /* Ensure Contact block itself stays aligned */
  .site-primary-footer-wrap
  .site-footer-primary-section-1
  .ekaaya-footer-contact {
    margin-left: 0;
  }
}


/* ---------------- Mobile adjustments (stacking + spacing) ---------------- */
/* On small screens stack full-width but keep alignment neat */
@media (max-width: 780px) {
  .site-primary-footer-wrap .ast-builder-grid-row-container-inner,
  .site-primary-footer-wrap .ast-builder-footer-grid-columns {
    padding-left: 22px;  /* keep some left padding on mobile */
    padding-right: 22px;
  }

  .site-primary-footer-wrap .site-footer-primary-section-1,
  .site-primary-footer-wrap .site-footer-primary-section-2 {
    width: 100% !important;
    display: block;
  }
  .site-primary-footer-wrap .ekaaya-contact-item {
    margin-bottom: 10px;   /* a touch more breathing room on small screens */
    gap: 10px;             /* compact on mobile */
  }

  .site-primary-footer-wrap .site-footer-primary-section-2 {
    padding-top: 20px;     /* slightly larger top space on mobile for visual separation */
  }

  .site-primary-footer-wrap .ekaaya-contact-text {
    line-height: 1.3;      /* a bit looser for readability on mobile */
	}
/* Target footer socials inside the primary footer only */
  .site-primary-footer-wrap .ast-footer-social-wrap .ast-builder-social-element {
    gap: 7px !important;   /* Increase this value for more spacing (default range is lower) */
  }
  /* Optional – If label feels tight vertically, increase line-height 
  .site-primary-footer-wrap .ast-footer-social-wrap .social-item-label {
    line-height: 1.3;
  }*/
}

/* ----------- Reduce ALL footer font sizes on mobile (≤ 780px) ---------------------------*/
@media (max-width: 780px) {

  /* reduce basic footer content font size */
  :root {
    --eka-footer-font-size: 12px;   /* adjust here: try 15px, 14px etc. */
    --eka-icon-size: 22px;          /* reduce mobile icon size (optional) */
    --eka-footer-heading-diff: 4px; /* header stays slightly larger */
  }

  /* ensure Contact Us heading and Site Links heading follow updated size */
  .site-primary-footer-wrap .ekaaya-footer-col-heading,
  .site-primary-footer-wrap .ast-footer-widget .widget_title {
    font-size: calc(var(--eka-footer-font-size) + var(--eka-footer-heading-diff));
  }

  /* ensure menu items follow updated size */
  .site-primary-footer-wrap #astra-footer-menu .menu-link,
  .site-primary-footer-wrap .widget_nav_menu a {
    font-size: var(--eka-footer-font-size) !important;
  }

  /* contact text follows updated size */
  .site-primary-footer-wrap .ekaaya-contact-text {
    font-size: var(--eka-footer-font-size);
  }
}
