/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/
/********************************************
  GLOBAL: HIDE SALE BADGE + COMPARE BUTTON
*********************************************/

/* Hide ALL Sale badges everywhere */
span.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product span.onsale,
.post-type-archive-product span.onsale,
.tax-product_cat span.onsale {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide Compare buttons (ShopLentor / Woo Smart Compare / WPC) */
.woocommerce ul.products li.product .woosc-btn,
.woocommerce ul.products li.product button.woosc-btn,
.woocommerce ul.products li.product .wpc-btn-compare,
.woocommerce ul.products li.product a.compare {
  display: none !important;
}

/********************************************
  ARADHYAM • PRODUCT CARD LUXURY DESIGN
*********************************************/

.post-type-archive-product ul.products li.product,
.tax-product_cat ul.products li.product,
.page-id-12877 ul.products li.product {
  background: #FBEEDB !important;
  border-radius: 22px !important;
  padding: 22px 20px 28px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;
}

.post-type-archive-product ul.products li.product:hover,
.tax-product_cat ul.products li.product:hover,
.page-id-12877 ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18) !important;
}

/* Product Image */
.post-type-archive-product ul.products li.product img,
.tax-product_cat ul.products li.product img,
.page-id-12877 ul.products li.product img {
  border-radius: 18px !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  transition: transform 0.4s ease;
}

.post-type-archive-product ul.products li.product img:hover,
.tax-product_cat ul.products li.product img:hover,
.page-id-12877 ul.products li.product img:hover {
  transform: scale(1.05);
}

/* Product Title */
.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
.page-id-12877 ul.products li.product .woocommerce-loop-product__title {
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #5C3A21 !important;
  margin-top: 12px !important;
}

.post-type-archive-product ul.products li.product .woocommerce-loop-product__title:hover,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title:hover,
.page-id-12877 ul.products li.product .woocommerce-loop-product__title:hover {
  color: #C49A6C !important;
}

/* Price */
.post-type-archive-product ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.page-id-12877 ul.products li.product .price {
  font-size: 16px !important;
  color: #6a563d !important;
  font-weight: 600 !important;
}

.post-type-archive-product ul.products li.product .price ins,
.tax-product_cat ul.products li.product .price ins,
.page-id-12877 ul.products li.product .price ins {
  color: #4A2E14 !important;
  font-weight: 700 !important;
}

.post-type-archive-product ul.products li.product .price del,
.tax-product_cat ul.products li.product .price del,
.page-id-12877 ul.products li.product .price del {
  color: #9e8a78 !important;
  opacity: 0.6 !important;
}

/********************************************
  PRODUCT GRID LAYOUT (5 / 3 / 1)
*********************************************/

.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.page-id-12877 ul.products {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 40px 40px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* Remove WooCommerce clearfix helpers */
.post-type-archive-product ul.products::before,
.post-type-archive-product ul.products::after,
.tax-product_cat ul.products::before,
.tax-product_cat ul.products::after,
.page-id-12877 ul.products::before,
.page-id-12877 ul.products::after {
  content: none !important;
}

/* Desktop & tablet: equal height + straight buttons */
@media (min-width: 768px) {
  .post-type-archive-product ul.products li.product,
  .tax-product_cat ul.products li.product,
  .page-id-12877 ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 460px !important;
  }

  .post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
  .tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  .page-id-12877 ul.products li.product .woocommerce-loop-product__title {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 80px !important;
    margin-bottom: 6px !important;
  }

  .post-type-archive-product ul.products li.product .price,
  .tax-product_cat ul.products li.product .price,
  .page-id-12877 ul.products li.product .price {
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-bottom: 14px !important;
  }

  .post-type-archive-product ul.products li.product .button,
  .tax-product_cat ul.products li.product .button,
  .page-id-12877 ul.products li.product .button {
    margin-top: auto !important;
    width: 85% !important;
    align-self: center !important;
  }
}

