/**
 * MaaSaa Custom CSS — BRAND ONLY
 * Layout/spacing/grid left 100% to Bacola base.css for exact Home-4 parity.
 * Images cropped to Bacola demo sizes (570x260, 380x316, 346x310, 1280x1750, 349x232, 1200x400).
 */

:root {
  --maasaa-red: #D64518;
  --maasaa-orange: #FF7818;
  --maasaa-gold: #FFA800;
  --maasaa-yellow: #FFD046;
  --maasaa-peach: #FFE0D0;
  --maasaa-cream: #FFF8F0;
  --maasaa-brown: #403838;
  --maasaa-brown-deep: #301008;

  --color-primary: var(--maasaa-red) !important;
  --color-secondary: var(--maasaa-orange) !important;
  --color-price: var(--maasaa-red) !important;
  --color-rating: var(--maasaa-gold) !important;
  --color-danger: var(--maasaa-red) !important;
  --color-danger-dark: #B33021 !important;
  --color-success: #2E7D32 !important;
  --color-text: #301008 !important;
  --color-text-light: #5C4B48 !important;
  --color-text-lighter: #7A6A66 !important;
  --color-light: var(--maasaa-cream) !important;
  --color-lighter: #FFFCF8 !important;
  --color-border: #E8D5C4 !important;
  --color-border-dark: #D4C0AE !important;
  --color-border-light: #F3E6D8 !important;
  --color-form-background: #FFF3E8 !important;
  --color-background: #FFFFFF !important;

  --font-primary: "Montserrat", "Noto Sans Devanagari", system-ui, sans-serif;
  --font-secondary: "Montserrat", "Noto Sans Devanagari", system-ui, sans-serif;
}

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

body.bacola-theme {
  font-family: var(--font-primary);
}

/* Logo sizing only — no layout changes */
.site-header .header-main .site-brand img.desktop-logo,
.site-header .header-main .site-brand img.mobile-logo,
.site-header .header-main .site-brand img.default-brand,
.site-canvas .canvas-header .site-brand img {
  width: auto !important;
  max-width: min(240px, 58vw) !important;
  max-height: 52px !important;
  height: 52px !important;
  object-fit: contain;
}

.site-header .header-main .site-brand img.mobile-logo {
  max-height: 44px !important;
  height: 44px !important;
}