/* Mobile: natural flow */
@media (max-width: 767px) {
  .post-type-archive-product ul.products,
  .tax-product_cat ul.products,
  .page-id-12877 ul.products {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .post-type-archive-product ul.products li.product,
  .tax-product_cat ul.products li.product,
  .page-id-12877 ul.products li.product {
    height: auto !important;
  }

  .post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
  .tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  .page-id-12877 ul.products li.product .woocommerce-loop-product__title {
    -webkit-line-clamp: unset;
    min-height: auto !important;
  }

  .post-type-archive-product ul.products li.product .price,
  .tax-product_cat ul.products li.product .price,
  .page-id-12877 ul.products li.product .price {
    min-height: auto !important;
    margin-bottom: 12px !important;
  }

  .post-type-archive-product ul.products li.product .button,
  .tax-product_cat ul.products li.product .button,
  .page-id-12877 ul.products li.product .button {
    width: 100% !important;
  }
}

/* Tablet 3 columns */
@media (max-width: 1024px) and (min-width: 768px) {
  .post-type-archive-product ul.products,
  .tax-product_cat ul.products,
  .page-id-12877 ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/********************************************
  ADD-TO-CART BUTTON (All product grids)
*********************************************/

.post-type-archive-product ul.products li.product .button,
.tax-product_cat ul.products li.product .button,
.page-id-12877 ul.products li.product .button {
  background-color: #5C3A21 !important;
  color: #FFF7E6 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 12px 24px !important;
  border-radius: 30px !important;
  width: 100% !important;
  text-align: center !important;
  letter-spacing: 0.3px;
  border: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}

.post-type-archive-product ul.products li.product .button:hover,
.tax-product_cat ul.products li.product .button:hover,
.page-id-12877 ul.products li.product .button:hover {
  background-color: #C49A6C !important;
  color: #40260F !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}

/********************************************
  PAGINATION STYLING
*********************************************/

.post-type-archive-product .woocommerce-pagination ul li span,
.post-type-archive-product .woocommerce-pagination ul li a,
.tax-product_cat .woocommerce-pagination ul li span,
.tax-product_cat .woocommerce-pagination ul li a,
.page-id-12877 .woocommerce-pagination ul li span,
.page-id-12877 .woocommerce-pagination ul li a {
  background: #FBEEDB !important;
  color: #5C3A21 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  border: none !important;
  font-weight: 600;
}

.post-type-archive-product .woocommerce-pagination ul li span.current,
.tax-product_cat .woocommerce-pagination ul li span.current,
.page-id-12877 .woocommerce-pagination ul li span.current {
  background: #C49A6C !important;
  color: #40260F !important;
}

/********************************************
  VIEW CART LINK (after adding to cart)
*********************************************/

.woocommerce a.added_to_cart {
  background: none !important;
  color: #4A2E14 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 0 !important;
  margin-top: 10px !important;
  display: inline-block !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0.3px;
  text-decoration: none !important;
}

.woocommerce a.added_to_cart:hover {
  color: #C49A6C !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}


/********************************************
  ARADHYAM • ADD-TO-CART NOTICE BAR
*********************************************/

.woocommerce-message,
.woocommerce-info {
  background: #FBEEDB !important;
  border: 1px solid #C49A6C !important;
  color: #4A2E14 !important;
  border-radius: 18px !important;
  padding: 16px 22px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  margin-top: 25px !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: #C49A6C !important;
  position: relative !important;
  display: inline-block !important;
  left: 0 !important;
  margin-right: 10px !important;
  top: 1px;
}

.woocommerce-message .button,
.woocommerce-info .button {
  background-color: #5C3A21 !important;
  color: #FFF7E6 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 30px !important;
  padding: 8px 22px !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  text-transform: none !important;
  letter-spacing: 0.3px;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
  background-color: #C49A6C !important;
  color: #40260F !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}

/* Only one notice */
.woocommerce .woocommerce-message + .woocommerce-message,
.woocommerce .woocommerce-info + .woocommerce-info {
  display: none !important;
}

/********************************************************
  ARADHYAM • HEADER (ara-header, ara-logo, ara-nav, ara-search, ara-cart, ara-login)
*********************************************************/

:root {
  --ara-header-bg: #5C3A21;
  --ara-header-bg-dark: #3A2312;
  --ara-header-text: #FBEEDB;
  --ara-gold: #C49A6C;
}

/* Elementor header wrapper */
.elementor-location-header {
  background: var(--ara-header-bg) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

/* MAIN HEADER CONTAINER – top container has: ara-header ara-header-inner */
.ara-header.ara-header-inner {
  position: sticky;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 10px 32px;
  gap: 20px;
  color: var(--ara-header-text);
}

/* Logo */
.ara-logo {
  flex: 0 0 auto;
}
.ara-logo img {
  max-height: 64px;
  width: auto;
  border-radius: 12px;
}

/* NAV */
.ara-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

/* Horizontal menu row */
.ara-nav .elementor-nav-menu--main {
  display: flex;
  align-items: center;
  gap: 26px;
}

/* Base menu item style */
.ara-nav .elementor-nav-menu--main > li > a {
  position: relative;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  padding: 6px 0;
  color: var(--ara-header-text) !important;
}

/* GOLD on hover + active */
.ara-nav .elementor-nav-menu--main > li:hover > a,
.ara-nav .elementor-nav-menu--main > li > a:hover,
.ara-nav .elementor-nav-menu--main > li.current-menu-item > a,
.ara-nav .elementor-nav-menu--main > li.current_page_item > a {
  color: var(--ara-gold) !important;
}

/* Remove Elementor grey pointer */
.ara-nav .elementor-nav-menu--main .elementor-item:before {
  content: none !important;
}

/* Gold underline animation */
.ara-nav .elementor-nav-menu--main > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--ara-gold);
  border-radius: 999px;
  transition: width 0.25s ease;
}
.ara-nav .elementor-nav-menu--main > li > a:hover::after,
.ara-nav .elementor-nav-menu--main > li.current-menu-item > a::after,
.ara-nav .elementor-nav-menu--main > li.current_page_item > a::after {
  width: 70%;
}

/********************************************************
  SUBMENU – FORCE DARK BROWN (DESKTOP + MOBILE)
*********************************************************/

/* All dropdown containers inside header */
.elementor-location-header .elementor-nav-menu--dropdown,
.elementor-location-header .elementor-nav-menu--dropdown ul,
.elementor-location-header .elementor-nav-menu--dropdown li,
.elementor-location-header .elementor-nav-menu--main .sub-menu,
.elementor-location-header .elementor-nav-menu--main .sub-menu li {
  background: #3A2312 !important;
  border: none !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55) !important;
}

/* Submenu links (all states) */
.elementor-location-header .elementor-nav-menu--dropdown a,
.elementor-location-header .elementor-nav-menu--dropdown a:link,
.elementor-location-header .elementor-nav-menu--dropdown a:visited,
.elementor-location-header .elementor-nav-menu--main .sub-menu a {
  background: transparent !important;
  color: #FBEEDB !important;
  font-size: 14px !important;
  padding: 8px 14px !important;
  white-space: nowrap !important;
  text-transform: none !important;
}

/* Submenu hover */
.elementor-location-header .elementor-nav-menu--dropdown a:hover,
.elementor-location-header .elementor-nav-menu--main .sub-menu a:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #C49A6C !important;
}

/* Remove any light borders if theme adds them */
.elementor-location-header .elementor-nav-menu--dropdown,
.elementor-location-header .elementor-nav-menu--dropdown li,
.elementor-location-header .elementor-nav-menu--main .sub-menu li {
  border: none !important;
}

/********************************************************
  DESKTOP HORIZONTAL SUBMENU (SHOW ONLY ON HOVER)
*********************************************************/

@media (min-width: 1025px) {

  /* Hide all submenus by default */
  .ara-header .elementor-nav-menu--main li.menu-item-has-children > .sub-menu {
    display: none !important;
  }

  /* Show submenu only when parent is hovered or focused */
  .ara-header .elementor-nav-menu--main li.menu-item-has-children:hover > .sub-menu,
  .ara-header .elementor-nav-menu--main li.menu-item-has-children:focus-within > .sub-menu {
    display: flex !important;
    flex-direction: row !important;
    padding: 10px 14px !important;
    gap: 20px !important;
    background: #3A2312 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
    width: max-content !important;
  }

  /* Anchor submenu to parent menu item */
  .ara-header .elementor-nav-menu--main li.menu-item-has-children {
    position: relative !important;
  }

  /* Position submenu centered under parent */
  .ara-header .elementor-nav-menu--main li.menu-item-has-children > .sub-menu {
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .ara-header .elementor-nav-menu--main .sub-menu li {
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

/* MOBILE/TABLET – keep Elementor vertical behaviour, but dark */
@media (max-width: 1024px) {
  .ara-header .elementor-nav-menu--main .sub-menu {
    display: block !important;
    background: #3A2312 !important;
  }

  .ara-header .elementor-nav-menu--main .sub-menu a {
    color: #FBEEDB !important;
  }

  .ara-header .elementor-nav-menu--main .sub-menu a:hover {
    color: #C49A6C !important;
    background: rgba(255, 255, 255, 0.06) !important;
  }
}
/********************************************************
  ULTRA SIMPLE HEADER LINK COLOUR OVERRIDE
*********************************************************/

.elementor-location-header a {
  color: #FBEEDB !important;
}

.elementor-location-header a:hover,
.elementor-location-header a:focus,
.elementor-location-header a:active {
  color: #C49A6C !important;
}

/* Remove Elementor's grey underline pointer for menu items */
.elementor-location-header .elementor-item:before {
  content: none !important;
}

/********************************************************
  SUBMENU ARROW + HAMBURGER COLOUR (DESKTOP + MOBILE)
*********************************************************/

/* Top-level dropdown arrows */
.elementor-location-header .elementor-nav-menu--main .menu-item-has-children > a:after {
  border-color: #C49A6C transparent transparent transparent !important;
  color: #C49A6C !important;
}

/* Generic Elementor sub-arrow icon */
.elementor-location-header .sub-arrow,
.elementor-location-header .sub-arrow i,
.elementor-location-header .sub-arrow svg {
  color: #C49A6C !important;
  fill: #C49A6C !important;
  border-color: #C49A6C !important;
  background: transparent !important;
}

/* Mobile hamburger toggle icon */
.elementor-location-header .elementor-menu-toggle,
.elementor-location-header .elementor-menu-toggle i,
.elementor-location-header .elementor-menu-toggle svg {
  background: transparent !important;
  border: none !important;
  color: #C49A6C !important;
  fill: #C49A6C !important;
  stroke: #C49A6C !important;
}

/********************************************************
  GLOBAL SEARCH BAR STYLE (DESKTOP & MOBILE)
*********************************************************/

.elementor-location-header .elementor-search-form__container,
.elementor-location-header .elementor-search-form {
  background: #FBEEDB !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  border: none !important;
}

.elementor-location-header .elementor-search-form__input {
  background: #FBEEDB !important;
  color: #5C3A21 !important;
  border: none !important;
}

.elementor-location-header .elementor-search-form__input::placeholder {
  color: #b79f7a !important;
}

.elementor-location-header .elementor-search-form__submit,
.elementor-location-header .elementor-search-form__icon {
  background: #5C3A21 !important;
  color: #FBEEDB !important;
  border: none !important;
}

.elementor-location-header .elementor-search-form__submit:hover,
.elementor-location-header .elementor-search-form__icon:hover {
  background: #C49A6C !important;
  color: #40260F !important;
}

/***************************************************
  ARADHYAM – TABLET + MOBILE HEADER BAR (ara-mobile-header)
***************************************************/

@media (max-width: 1024px) {

  /* Section with class "ara-mobile-header" above main header */
  .ara-mobile-header {
    background: #5C3A21 !important;
    padding: 8px 14px !important;
  }

  /* Make direct inner containers flex row:
     [hamburger] [logo] [icons]  */
  .ara-mobile-header .e-con {
    display: flex !important;
    align-items: center !important;
  }

  /* First inner container = LEFT (hamburger/menu toggle) */
  .ara-mobile-header .e-con:first-child {
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  /* Middle container = logo (flex: 1) */
  .ara-mobile-header .e-con:nth-child(2) {
    justify-content: center !important;
    flex: 1 1 auto !important;
  }

  .ara-mobile-header .e-con:nth-child(2) img {
    max-height: 64px !important;
    width: auto !important;
  }

  /* Last inner container = RIGHT (search, account, cart) */
  .ara-mobile-header .e-con:last-child {
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
  }

  .ara-mobile-header .e-con:last-child .elementor-widget-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-direction: row !important;
  }

  /* Icon styling */
  .ara-mobile-header i,
  .ara-mobile-header svg {
    color: #C49A6C !important;
    fill: #C49A6C !important;
    stroke: #C49A6C !important;
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
  }
}

/***************************************************
  RESPONSIVE HEADER TWEAKS (MAIN DESKTOP HEADER)
***************************************************/

@media (max-width: 1024px) {
  .ara-header.ara-header-inner {
    flex-wrap: wrap;
    padding: 8px 16px;
    padding-right: 20px;
  }

  .ara-logo img {
    max-height: 56px;
  }

  .ara-nav {
    order: 3;
    flex-basis: 100%;
    justify-content: center;
    margin-top: 6px;
  }
}

@media (max-width: 767px) {
  .ara-header.ara-header-inner {
    padding: 8px 12px;
    gap: 12px;
  }

  .ara-login a {
    padding: 5px 14px;
    font-size: 12px;
  }
}

/********************************************************
  RIGHT SIDE: SEARCH, CART, LOGIN (DESKTOP)
*********************************************************/

.ara-search,
.ara-cart,
.ara-login {
  flex: 0 0 auto;
  margin-left: 12px;
  display: flex;
  align-items: center;
}

/* Search icon & input */
.ara-search .elementor-search-form__input {
  color: #5C3A21 !important;
}

.ara-search .elementor-search-form__input::placeholder {
  color: #b79f7a !important;
}

.ara-search .elementor-search-form__icon {
  color: var(--ara-header-text) !important;
}

/* Cart icon + badge */
.ara-cart .elementor-menu-cart__toggle .elementor-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.ara-cart .elementor-menu-cart__toggle .elementor-button-icon,
.ara-cart .elementor-menu-cart__toggle i,
.ara-cart .elementor-menu-cart__toggle svg {
  color: var(--ara-header-text) !important;
  fill: var(--ara-header-text) !important;
}

.ara-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:after {
  background: var(--ara-gold) !important;
  color: #40260F !important;
  font-size: 11px;
}

/* Login button */
.ara-login a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7a4a26, #d2aa6f);
  color: #fffaf0 !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.ara-login a:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 11px 26px rgba(0, 0, 0, 0.45);
}
/***************************************************
  ARADHYAM – MOBILE HEADER FIX
  (center items, reduce height, theme icon colours)
***************************************************/
@media (max-width: 1024px) {

  /* Overall mobile header bar */
  .ara-mobile-header {
    background: #5C3A21 !important;              /* main brown */
    padding: 6px 10px !important;                /* less height */
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Inner containers: keep row & vertically centered */
  .ara-mobile-header .e-con {
    display: flex !important;
    align-items: center !important;
  }

  /* LEFT – hamburger */
  .ara-mobile-header .e-con:first-child {
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }
  .ara-mobile-header .elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 32px !important;
    width: 32px !important;
  }

  /* CENTER – logo (slightly smaller for less height) */
  .ara-mobile-header .e-con:nth-child(2) {
    justify-content: center !important;
    flex: 1 1 auto !important;
  }
  .ara-mobile-header .e-con:nth-child(2) img {
    max-height: 40px !important;
    width: auto !important;
  }

  /* RIGHT – icons row */
  .ara-mobile-header .e-con:last-child {
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
  }
  .ara-mobile-header .e-con:last-child .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  /* Icon colours – cart, search, account all in ARADHYAM gold */
  .ara-mobile-header i,
  .ara-mobile-header svg,
  .ara-mobile-header .elementor-icon,
  .ara-mobile-header .elementor-icon svg,
  .ara-mobile-header .elementor-search-form__icon,
  .ara-mobile-header .elementor-search-form__submit,
  .ara-mobile-header .elementor-menu-cart__toggle .elementor-button-icon,
  .ara-mobile-header .elementor-menu-cart__toggle i,
  .ara-mobile-header .elementor-menu-cart__toggle svg {
    color: #C49A6C !important;      /* gold */
    fill: #C49A6C !important;
    stroke: #C49A6C !important;
  }

  /* Remove any default grey from icons */
  .ara-mobile-header .elementor-icon svg path,
  .ara-mobile-header .elementor-icon svg circle,
  .ara-mobile-header .elementor-icon svg line {
    fill: #C49A6C !important;
    stroke: #C49A6C !important;
  }
}

/*****************************************
 ARADHYAM • MY ACCOUNT – PHASE 1 (CLEAN)
*****************************************/
/* Page container */
body.woocommerce-account .woocommerce {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}

/* ===============================
   MY ACCOUNT MENU (CENTERED)
================================ */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  margin-bottom: 30px;
}

/* UL */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  padding: 0 0 14px;
  margin: 0;
  border-bottom: 2px solid #ead8c2;
}

/* LI */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  float: none;
}

/* Links */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: inline-block;
  padding: 8px 18px;
  font-weight: 600;
  color: #5C3A21;
  text-decoration: none;
  border-radius: 999px;
  transition: all .25s ease;
}

/* Active */
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #5C3A21;
  color: #FFF7E6;
}

/* Hover */
body.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:hover {
  background: #C49A6C;
  color: #40260F;
}

/* ===============================
   CONTENT AREA
================================ */

body.woocommerce-account .woocommerce-MyAccount-content {
  background: #fffaf4;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* Tables */
body.woocommerce-account table {
  width: 100%;
  border-collapse: collapse;
}

body.woocommerce-account th,
body.woocommerce-account td {
  padding: 14px;
  border-bottom: 1px solid #ead8c2;
}

/* ===============================
   LOGIN / REGISTER BUTTONS ONLY
================================ */

body.woocommerce-account form button,
body.woocommerce-account form .button {
  background: #5C3A21;
  color: #FFF7E6;
  border-radius: 8px;
  font-weight: 600;
  padding: 10px 22px;
  border: none;
}

body.woocommerce-account form button:hover,
body.woocommerce-account form .button:hover {
  background: #C49A6C;
  color: #40260F;
}

/* ===============================
   MOBILE
================================ */

@media (max-width: 767px) {
  body.woocommerce-account
  .woocommerce-MyAccount-navigation ul {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
/*************************************************
 ARADHYAM • MY ACCOUNT (PHASE 1A – SAFE FIXES)
 Only error box + links
*************************************************/

/* ===== 1. ERROR / NOTICE BOX ===== */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
  background: #FFF6E8 !important;
  border-left: 5px solid #5C3A21 !important;
  color: #4A2E14 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}

/* Error icon color */
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before {
  color: #5C3A21 !important;
}

/* ===== 2. LOST PASSWORD LINK ===== */
.woocommerce-account .lost_password a {
  color: #5C3A21 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.woocommerce-account .lost_password a:hover {
  color: #C49A6C !important;
  text-decoration: underline !important;
}

/* ===== 3. PRIVACY POLICY LINK ===== */
.woocommerce-account .woocommerce-privacy-policy-text a {
  color: #5C3A21 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-privacy-policy-text a:hover {
  color: #C49A6C !important;
  text-decoration: underline !important;
}
/*************************************************
 ARADHYAM • REMOVE DEFAULT ERROR RED BORDER
*************************************************/

.woocommerce-account .woocommerce-error {
  border-top: none !important;
  border-left: 4px solid #5C3A21 !important; /* optional elegant accent */
  background: #FFF7ED !important;
}
/*************************************************
 ARADHYAM • HIDE ERROR ICON (LOGIN / MY ACCOUNT)
*************************************************/

/* Remove the warning icon completely */
.woocommerce-account .woocommerce-error::before {
  display: none !important;
}

/* Normalize padding after icon removal */
.woocommerce-account .woocommerce-error {
  padding: 14px 18px !important;
}
/*************************************************
 ARADHYAM • LOGIN ERROR BOX CLEANUP
*************************************************/

/* Scope strictly to login error */
body.woocommerce-account .woocommerce-error {
  background: #fff7ec !important;
  border-left: 4px solid #5C3A21 !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  color: #40260F !important;
  font-weight: 500;
}

/* Hide WooCommerce error icon */
body.woocommerce-account .woocommerce-error::before {
  display: none !important;
}
/*************************************************
 ARADHYAM • FORCE FIX PINK "LOST YOUR PASSWORD?"
*************************************************/

/* Target error box link with maximum specificity */
body.woocommerce-account .woocommerce-error a,
body.woocommerce-account .woocommerce-error a:link,
body.woocommerce-account .woocommerce-error a:visited,
body.woocommerce-account .woocommerce-error a:hover,
body.woocommerce-account .woocommerce-error a:active,
body.woocommerce-account .woocommerce-error a:focus {
  color: #5C3A21 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  font-weight: 600 !important;
}

/* Remove WooCommerce error icon */
body.woocommerce-account .woocommerce-error::before {
  display: none !important;
}

/* Clean padding */
body.woocommerce-account .woocommerce-error {
  padding: 14px 18px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  padding: 12px 18px;
  background: #faf7f2;
  color: #3a2a1a;
  border: 1px solid #e6d8b8;
  border-radius: 6px;
  font-weight: 500;
}
/*************************************************
 ARADHYAM • OVERRIDE INLINE PINK LINKS (FINAL)
*************************************************/

/* Force override even if inline style exists */
.woocommerce-account .woocommerce-MyAccount-content a[style],
.woocommerce-account .woocommerce-MyAccount-content p a[style] {
  color: #5a3a22 !important; /* Aradhyam dark brown */
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
/* Specific Woo dashboard links */
.woocommerce-account a[href*="orders"],
.woocommerce-account a[href*="edit-address"],
.woocommerce-account a[href*="edit-account"],
.woocommerce-account a[href*="customer-logout"] {
  color: #5a3a22 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
/* Hover */
.woocommerce-account a[href*="orders"]:hover,
.woocommerce-account a[href*="edit-address"]:hover,
.woocommerce-account a[href*="edit-account"]:hover,
.woocommerce-account a[href*="customer-logout"]:hover {
  color: #3a2414 !important;
}
.aradhyam-dashboard-greeting {
  font-size: 16px;
  color: #3a2414; /* Aradhyam dark brown */
  margin-bottom: 20px;
}
.aradhyam-dashboard-greeting {
  font-size: 16px;
  color: #3a2414; /* Aradhyam dark brown */
  margin-bottom: 20px;
}
/* My Account menu – underline active Dashboard also */
.woocommerce-MyAccount-navigation ul li.is-active a {
    text-decoration: underline !important;
    border-bottom: 2px solid #4b2e1f; /* Aradhyam dark brown */
    color: #4b2e1f !important;
}
/* Force Aradhyam theme color for LOG OUT everywhere */
.woocommerce-MyAccount-content a[href*="customer-logout"],
.woocommerce-MyAccount-navigation a[href*="customer-logout"],
.woocommerce a.logout,
.woocommerce a[href*="logout"] {
    color: #4b2e1f !important;   /* Aradhyam dark brown */
    text-decoration: underline !important;
    font-weight: 600;
}
/* Remove pink hover also */
.woocommerce-MyAccount-content a[href*="customer-logout"]:hover,
.woocommerce-MyAccount-navigation a[href*="customer-logout"]:hover,
.woocommerce a.logout:hover {
    color: #4b2e1f !important;
}
/* Hide Downloads tab from My Account menu */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}
/* ARADHYAM – My Account Menu (Active / Hover) */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #5b3a1e !important;   /* Dark brown */
  color: #d4af37 !important;        /* Gold */
  border: none !important;
  text-decoration: none !important;
  font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background: #6b4525 !important;
  color: #f2d27a !important;
}
/* ARADHYAM – Remove duplicate order rows */
.woocommerce-orders-table tbody tr:not(:first-child) {
  display: none;
}
/*************************************************
 ARADHYAM • MY ACCOUNT – ORDERS (FINAL CLEAN)
*************************************************/

/* ===== TABLE WRAPPER ===== */
.woocommerce-account .woocommerce-orders-table {
  border-radius: 14px;
  overflow: hidden;
  background: #f6e6c9;
}

/* ===== TABLE HEADER ===== */
.woocommerce-account .woocommerce-orders-table thead th {
  background: #5b3a1e !important;
  color: #f2d27a !important;
  font-weight: 600;
  letter-spacing: 0.4px;
  padding: 14px;
}

/* ===== TABLE CELLS ===== */
.woocommerce-account .woocommerce-orders-table tbody td {
  background: #f3e3c6;
  color: #3a2412;
  font-weight: 500;
  padding: 14px;
  vertical-align: middle;
}

/* ===== HIDE TOTAL COLUMN (BULLETPROOF) ===== */
.woocommerce-orders-table th:nth-child(4),
.woocommerce-orders-table td:nth-child(4),
.woocommerce-orders-table__header-total,
.woocommerce-orders-table__cell-total {
  display: none !important;
}

/* ===== STATUS BADGE ===== */
.woocommerce-orders-table .order-status {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

/* Processing – Gold */
.woocommerce-orders-table .order-status.processing {
  background: #d4af37;
  color: #3a2412;
}

/* Completed – Green */
.woocommerce-orders-table .order-status.completed {
  background: #2f6b3c;
  color: #ffffff;
}

/* On hold – Brown */
.woocommerce-orders-table .order-status.on-hold {
  background: #5b3a1e;
  color: #f7e6c6;
}

/* Cancelled / Failed – Red */
.woocommerce-orders-table .order-status.cancelled,
.woocommerce-orders-table .order-status.failed {
  background: #8b2f2f;
  color: #ffffff;
}

/* ===== ACTION BUTTON ===== */
.woocommerce-orders-table .button {
  background: #5b3a1e !important;
  color: #f7e6c6 !important;
  border-radius: 8px;
  padding: 7px 18px;
  font-weight: 600;
  border: none;
}

.woocommerce-orders-table .button:hover {
  background: #d4af37 !important;
  color: #3a2412 !important;
}

/* ===== ALIGN STATUS + ACTION ===== */
.woocommerce-orders-table td.woocommerce-orders-table__cell-status,
.woocommerce-orders-table td.woocommerce-orders-table__cell-actions {
  text-align: center;
}
/*************************************************
 ARADHYAM • FIX ONLY ORDER NUMBER (SAFE)
*************************************************/

/* Order number link ONLY */
.woocommerce-orders-table__cell-order-number a,
.woocommerce-orders-table__cell-order-number a:link,
.woocommerce-orders-table__cell-order-number a:visited {
  color: #5b3a1e !important;   /* Aradhyam dark brown */
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Hover effect */
.woocommerce-orders-table__cell-order-number a:hover {
  color: #d4af37 !important;   /* Gold */
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
/*************************************************
 ARADHYAM • PREMIUM ORDER DETAILS PAGE
*************************************************/

/* Page background */
.woocommerce-order {
  background: #f6e6c9;
  padding: 30px;
  border-radius: 14px;
}

/* Order notice text */
.woocommerce-order p,
.woocommerce-order strong {
  color: #3a2412;
  font-weight: 600;
}

/* Order number highlight */
.woocommerce-order strong span,
.woocommerce-order .order-number {
  color: #8b5a2b;
}

/* Section headings */
.woocommerce-order h2,
.woocommerce-order h3 {
  color: #5b3a1e;
  font-weight: 700;
  border-bottom: 2px solid #d4af37;
  padding-bottom: 6px;
  margin-bottom: 15px;
}

/* Order table */
.woocommerce-table--order-details {
  background: #f2dec0;
  border-radius: 12px;
  overflow: hidden;
  border: none;
}

/* Table headers */
.woocommerce-table--order-details th {
  background: #5b3a1e;
  color: #f2d27a;
  font-weight: 700;
  padding: 14px;
}

/* Table cells */
.woocommerce-table--order-details td {
  color: #3a2412;
  font-weight: 500;
  padding: 14px;
}

/* Product links – REMOVE PINK */
.woocommerce-table--order-details a {
  color: #8b5a2b !important;
  font-weight: 600;
  text-decoration: none;
}

.woocommerce-table--order-details a:hover {
  color: #d4af37 !important;
  text-decoration: underline;
}

/* Totals rows */
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
  background: #efe0c6;
  font-weight: 700;
}

/* Billing & Shipping boxes */
.woocommerce-customer-details address {
  background: #f2dec0;
  border-radius: 12px;
  padding: 18px;
  color: #3a2412;
  border: 1px solid #e0caa0;
}

/* Email icon + text */
.woocommerce-customer-details a {
  color: #5b3a1e !important;
  font-weight: 600;
}

/* Payment method */
.woocommerce-order-overview__payment-method strong {
  color: #5b3a1e;
}

/* Remove any leftover pink globally on this page */
.woocommerce-order a,
.woocommerce-order a:visited {
  color: #8b5a2b !important;
}
/* Remove yellow highlight from order info */
.woocommerce-order p mark,
.woocommerce-order p .highlight,
.woocommerce-order p span {
  background: transparent !important;
  color: #5b3a1e !important;
  padding: 0 !important;
  font-weight: 700;
}
/* Fix summary labels color */
.woocommerce-table--order-details tfoot th {
  color: #5b3a1e !important; /* dark brown */
  font-weight: 700;
}

/* Fix summary values color */
.woocommerce-table--order-details tfoot td {
  color: #3a2412 !important;
  font-weight: 600;
}
@media (max-width: 768px) {
  .woocommerce-customer-details {
    grid-template-columns: 1fr;
  }
}
.woocommerce-customer-details h2 {
  color: #5b3a1e;
  font-weight: 700;
  margin-bottom: 12px;
  border-bottom: 2px solid #d4af37;
  padding-bottom: 6px;
}
/************************************************
 FORCE REMOVE YELLOW HIGHLIGHT (Woo Order Info)
************************************************/

/* Kill mark background completely */
.woocommerce-order mark,
.woocommerce-view-order mark,
.woocommerce-order mark *,
.woocommerce-view-order mark * {
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Target Woo-specific mark classes */
.woocommerce-order mark.order-number,
.woocommerce-order mark.order-date,
.woocommerce-order mark.order-status,
.woocommerce-view-order mark.order-number,
.woocommerce-view-order mark.order-date,
.woocommerce-view-order mark.order-status {
  background: none !important;
  color: #5b3a1e !important;
  font-weight: 700 !important;
}

/* Some themes use ::before / ::after highlight */
.woocommerce-order mark::before,
.woocommerce-order mark::after,
.woocommerce-view-order mark::before,
.woocommerce-view-order mark::after {
  content: none !important;
  background: none !important;
}
.aradhyam-copy-address {
  margin: 20px 0;
  font-weight: 600;
  color: #5b3a1e;
}

.aradhyam-copy-address input {
  margin-right: 8px;
  transform: scale(1.1);
}
/************************************************
 ARADHYAM • COPY ADDRESS BUTTON (PREMIUM)
************************************************/

.aradhyam-copy-wrap {
  margin: 25px 0 35px;
  padding: 18px 22px;
  background: #f2dec0;
  border: 1px solid #e0caa0;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 18px;
}

/* Button */
.aradhyam-copy-btn {
  background: #5b3a1e;
  color: #f2d27a;
  border: none;
  padding: 10px 22px;
  border-radius: 30px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
}

.aradhyam-copy-btn:hover {
  background: #3a2412;
  color: #d4af37;
}

/* Note text */
.aradhyam-copy-note {
  font-size: 14px;
  color: #3a2412;
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 768px) {
  .aradhyam-copy-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
/************************************************
 ARADHYAM • SAFE ADDRESS STYLING (NO LAYOUT TOUCH)
************************************************/

/* Card background & border */
.woocommerce-Address {
  background: #f2dec0;
  border: 1px solid #e0caa0;
  border-radius: 14px;
  padding: 24px 26px;
  margin-bottom: 30px;
  box-shadow: 0 6px 18px rgba(58,36,18,0.05);
}

/* Headings */
.woocommerce-Address h3 {
  font-size: 24px;
  font-weight: 700;
  color: #3a2412;
  margin-bottom: 14px;
}

/* Small gold underline */
.woocommerce-Address h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: #d4af37;
  margin-top: 8px;
  border-radius: 2px;
}
/* Address text */
.woocommerce-Address address {
  font-style: normal;
  line-height: 1.75;
  font-size: 15px;
  color: #3a2412;
}
/* Edit link – simple & safe */
.woocommerce-Address .edit {
  font-weight: 600;
  font-size: 14px;
  color: #5b3a1e;
  text-decoration: underline;
}
.woocommerce-Address .edit:hover {
  color: #3a2412;
}
/*************************************************
 ARADHYAM • CART BLOCK (GUTENBERG)
*************************************************/

/* ===== PAGE BASE ===== */
body.woocommerce-cart {
  background: #f6e8c8;
  font-family: 'Playfair Display', serif;
  color: #2b2418;
}
/* ===== LEFT: CART ITEMS ===== */
.wc-block-cart-items {
  background: transparent;
}

/* Individual cart item */
.wc-block-cart-items__row {
  background: #f2e1bd;
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 22px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
}

/* Product image */
.wc-block-cart-item__image img {
  border-radius: 12px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

/* Product name */
.wc-block-cart-item__name {
  font-size: 20px;
  font-weight: 600;
  color: #2b2418;
}

/* Prices */
.wc-block-cart-item__prices {
  color: #5a4522;
  font-size: 15px;
}

/* Quantity selector */
.wc-block-cart-item__quantity input {
  border-radius: 10px;
  border: 1px solid #c9a24d;
  background: #f9efd9;
}

/* Remove link */
.wc-block-cart-item__remove-link {
  color: #7a2b2b;
  font-size: 14px;
}

/* ===== COUPON SECTION ===== */
.wc-block-components-totals-coupon {
  background: #f2e1bd;
  padding: 24px;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
  margin-top: 10px;
}

.wc-block-components-totals-coupon input {
  border-radius: 12px;
  border: 1px solid #c9a24d;
  background: #f9efd9;
}

.wc-block-components-totals-coupon button {
  border-radius: 12px;
  border: 2px solid #8b5e34;
  background: transparent;
  color: #5a4522;
  font-weight: 600;
}

.wc-block-components-totals-coupon button:hover {
  background: #8b5e34;
  color: #fff;
}

/* ===== RIGHT: CART TOTALS ===== */
.wc-block-cart__sidebar {
  background: #f2e1bd;
  padding: 36px;
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Totals headings */
.wc-block-components-totals-wrapper h2,
.wc-block-cart__sidebar h2 {
  font-size: 24px;
  margin-bottom: 22px;
}

/* Totals rows */
.wc-block-components-totals-item {
  font-size: 16px;
  color: #5a4522;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  padding: 12px 0;
}

/* Estimated / total */
.wc-block-components-totals-footer-item {
  font-size: 20px;
  font-weight: 600;
  color: #2b2418;
  padding-top: 16px;
}

/* ===== PROCEED TO CHECKOUT (ARADHYAM) ===== */
.wc-block-cart__submit-container button,
.wc-block-components-checkout-place-order-button {
  background: #6f4a26 !important;
  color: #fff !important;
  border-radius: 14px;
  padding: 18px !important;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.wc-block-cart__submit-container button:hover {
  background: #4e3318 !important;
}

/* ===== REMOVE DEFAULT BLUE / PINK ===== */
.wp-block-woocommerce-cart a {
  color: #5a4522;
}

.wp-block-woocommerce-cart a:hover {
  color: #2b2418;
}
/*************************************************
 ARADHYAM • CART BLOCK – UI POLISH
*************************************************/

/* ===== PROCEED TO CHECKOUT BUTTON ===== */
.wc-block-cart__submit-container button {
  background: linear-gradient(180deg, #7a5230, #5a3b1f) !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  border: none !important;
}

.wc-block-cart__submit-container button:hover {
  background: linear-gradient(180deg, #8b5e34, #4e3318) !important;
  transform: translateY(-1px);
}

/* ===== ADD COUPONS (ACCORDION CARD) ===== */
.wc-block-components-totals-coupon {
  background: #f2e1bd;
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

/* Accordion title */
.wc-block-components-totals-coupon__title {
  font-size: 18px;
  font-weight: 600;
  color: #2b2418;
}
/* Remove default harsh borders */
.wc-block-components-totals-coupon,
.wc-block-components-totals-coupon * {
  border: none !important;
}
/* ===== COUPON INPUT FIELD ===== */
.wc-block-components-totals-coupon input {
  background: #f9efd9 !important;
  border: 1px solid #c9a24d !important;
  border-radius: 12px !important;
  padding: 14px !important;
  font-size: 15px;
  color: #2b2418;
}

.wc-block-components-totals-coupon input::placeholder {
  color: #8b7a52;
}
/* ===== APPLY COUPON BUTTON ===== */
.wc-block-components-totals-coupon button {
  background: transparent !important;
  border: 2px solid #8b5e34 !important;
  color: #5a4522 !important;
  border-radius: 12px !important;
  padding: 12px 26px !important;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.wc-block-components-totals-coupon button:hover {
  background: #8b5e34 !important;
  color: #fff !important;
}

/* ===== TEXT REFINEMENT ===== */
.wc-block-components-totals-item,
.wc-block-components-totals-footer-item {
  font-size: 16px;
  color: #5a4522;
}

.wc-block-components-totals-footer-item {
  font-size: 20px;
  font-weight: 600;
  color: #2b2418;
}
/*************************************************
 ARADHYAM • CART BLOCK – GUARANTEED FIX
*************************************************/

/* ===============================
 PROCEED TO CHECKOUT – ARADHYAM
================================ */

/* Outer container reset */
.wp-block-woocommerce-cart
.wc-block-cart__submit-container {
  background: transparent !important;
}

/* Actual clickable button (anchor) */
.wp-block-woocommerce-cart
.wc-block-cart__submit-container a {
  display: block !important;
  width: 100% !important;
  background: linear-gradient(180deg, #7a5230 0%, #5a3b1f 100%) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
  text-align: center !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  border: none !important;
}

/* Remove grey overlay / focus background */
.wp-block-woocommerce-cart
.wc-block-cart__submit-container a:focus,
.wp-block-woocommerce-cart
.wc-block-cart__submit-container a:active {
  background: linear-gradient(180deg, #7a5230 0%, #5a3b1f 100%) !important;
  color: #ffffff !important;
}

/* Hover */
.wp-block-woocommerce-cart
.wc-block-cart__submit-container a:hover {
  background: linear-gradient(180deg, #8b5e34 0%, #4e3318 100%) !important;
  transform: translateY(-1px);
}

/* Disabled state (still brown, softer) */
.wp-block-woocommerce-cart
.wc-block-cart__submit-container a[aria-disabled="true"] {
  opacity: 0.6 !important;
  pointer-events: none;
}
/* ===============================
 ADD SPACE BELOW "ADD COUPONS"
================================ */

/* Add breathing space below the Add coupons row */
.wp-block-woocommerce-cart
.wc-block-components-totals-coupon__toggle {
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}
/* WC BLOCK ALIGN FIX — MOBILE ONLY */
@media (max-width: 768px) {
  body.woocommerce-cart .alignwide,
  body.woocommerce-checkout .alignwide,
  body.woocommerce-cart [class*="alignwide"],
  body.woocommerce-checkout [class*="alignwide"] {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/*************************************************
 WC CART & CHECKOUT — TABLET STABILITY FIX
 (768px–1024px)
*************************************************/

@media (min-width: 768px) and (max-width: 1024px) {

  /* Lock cart width safely */
  .wp-block-woocommerce-cart,
  .wp-block-woocommerce-checkout {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* Prevent sidebar jump */
  .wc-block-cart__sidebar,
  .wc-block-components-sidebar {
    width: 100% !important;
    margin-top: 30px !important;
  }
}
/*************************************************
 WC CART & CHECKOUT — DESKTOP HARD LOCK (FINAL)
*************************************************/

/* Disable Gutenberg alignwide behavior ONLY for Woo */
body.woocommerce-cart .alignwide,
body.woocommerce-checkout .alignwide,
body.woocommerce-cart [class*="alignwide"],
body.woocommerce-checkout [class*="alignwide"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Force stable centered container */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* Prevent sidebar pushing layout */
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-checkout .wc-block-components-sidebar {
  max-width: 100% !important;
}
/*************************************************
 ARADHYAM • TERMS, PRIVACY & EDIT BUTTON COLORS
*************************************************/
.wp-block-woocommerce-checkout a,
.wp-block-woocommerce-checkout a:visited,
.wc-block-components-checkout-step a,
.wc-block-components-order-summary a,
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-wrapper a {
  color: #5C3A21 !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wp-block-woocommerce-checkout a:hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-wrapper a:hover {
  color: #C49A6C !important;
}
.woocommerce-checkout a:hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-wrapper a:hover {
  color: #C49A6C !important;
}
/*************************************************
 ARADHYAM • FORCE EDIT BUTTON COLOR (FINAL)
*************************************************/

/* Woo Blocks – Edit buttons (cart / checkout / address) */
.wc-block-cart-item__edit,
.wc-block-components-address-form__edit,
.wc-block-components-address-card__edit,
.wc-block-components-address-form button,
.wc-block-components-address-form a {
  color: #5C3A21 !important;   /* Aradhyam brown */
  background: transparent !important;
  border: none !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Inline variable override (this kills pink) */
:root {
  --wc-components-color-link: #5C3A21;
}

/* Hover */
.wc-block-cart-item__edit:hover,
.wc-block-components-address-form__edit:hover,
.wc-block-components-address-card__edit:hover,
.wc-block-components-address-form button:hover,
.wc-block-components-address-form a:hover {
  color: #C49A6C !important;   /* Gold hover */
}
/*************************************************
 ARADHYAM • RAZORPAY PAY NOW / CANCEL BUTTON
*************************************************/

/* Razorpay payment page buttons */
.woocommerce-order-pay
button,
.woocommerce-order-pay
a.button,
.woocommerce-order-pay
input.button {
  background-color: #6b4a1f !important;   /* Aradhyam brown */
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px;
  padding: 10px 22px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}
/* =====================================================
   HARD LOCK PAGE WHEN MOBILE MENU IS OPEN
   ===================================================== */
@media (max-width: 1024px) {

  /* Lock the entire page */
  body.elementor-nav-menu--dropdown-active {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
  }

  /* Prevent footer from rendering at all */
  body.elementor-nav-menu--dropdown-active footer,
  body.elementor-nav-menu--dropdown-active .elementor-location-footer {
    display: none !important;
  }

  /* Force menu overlay to viewport */
  .elementor-nav-menu__container {
    position: fixed !important;
    inset: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    z-index: 99999 !important;
  }

  /* Menu panel itself */
  .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    width: 85% !important;
    max-width: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}
/* =====================================================
   FIX MOBILE SUBMENU CLICK & TEXT WRAP
   ===================================================== */
@media (max-width: 1024px) {

  /* Allow submenu toggle clicks */
  .elementor-nav-menu--dropdown .menu-item-has-children > a {
    pointer-events: auto !important;
  }

  /* Make arrow clickable */
  .elementor-nav-menu--dropdown .menu-item-has-children .sub-arrow {
    pointer-events: auto !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }

  /* Prevent link from blocking arrow */
  .elementor-nav-menu--dropdown .menu-item-has-children > a::after {
    pointer-events: none !important;
  }

  /* Submenu display control */
  .elementor-nav-menu--dropdown .sub-menu {
    position: relative !important;
    display: none;
    width: 100% !important;
    overflow: hidden;
  }

  /* Elementor active submenu */
  .elementor-nav-menu--dropdown .menu-item-has-children.elementor-active > .sub-menu {
    display: block !important;
  }

  /* Text wrapping fix */
  .elementor-nav-menu--dropdown a {
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.4em;
  }

  /* Prevent width overflow */
  .elementor-nav-menu--dropdown li {
    width: 100% !important;
  }
}
/* =====================================================
   FORCE ELEMENTOR MOBILE SUBMENU TO OPEN (FIX)
   ===================================================== */
@media (max-width: 1024px) {

  /* Ensure menu items stack correctly */
  .elementor-nav-menu--dropdown li {
    position: relative !important;
    width: 100% !important;
  }

  /* Make parent item clickable */
  .elementor-nav-menu--dropdown .menu-item-has-children > a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    pointer-events: auto !important;
  }

  /* Ensure arrow is clickable */
  .elementor-nav-menu--dropdown .sub-arrow {
    pointer-events: auto !important;
    cursor: pointer;
    margin-left: auto;
  }

  /* DEFAULT: hide submenu */
  .elementor-nav-menu--dropdown .sub-menu {
    display: none !important;
    position: relative !important;
    width: 100% !important;
    padding-left: 14px !important;
  }

  /* WHEN ACTIVE: show submenu */
  .elementor-nav-menu--dropdown 
  .menu-item-has-children.elementor-active > .sub-menu {
    display: block !important;
  }

  /* Allow text wrapping */
  .elementor-nav-menu--dropdown a {
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.4em;
  }
}