/* Soften Bacola black page-hero overlay (brand, not layout) */
.page-hero .hero-image::before {
  opacity: 0 !important;
  background: transparent !important;
}
.page-hero {
  background: linear-gradient(135deg, #FFF8F0 0%, #FFE8D2 45%, #FFD9B8 100%) !important;
}
.page-hero .container .entry-title { color: var(--maasaa-brown-deep) !important; text-shadow: none !important; }
.page-hero .container .entry-subtitle { color: var(--maasaa-red) !important; text-shadow: none !important; }

/* Kill black site overlay wash */
.site-overlay,
.site-overlay.active,
.site-overlay.active-for-mega {
  background-color: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Buttons / accents — color only */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.site-header .header-nav .all-categories > a,
.single_add_to_cart_button {
  background-color: var(--maasaa-red) !important;
  border-color: var(--maasaa-red) !important;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--maasaa-orange) !important;
  border-color: var(--maasaa-orange) !important;
}

a:hover,
.product-wrapper .product-content .product-title a:hover {
  color: var(--maasaa-orange);
}

.site-footer .footer-contacts,
.site-footer .footer-type-contact,
.site-footer .site-phone {
  background: #D64518 !important;
}

/* Blog comment engagement (content UX, not layout chrome) */
.single-post .comments-area,
.single .comments-area {
  margin-top: 2rem;
  padding: 1.25rem 1.35rem;
  background: #fff;
  border: 1px solid #edeef5;
  border-radius: 10px;
}
.comment-list .children {
  margin-left: 1.25rem;
  padding-left: 1rem;
  border-left: 3px solid #FFD046;
}
.comment-author,
.comment-author a { font-weight: 700; color: #D64518; }
.comment-form .form-submit input {
  background: #D64518 !important;
  border-color: #D64518 !important;
  color: #fff !important;
}

/* Ensure Bacola equal-height slider becomes visible once slick inits */
.site-module.module-slider .site-slider {
  opacity: 1;
}
/* ==================================================================
   2026-07-27 — Buttons, Best Sellers nav, newsletter, readability
   (APPEND ONLY — do not remove earlier rules)
   ================================================================== */

/* --- Action buttons with #D64518 background → white text --- */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.site-header .header-nav .all-categories > a,
.site-header .header-main .header-actions .cart-button,
.product-wrapper .product-buttons .button,
.mc4wp-form input[type="submit"],
.footer-subscribe input[type="submit"],
a.button.button-primary,
.button.button-primary,
.button[style*="#D64518"],
button[style*="background"] {
  color: #ffffff !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.button.button-primary:hover {
  color: #ffffff !important;
}

/* Explicit for brand red backgrounds */
[style*="background-color:#D64518"],
[style*="background-color: #D64518"],
[style*="background:#D64518"],
[style*="background: #D64518"],
.button[style*="#D64518"],
.woocommerce a.button.alt,
.added_to_cart {
  color: #ffffff !important;
}

/* Footer contact strip on #D64518 */
.site-footer .footer-contacts,
.site-footer .footer-contacts a,
.site-footer .footer-contacts .entry-title,
.site-footer .footer-contacts span,
.site-footer .site-phone,
.site-footer .site-phone .entry-title,
.site-footer .site-phone span {
  color: #ffffff !important;
}

/* --- Best Sellers carousel nav: remove #D64518 background --- */
.elementor-widget-bacola-product-carousel .slick-arrow,
.elementor-widget-bacola-product-carousel .slick-prev,
.elementor-widget-bacola-product-carousel .slick-next,
.site-module.module-carousel .slick-arrow,
.site-module.module-carousel .slick-prev,
.site-module.module-carousel .slick-next,
.module-carousel .slider-wrapper .slick-arrow,
.products.site-slider .slick-arrow,
.products.site-slider .slick-prev,
.products.site-slider .slick-next {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #edeef5 !important;
  color: #202435 !important;
  box-shadow: 0 2px 8px rgba(32, 36, 53, 0.08) !important;
}
.elementor-widget-bacola-product-carousel .slick-arrow:hover,
.site-module.module-carousel .slick-arrow:hover,
.products.site-slider .slick-arrow:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #D64518 !important;
  border-color: #D64518 !important;
}

/* Undo global `button` red paint on slick arrows */
button.slick-arrow,
button.slick-prev,
button.slick-next,
.slick-arrow.button,
.slick-prev.button,
.slick-next.button {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #edeef5 !important;
  color: #202435 !important;
}

/* --- Newsletter signup: force visible Bacola-style form --- */
.site-footer .footer-subscribe {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}
.site-footer .footer-subscribe .subscribe-content,
.site-footer .footer-subscribe .entry-title,
.site-footer .footer-subscribe .entry-subtitle,
.site-footer .footer-subscribe .entry-teaser,
.site-footer .footer-subscribe .entry-teaser p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #202435 !important;
}
.site-footer .footer-subscribe .entry-teaser {
  opacity: 0.85 !important;
  max-width: 28rem !important;
}
.site-footer .footer-subscribe .form-wrapper,
.site-footer .footer-subscribe .mc4wp-form,
.site-footer .footer-subscribe .mc4wp-form-fields {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  position: relative !important;
}
.site-footer .footer-subscribe .subscribe-input,
.site-footer .footer-subscribe input[type="email"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 3rem !important;
  height: 3.5rem !important;
  background: #ffffff !important;
  color: #202435 !important;
  border: 1px solid #d9d9e9 !important;
  border-radius: 8px !important;
  padding: 0.75rem 7.5rem 0.75rem 3.125rem !important;
  font-size: 0.9375rem !important;
}
.site-footer .footer-subscribe input[type="submit"],
.site-footer .footer-subscribe .mc4wp-form input[type="submit"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  right: 0.35rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #D64518 !important;
  border-color: #D64518 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.65rem 1.1rem !important;
  z-index: 4 !important;
  height: auto !important;
  min-height: 2.5rem !important;
}
.site-footer .footer-subscribe .form-wrapper > i,
.site-footer .footer-subscribe .mc4wp-form-fields > i {
  display: inline-block !important;
  visibility: visible !important;
  color: #9b9bb4 !important;
  z-index: 5 !important;
}

/* --- Text over images: readable, no truncation (sitewide) --- */
.banner-content .entry-title,
.banner-content .entry-subtitle,
.banner-content .entry-text,
.banner-content .content-main,
.category-banner-image .entry-title,
.category-banner-image .entry-text,
.site-slider .slider-content,
.site-slider .slider-content .entry-title,
.site-slider .slider-content .content-text,
.site-slider .slider-content .content-description,
.site-slider .slider-content .price-text,
.module-banner .banner-content,
.module-banner .banner-content .entry-title,
.module-banner .banner-content .entry-subtitle,
.module-banner .banner-content .entry-text,
.shop-banner .banner-content,
.shop-banner .banner-content .entry-title,
.shop-banner .banner-content .entry-subtitle,
.shop-banner .banner-content .entry-text,
.page-hero .container .entry-title,
.page-hero .container .entry-subtitle,
.klb-text-banner .entry-title,
.module-purchase-banner .purchase-text {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  display: block !important;
}

/* Dark readable text on light banner photos + soft shadow for contrast */
.module-banner.image .banner-content .entry-title,
.module-banner.image .banner-content .entry-subtitle,
.category-banner-image .banner-content .entry-title,
.shop-banner .banner-content .entry-title,
.shop-banner .banner-content .entry-subtitle {
  color: #202435 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85), 0 0 12px rgba(255, 255, 255, 0.55) !important;
}
.module-banner.image .banner-content .entry-text,
.category-banner-image .banner-content .entry-text,
.shop-banner .banner-content .entry-text {
  color: #3e445a !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Soft scrim behind banner text so it stays readable on busy photos */
.module-banner.image .banner-content,
.category-banner-image .banner-content,
.shop-banner .banner-content {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  border-radius: 8px !important;
  padding: 1rem 1.15rem !important;
  box-decoration-break: clone !important;
}

/* Slider hero text */
.site-module.module-slider .slider-content .entry-title,
.site-module.module-slider .slider-content .content-text,
.site-module.module-slider .slider-content .content-description {
  color: #202435 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Module headers never clip */
.module-header .entry-title,
.module-header .entry-description,
.woocommerce-loop-product__title,
.product-wrapper .product-title,
.product_title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Responsive: keep overlay text fully visible on small screens */
@media (max-width: 767px) {
  .module-banner.image .banner-content,
  .category-banner-image .banner-content,
  .shop-banner .banner-content,
  .site-slider .slider-content {
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
    margin: 0.5rem 0 !important;
  }
  .banner-content .entry-title,
  .category-banner-image .entry-title,
  .shop-banner .entry-title,
  .site-slider .slider-content .entry-title {
    font-size: clamp(1.05rem, 4.5vw, 1.5rem) !important;
    line-height: 1.3 !important;
  }
  .site-footer .footer-subscribe .subscribe-input,
  .site-footer .footer-subscribe input[type="email"] {
    padding-right: 6.5rem !important;
  }
}

/* ==================================================================
   2026-07-27b — Bacola Home-4 section parity
   Best Sellers + category modules grids/hover/left links/responsive
   (APPEND ONLY)
   ================================================================== */

/* Undo earlier overlay scrims that fight Bacola category/banner layout */
.elementor-page-1181 .module-categor-products.style-2 .banner-content,
.elementor-page-1181 .module-categor-products.style-2 .category-banner-image .banner-content {
  background: transparent !important;
  box-shadow: none !important;
  padding: 1.25rem !important;
}
@media screen and (min-width: 75rem) {
  .elementor-page-1181 .module-categor-products.style-2 .banner-content {
    padding: 2.5rem !important;
  }
}

/* Left list — Bacola categories-links (product names for MaaSaa) */
.module-categor-products.style-2 .categories-links {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 50% !important;
  padding: 0.9375rem 0 !important;
}
.module-categor-products.style-2 .categories-links ul {
  display: flex !important;
  flex-flow: row wrap !important;
  list-style: none !important;
  margin: 0 0 auto !important;
  padding: 0 0.9375rem !important;
  width: 100% !important;
}
.module-categor-products.style-2 .categories-links ul li {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin: 0 0 0.35rem !important;
}
@media screen and (min-width: 75rem) {
  .module-categor-products.style-2 .categories-links ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
.module-categor-products.style-2 .categories-links ul a {
  color: #71778e !important;
  text-decoration: none !important;
  font-size: 0.8125rem !important;
  line-height: 1.4 !important;
  white-space: normal !important;
}
.module-categor-products.style-2 .categories-links ul a:hover {
  color: #D64518 !important;
}
.module-categor-products.style-2 .categories-links .button.button-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin: 0.75rem 0.9375rem 0.5rem !important;
  color: #233a95 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  text-decoration: none !important;
}
.module-categor-products.style-2 .categories-links .button.button-text:hover {
  color: #D64518 !important;
  background: transparent !important;
}

/* Category product grid — Bacola style-2 / type1 hover + add to cart */
.module-categor-products.style-2 .column.category-products .products {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  width: 100% !important;
}
.module-categor-products.style-2 .column.category-products .products > .product {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
@media screen and (min-width: 62rem) {
  .module-categor-products.style-2 .column.category-products .products > .product {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
}

/* Restore Bacola product hover: quick view / wishlist + fade add-to-cart */
.elementor-page-1181 .products .product .product-wrapper.product-type-1,
.elementor-page-1181 .products .product .product-wrapper.product-type-2 {
  position: relative;
}
.elementor-page-1181 .products .product .product-buttons > * {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.elementor-page-1181 .products .product:hover .product-buttons > * {
  opacity: 1 !important;
  visibility: visible !important;
}
.elementor-page-1181 .products .product .product-fade-block {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
}
.elementor-page-1181 .products .product:hover .product-fade-block {
  opacity: 1 !important;
  visibility: visible !important;
}
.elementor-page-1181 .products .product .product-content-fade {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.elementor-page-1181 .products .product:hover .product-content-fade {
  opacity: 1 !important;
}

/* Add to cart on brand red stays white text (already set) + Bacola wide button */
.elementor-page-1181 .product-fade-block .add_to_cart_button,
.elementor-page-1181 .product-button-group .button {
  color: #ffffff !important;
}

/* Best Sellers carousel: Bacola 5-up feel, no red arrow paint */
.elementor-page-1181 .elementor-widget-bacola-product-carousel .products.site-slider .slick-slide {
  height: auto !important;
}
.elementor-page-1181 .elementor-widget-bacola-product-carousel .slick-arrow,
.elementor-page-1181 .module-carousel .slick-arrow {
  background: #fff !important;
  border: 1px solid #edeef5 !important;
  color: #202435 !important;
}

/* Category strip (module-category style-1) — keep Bacola flex, readable images */
.elementor-page-1181 .module-category.style-1 .category-image img {
  max-height: 140px !important;
  width: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Responsive — Bacola breakpoints */
@media (max-width: 991px) {
  .module-categor-products.style-2 .module-body {
    flex-direction: column !important;
  }
  .module-categor-products.style-2 .column.category-banner,
  .module-categor-products.style-2 .column.category-products {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .module-categor-products.style-2 .categories-links ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (max-width: 575px) {
  .module-categor-products.style-2 .column.category-products .products > .product {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .module-categor-products.style-2 .categories-links ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ==================================================================
   2026-07-27c — View All buttons + extra category modules
   (APPEND ONLY — keep prior CSS)
   ================================================================== */

/* Bacola "View All" uses button-info-default — NOT solid primary red */
.module-header .button.button-info-default,
.module-categor-products .module-header .button.button-info-default,
.module-carousel .module-header .button.button-info-default,
.site-module .module-header a.button.button-info-default,
.elementor-page-1181 .module-header .button.button-info-default,
a.button.button-info-default.xsmall {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #d9d9e9 !important;
  color: #202435 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0.45rem 0.9rem !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
.module-header .button.button-info-default:hover,
.module-categor-products .module-header .button.button-info-default:hover,
.module-carousel .module-header .button.button-info-default:hover,
a.button.button-info-default.xsmall:hover {
  background: #D64518 !important;
  background-color: #D64518 !important;
  border-color: #D64518 !important;
  color: #ffffff !important;
}
.module-header .button.button-info-default i,
a.button.button-info-default i {
  color: inherit !important;
}

/* Banner "View All" inside category image stays primary (white on red) */
.module-categor-products .banner-content .button.button-primary,
.category-banner-image .button.button-primary {
  background: #D64518 !important;
  border-color: #D64518 !important;
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Module header layout — title left, View All right (Bacola) */
.module-categor-products .module-header,
.module-carousel .module-header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem 1rem !important;
  width: 100% !important;
}
.module-categor-products .module-header .column:last-child,
.module-carousel .module-header .column:last-child {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}
@media (max-width: 575px) {
  .module-categor-products .module-header .column:last-child,
  .module-carousel .module-header .column:last-child {
    width: 100%;
    margin-left: 0 !important;
  }
  .module-header .button.button-info-default {
    width: 100%;
    justify-content: center !important;
  }
}

/* ==================================================================
   2026-07-27d — Square banners, red View All, readable text, Bacola hover
   (APPEND ONLY)
   ================================================================== */

/* ----- Phase 1: Square category banner images (like Ghar Ka Masala look) ----- */
.module-categor-products.style-2 .category-banner-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #f7f7f9 !important;
}
.module-categor-products.style-2 .category-banner-image .banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.module-categor-products.style-2 .category-banner-image .banner-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  max-height: none !important;
}

/* Banner View All must stay visible on the image */
.module-categor-products.style-2 .category-banner-image .banner-content {
  position: absolute !important;
  z-index: 3 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  max-width: 100% !important;
  padding: 1.25rem !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.55) 55%, rgba(255,255,255,0) 100%) !important;
  border-radius: 0 !important;
}
@media screen and (min-width: 75rem) {
  .module-categor-products.style-2 .category-banner-image .banner-content {
    padding: 1.75rem 1.5rem !important;
  }
}
.module-categor-products.style-2 .category-banner-image .banner-content .button,
.module-categor-products.style-2 .category-banner-image .banner-content .button.button-primary {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0.85rem !important;
  position: relative !important;
  z-index: 4 !important;
}

/* Left product links stay below square image (Bacola categories-links) */
.module-categor-products.style-2 .column.category-banner {
  display: flex !important;
  flex-direction: column !important;
}
.module-categor-products.style-2 .categories-links {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* ----- Phase 2: ALL View All buttons = MaaSaa red, hover orange ----- */
.module-header .button.button-info-default,
.module-categor-products .module-header .button.button-info-default,
.module-carousel .module-header .button.button-info-default,
.site-module .module-header a.button.button-info-default,
.elementor-page-1181 .module-header .button.button-info-default,
a.button.button-info-default.xsmall,
.module-categor-products .banner-content .button,
.module-categor-products .banner-content .button.button-primary,
.category-banner-image .button.button-primary,
.module-categor-products .module-header .button,
.module-carousel .module-header .button {
  background: #D64518 !important;
  background-color: #D64518 !important;
  border: 1px solid #D64518 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.module-header .button.button-info-default:hover,
.module-categor-products .module-header .button.button-info-default:hover,
.module-carousel .module-header .button.button-info-default:hover,
a.button.button-info-default.xsmall:hover,
.module-categor-products .banner-content .button:hover,
.module-categor-products .banner-content .button.button-primary:hover,
.category-banner-image .button.button-primary:hover,
.module-categor-products .module-header .button:hover,
.module-carousel .module-header .button:hover {
  background: #FF7818 !important;
  background-color: #FF7818 !important;
  border-color: #FF7818 !important;
  color: #ffffff !important;
}
.module-header .button.button-info-default i,
.banner-content .button i {
  color: #ffffff !important;
}

/* Keep Shop All text-link style (not a solid View All) */
.module-categor-products.style-2 .categories-links .button.button-text {
  background: transparent !important;
  border: 0 !important;
  color: #233a95 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.module-categor-products.style-2 .categories-links .button.button-text:hover {
  background: transparent !important;
  color: #D64518 !important;
}

/* ----- Phase 3: Readable responsive text on category images ----- */
.module-categor-products.style-2 .banner-content .entry-title,
.module-categor-products.style-2 .banner-content .entry-title span,
.module-categor-products.style-2 .banner-content .entry-text {
  color: #202435 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.95) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  display: block !important;
}
.module-categor-products.style-2 .banner-content .entry-title {
  font-size: clamp(1.05rem, 1.6vw, 1.5rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 0.35rem !important;
}
.module-categor-products.style-2 .banner-content .entry-title span {
  display: block !important;
  font-size: 80% !important;
  font-weight: 500 !important;
  color: #3e445a !important;
}
.module-categor-products.style-2 .banner-content .entry-text {
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  color: #3e445a !important;
}
@media (max-width: 767px) {
  .module-categor-products.style-2 .category-banner-image .banner-content {
    position: absolute !important;
    padding: 1rem !important;
  }
  .module-categor-products.style-2 .banner-content .entry-title {
    font-size: clamp(1rem, 4.2vw, 1.35rem) !important;
  }
}

/* ----- Phase 4: Bacola Add-to-cart hover — NO grid height jump ----- */
/* Product cell stays relative; fade UI is absolute overlay like Bacola base.css */
.module-categor-products.style-2 .products .product,
.elementor-page-1181 .products .product,
.elementor-page-1181 .module-categor-products .products .product {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.module-categor-products.style-2 .products .product:hover,
.elementor-page-1181 .products .product:hover {
  z-index: 20 !important;
}

/* White card overlay on hover — absolute, does not expand layout height */
.module-categor-products.style-2 .products .product .product-content-fade,
.elementor-page-1181 .products .product .product-content-fade {
  position: absolute !important;
  top: -1px !important;
  bottom: 0 !important;
  left: -1px !important;
  right: -1px !important;
  height: auto !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1) !important;
  box-shadow: 5px 15px 30px rgba(62, 68, 90, 0.12) !important;
  z-index: 0 !important;
}
.module-categor-products.style-2 .products .product:hover .product-content-fade,
.elementor-page-1181 .products .product:hover .product-content-fade {
  opacity: 1 !important;
}

/* Add to cart block — absolute under content, slides in without pushing siblings */
.module-categor-products.style-2 .products .product .product-wrapper,
.elementor-page-1181 .products .product .product-wrapper {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}
.module-categor-products.style-2 .products .product .content-wrapper,
.elementor-page-1181 .products .product .content-wrapper {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}
.module-categor-products.style-2 .products .product .product-fade-block,
.elementor-page-1181 .products .product .product-fade-block {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 0.9375rem 0.9375rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(5px) !important;
  transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1) !important;
  z-index: 3 !important;
  background: #ffffff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}
.module-categor-products.style-2 .products .product:hover .product-fade-block,
.elementor-page-1181 .products .product:hover .product-fade-block {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Extend white fade card downward to cover the absolute add-to-cart area */
.module-categor-products.style-2 .products .product:hover .product-content-fade,
.elementor-page-1181 .products .product:hover .product-content-fade {
  bottom: auto !important;
  height: calc(100% + 3.25rem) !important;
}

.module-categor-products.style-2 .products .product .product-fade-block .add_to_cart_button,
.module-categor-products.style-2 .products .product .product-fade-block .button,
.elementor-page-1181 .products .product .product-fade-block .add_to_cart_button,
.elementor-page-1181 .products .product .product-fade-block .button {
  background: #D64518 !important;
  border-color: #D64518 !important;
  color: #ffffff !important;
  width: 100% !important;
}
.module-categor-products.style-2 .products .product .product-fade-block .add_to_cart_button:hover,
.elementor-page-1181 .products .product .product-fade-block .add_to_cart_button:hover {
  background: #FF7818 !important;
  border-color: #FF7818 !important;
  color: #ffffff !important;
}

/* Thumbnail quick buttons stay absolute; don't affect height */
.module-categor-products.style-2 .products .product .thumbnail-wrapper,
.elementor-page-1181 .products .product .thumbnail-wrapper {
  position: relative !important;
}
.module-categor-products.style-2 .products .product .product-buttons,
.elementor-page-1181 .products .product .product-buttons {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  z-index: 5 !important;
}


.header-top.header-wrapper.hide-mobile {
    background-color: transparent !important;
}
.header-top.header-wrapper.hide-mobile .topbar-notice, .header-top.header-wrapper.hide-mobile .text-content {
    color: #D64518;
}

.footer-iconboxes .iconbox-detail, .footer-iconboxes .iconbox-icon i {
    color: #D64518 !important;
}


/* ==================================================================
   2026-07-27e — Header top menu red + logo icon+tagline + INR polish
   (APPEND ONLY)
   ================================================================== */

/* Light top bar so MaaSaa red links are clearly readable */
.site-header .header-top,
.site-header .header-top.header-wrapper {
  background-color: #FFF8F0 !important;
  color: #D64518 !important;
  border-bottom: 1px solid #f0e6da !important;
}

/* About Us, My Account, Wishlist, Order Tracking */
.site-header .header-top .site-menu .menu > .menu-item > a,
.site-header .header-top .site-menu .menu > .menu-item a,
.site-header .header-top a,
.site-header .header-top .topbar-notice,
.site-header .header-top .topbar-notice span,
.site-header .header-top .text-content,
.site-header .header-top .text-content a {
  color: #D64518 !important;
  font-weight: 600 !important;
}

/* Language + Currency dropdowns */
.site-header .header-top .header-switchers a,
.site-header .header-top .header-switchers .menu-item > a,
.site-header .header-top .store-language .menu > .menu-item > a,
.site-header .header-top .select-language a,
.site-header .header-top .select-currency a {
  color: #D64518 !important;
  font-weight: 600 !important;
}

.site-header .header-top .site-menu .menu .menu-item:hover > a,
.site-header .header-top .header-switchers a:hover,
.site-header .header-top .header-switchers .menu-item:hover > a,
.site-header .header-top a:hover {
  color: #FF7818 !important;
}

.site-header .header-top .site-menu .menu > .menu-item .sub-menu {
  background: #ffffff !important;
  border: 1px solid #f0e6da !important;
}
.site-header .header-top .site-menu .menu > .menu-item .sub-menu a {
  color: #D64518 !important;
  font-weight: 500 !important;
}
.site-header .header-top .site-menu .menu > .menu-item .sub-menu a:hover {
  color: #FF7818 !important;
}

.site-header .header-top .column-right > * + * {
  border-left-color: #f0e6da !important;
}

/* ----- Logo: circular icon + tagline below (Bacola brand stack) ----- */
.site-header .header-main .site-brand a,
.site-canvas .canvas-header .site-brand a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.2rem !important;
  text-decoration: none !important;
  max-width: 100% !important;
  line-height: 1.15 !important;
}

.site-header .header-main .site-brand img.desktop-logo,
.site-header .header-main .site-brand img.mobile-logo,
.site-header .header-main .site-brand img.default-brand,
.site-canvas .canvas-header .site-brand img,
/* neutralized: blanket site-brand img display:block caused double logo */

.site-header .header-main .site-brand .brand-description,
.site-brand .brand-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 11.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #3e445a !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

@media (max-width: 991px) {
  .site-header .header-main .site-brand img.desktop-logo,
  .site-header .header-main .site-brand img.mobile-logo,
  .site-header .site-brand img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
  .site-header .header-main .site-brand .brand-description {
    max-width: 9.5rem !important;
    font-size: 0.625rem !important;
  }
}

@media (max-width: 575px) {
  .site-header .header-main .site-brand img.desktop-logo,
  .site-header .header-main .site-brand img.mobile-logo,
  .site-header .site-brand img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
  .site-header .header-main .site-brand .brand-description {
    max-width: 8rem !important;
    font-size: 0.5625rem !important;
  }
}

/* Currency symbol polish */
.woocommerce-Price-currencySymbol {
  font-weight: 600;
}

/* Footer bottom utility links also MaaSaa red on light strips / clearer on dark */
.site-footer .footer-bottom .footer-menu li a,
.site-footer .site-copyright a {
  color: #FFD6C2 !important;
  font-weight: 600 !important;
}
.site-footer .footer-bottom .footer-menu li a:hover,
.site-footer .site-copyright a:hover {
  color: #ffffff !important;
}

/* ==================================================================
   2026-07-27f — Favicon/logo sync polish: one logo + visible theme tagline
   (APPEND ONLY)
   ================================================================== */

/* CRITICAL: do NOT force display:block on all brand imgs — that breaks
   Bacola .hide-mobile / .hide-desktop and shows desktop+mobile = double logo */
.site-header .header-main .site-brand img.desktop-logo,
.site-header .header-main .site-brand img.mobile-logo,
.site-header .header-main .site-brand img.default-brand,
.site-canvas .canvas-header .site-brand img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 50% !important;
  background: transparent !important;
}

/* Restore Bacola visibility rules (higher specificity than older overrides) */
@media screen and (max-width: 75rem) {
  .site-header .site-brand img.hide-mobile,
  .site-header .header-main .site-brand img.desktop-logo.hide-mobile {
    display: none !important;
  }
  .site-header .site-brand img.mobile-logo.hide-desktop,
  .site-header .header-main .site-brand img.mobile-logo {
    display: block !important;
  }
}
@media screen and (min-width: 75rem) {
  .site-header .site-brand img.hide-desktop,
  .site-header .header-main .site-brand img.mobile-logo.hide-desktop {
    display: none !important;
  }
  .site-header .site-brand img.desktop-logo.hide-mobile,
  .site-header .header-main .site-brand img.desktop-logo {
    display: block !important;
  }
}

/* Theme config tagline (bacola_logo_desc) must stay visible under the icon */
.site-header .header-main .site-brand a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
}
.site-header .header-main .site-brand .brand-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  max-width: 12rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #3e445a !important;
  white-space: normal !important;
  overflow: visible !important;
  height: auto !important;
  clip: auto !important;
}
@media (max-width: 991px) {
  .site-header .header-main .site-brand img.desktop-logo,
  .site-header .header-main .site-brand img.mobile-logo,
  .site-canvas .canvas-header .site-brand img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
  .site-header .header-main .site-brand .brand-description {
    max-width: 10rem !important;
    font-size: 0.625rem !important;
  }
}
@media (max-width: 575px) {
  .site-header .header-main .site-brand img.desktop-logo,
  .site-header .header-main .site-brand img.mobile-logo {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
  .site-header .header-main .site-brand .brand-description {
    max-width: 8.5rem !important;
    font-size: 0.5625rem !important;
  }
}