/* ==========================
   🧱 HEADER STYLING
========================== */
.site-header {
  width: 100%;
  background: #fff;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 20px;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.site-logo img {
  height: 90px;
	margin-bottom: -10px
}

.woocommerce-shipping-destination,
.wc-block-components-shipping-rates-control__package-address {
  display: none !important;
}
.site-navigation {
  display: flex;
  gap: 20px;
  flex-grow: 1;
  justify-content: center;
}

.site-navigation a {
  text-decoration: none;
  font-weight: 500;
  
}

.header-cart {
  white-space: nowrap;
  font-weight: 500;
  color: #d6006d;
}

.pickup-info-header {
    background: #e6f7ff;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}



/* Azan code start*/
/* Modern Conversion-Focused Button */
/* Make the “ORDER ONLINE” menu link text white in all states */
li.header-button > a,
li.header-button > a:visited,
li.header-button > a:hover,
li.header-button > a:active {
  color: #ffffff !important;
}

.header-button{
	background-color: #ff4da6;
	color: #ffffff !important;
  /* Base Styling */
  
  padding: 4px 8px !important;
  border-radius:11px !important;
  
  /* Typography */
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  
  /* Effects */
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.25) !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  transform-style: preserve-3d;
  border: none !important;
  
  /* Positioning */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 20px !important;
}

/* Hover State - 10% darker with enhanced shadow */
.header-button:hover {
  background: #e5007b !important;
  color: black !important; /* Or a dark grey like #333 */
}

/* Active State - Pressed effect */
.header-button:active {
  transform: translateY(1px) scale(0.98);
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .header-button {
    width: 70% !important;
    margin: 5px 0 0 0 !important;
    padding: 5px 5px !important;
  }
}
/* Reorder Header Elements */
.header-utilities {
  display: flex;
  align-items: center;
  order: 2; /* Forces this group to appear after button */
}

.header-button {
  order: 1; /* Moves button before utilities */
  margin-left: 20px !important;
  margin-right: 0px !important; /* Space between button and cart */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .header-utilities, 
  .header-button {
    order: unset; /* Reset for mobile */
    width: 100%;
    margin: 5px 0 !important;
  }
}
/* Azan code End*/




/* ==========================
   🦶 FOOTER STYLING
========================== */
.site-footer {
  padding: 40px 20px;
  background: #fff;
  color: #333;
  font-family: inherit;
}

.site-footer .footer-widgets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-logo-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.footer-logo-social img {
  max-width: 100px;
  height: auto;
}

.footer-links,
.footer-contact {
  text-align: left;
}

.footer-links h4,
.footer-contact h4 {
  color: #d10072;
  font-weight: 700;
  margin-bottom: 10px;
}

.footer-links a,
.footer-contact a {
  color: #d10072;
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}

.footer-links a {
  font-style: italic;
  text-decoration: underline;
}

.site-footer .site-info {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
  color: #d10072;
}

@media (max-width: 768px) {
  .site-footer .footer-widgets {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/* ==========================
   🎯 MISC UTILITIES
========================== */
.go-back {
  margin-top: 20px;
  text-align: center;
}

.go-back a {
  background: #d10072;
  color: white;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  transition: background 0.3s ease;
}

.go-back a:hover {
  background: #ff1493;
}

.category-filter {
  text-align: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.category-filter button,
.category-button {
  background-color: #d10072;
  color: white;
  border: none;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 6px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.category-filter button:hover,
.category-button:hover {
  background: #b80063;
}

.product-section {
  margin-bottom: 40px;
}

.product-section h2 {
  text-align: center;
  color: #e6006c;
  margin-bottom: 16px;
  font-size: 22px;
}

/* ==========================
   🧱 HEADER STYLING
========================== */
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 10px 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: nowrap;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
}

.site-branding img {
  height: 80px;
  width: auto;
  display: block;
}

.site-title {
  font-size: 24px;
  font-weight: bold;
  color: #d6006d;
  margin: 0;
  line-height: 1;
}

.site-navigation {
  display: flex;
  gap: 20px;
}

.site-navigation a {
 
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}

.site-navigation a:hover {
  color: #a00050;
}

.header-cart {
  font-size: 16px;
  color: #d6006d;
  white-space: nowrap;
}

/* 🔄 Responsive Header */
@media (max-width: 1024px) {
  .site-header {
    padding: 10px 20px;
    height: auto;
  }

  .site-branding img {
    height: 60px;
  }

  .header-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-navigation {
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .header-cart {
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .site-header {
    padding: 8px 16px;
  }

  .site-branding img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .product-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    max-width: 100%;
  }

  .product-categories li {
    flex: 0 0 48%;
    margin-bottom: 16px;
    text-align: center;
    box-sizing: border-box;
  }

  .product-categories img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 6px;
  }

  .product-categories li a {
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
    display: block;
  }
}
/* 🛒 Clean 2-column product grid for mobile */
@media (max-width: 767px) {
  .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .woocommerce ul.products li.product {
    flex: 0 0 48%;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align: center;
  }

  .woocommerce ul.products li.product img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
  }

  .woocommerce ul.products li.product .button {
    display: block;
    width: 100%;
    margin-top: 8px;
    background-color: #d10072;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 0 8px 8px;
    padding: 10px;
    font-size: 14px;
  }
}
/* ─── PRODUCT GRID CONTAINER ─── */
.woocommerce ul.products {
  background: transparent !important; /* kill any grey wrapper */
  padding: 0;
  margin: 0 auto;
}

/* ─── PRODUCT CARD ─── */
.woocommerce ul.products li.product {
  background: #fff;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(33.333% - 20px) !important;
  margin: 0 10px 30px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* ─── IMAGE ─── */
.woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 15px;
}

/* ─── TITLE & PRICE ─── */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #d6006d;
  text-align: center;
  margin: 10px 0 5px;
}

.woocommerce ul.products li.product .price {
  font-size: 1rem;
  color: #a4b70c;
  margin-bottom: 15px;
}

/* ─── ADD TO CART BUTTON AT BOTTOM ─── */
.woocommerce ul.products li.product .button {
  margin-top: auto;
  background: #efebf4;
  color: #333;
  font-weight: 600;
  border-radius: 6px;
  padding: 12px 20px;
  transition: background .25s;
}

.woocommerce ul.products li.product .button:hover {
  background: #e1dbed;
}

/* ─── RESPONSIVE ─── */
/* Tablets — two across */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product {
    width: calc(50% - 20px) !important;
  }
}
/* Phones — one across */
@media (max-width: 600px) {
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 0 30px;
  }
}
/* Center the price under each card */
.woocommerce ul.products li.product .price {
  display: block;
  width: 100%;
  text-align: center;
  margin: 10px 0 15px; /* tweak your vertical spacing if you like */
}
/* 🧁 Fix category cards layout on mobile */
@media (max-width: 767px) {
  .product-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .product-categories li {
    width: 48% !important;
    margin: 1% !important;
    text-align: center;
    box-sizing: border-box;
  }

  .product-categories img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 8px;
  }

  .product-categories li a {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
    display: block;
  }
}
@media (max-width: 767px) {
  .woocommerce ul.products {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .woocommerce ul.products li.product {
    width: 95% !important;
    margin-bottom: 24px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding-bottom: 16px;
  }

  .woocommerce ul.products li.product img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
    display: block;
  }

  .woocommerce ul.products li.product h2,
  .woocommerce ul.products li.product .price {
    font-size: 16px;
    margin: 10px 0;
  }

  .woocommerce ul.products li.product .button {
    display: block;
    width: 90%;
    margin: 0 auto;
    background: #d10072;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px;
    font-size: 15px;
    border-radius: 6px;
  }
}
@media (max-width: 767px) {
  /* 🧱 Product grid container */
  .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
  }

  /* 🧁 Product cards - 2 per row */
  .woocommerce ul.products li.product {
    width: 48% !important;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }

  /* 📷 Product images - larger */
  .woocommerce ul.products li.product img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    display: block;
  }

  /* 🛒 Add to cart button - full width */
  .woocommerce ul.products li.product .button {
    display: block;
    width: 100%;
    background: #d10072;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px;
    font-size: 14px;
    border-radius: 0 0 8px 8px;
  }

  /* 💬 Titles and prices */
  .woocommerce ul.products li.product h2,
  .woocommerce ul.products li.product .price {
    font-size: 15px;
    margin: 8px 0;
  }
}
.product-short-desc {
  font-size: 14px;
  color: #777;
  margin: 10px 0;
}
.product-short-desc {
  text-align: center;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
  margin: 10px 0;
}
/* ==========================================================================
   Make the product grid full-bleed on mobile so it stretches edge-to-edge
   ========================================================================== */
@media (max-width: 767px) {
  /* 80%-wide mobile grid, centered */
  .woocommerce-page .elementor-shortcode .products,
  .woocommerce ul.products {
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto !important;
    padding: 0; /* you can re-add side-padding if you like */
    box-sizing: border-box;
  }

  /* each card still spans its column */
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 auto 30px; /* vertical gutter */
  }
}
/* 1) Make every product‐section background white */
.product-section {
  background: #fff !important;
  padding: 40px 0 !important; /* you can tweak the top/bottom spacing here */
}

/* 2) If you have any gray wrapper around your Elementor shortcode, clear it too */
.elementor-shortcode {
  background: none !important;
}

/* 3) Ensure the inner products UL stays on white */
.elementor-shortcode .products,
.elementor-shortcode ul.products {
  background: #fff !important;
}
/* Center everything inside your product cards */
.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Give your price a little breathing room */
.woocommerce ul.products li.product .price {
  margin: 0.5em 0;
}

/* Push the “Add to Cart” button down so cards always look even */
.woocommerce ul.products li.product .button {
  margin-top: auto;
}
.lcac-hero {
  position: relative;
  width: 100%;
  height: 400px;               /* adjust as needed */
  background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url('https://lilcakesandcreamery.com/wp-content/uploads/2025/04/hero-bg.jpg')
      center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lcac-hero__overlay {
  text-align: center;
  color: #fff;
  max-width: 800px;
  padding: 0 20px;
}

.lcac-hero__title {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.lcac-hero__input-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 500px;
}

.lcac-hero__input-wrap input {
  width: 100%;
  padding: 15px 50px 15px 20px;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.lcac-hero__icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  pointer-events: none;
  color: #888;
}

/* Mobile tweak */
@media (max-width: 768px) {
  .lcac-hero { height: 300px; }
  .lcac-hero__title { font-size: 1.8rem; }
  .lcac-hero__input-wrap input { padding: 12px 45px 12px 15px; }
}
.lcac-hero {
  position: relative;
  width: 100%; height: 350px;
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url('https://lilcakesandcreamery.com/wp-content/uploads/2025/04/hero-bg.jpg')
    center/cover no-repeat;
  display: flex; align-items: center; justify-content: center;
}
.lcac-hero__overlay { text-align: center; color: #fff; padding: 0 20px; }
.lcac-hero__title {
  font-size: 2.5rem; margin-bottom: 1rem; text-transform: uppercase;
}
.lcac-hero__input-wrap {
  position: relative; width: 100%; max-width: 500px;
}
.lcac-hero__input-wrap input {
  width: 100%; padding: 15px 50px 15px 20px;
  font-size: 1rem; border: none; border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.lcac-hero__icon {
  position: absolute; right: 15px; top: 50%;
  transform: translateY(-50%); font-size: 1.2rem; pointer-events: none;
  color: #888;
}
/* Mobile tweak */
@media (max-width: 768px) {
  .lcac-hero { height: 250px; }
  .lcac-hero__title { font-size: 1.8rem; }
  .lcac-hero__input-wrap input { padding: 12px 45px 12px 15px; }
}
/* ==========================================================================
   📦 Fix product image sizing & responsive title
   ========================================================================== */

/* 1. Make product images fill the card */
.woocommerce ul.products li.product img {
  width: 100% !important;
  object-fit: cover !important;
}

/* ─── Tablet (769px–1024px) ─── */
@media (max-width: 1024px) and (min-width: 769px) {
  /* product cards two across */
  .woocommerce ul.products li.product {
    width: calc(50% - 20px) !important;
    margin: 0 10px 30px !important;
  }
  /* give images a nice height */
  .woocommerce ul.products li.product img {
    height: 220px !important;
  }
  /* shrink hero title */
  .lcac-hero__title {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

/* ─── Mobile (up to 768px) ─── */
@media (max-width: 768px) {
  /* product cards full-width */
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 0 20px !important;
  }
  /* slightly smaller image height on phone */
  .woocommerce ul.products li.product img {
    height: 180px !important;
  }
  /* shrink hero title more so input + products are visible */
  .lcac-hero__title {
    font-size: 1.6rem !important;
    margin-bottom: 0.8rem !important;
    line-height: 1.2 !important;
  }
}
/* Hide primary desktop nav on tablet & mobile */
@media (max-width: 768px) {
  /* Adjust this selector if your menu has a different class or ID */
  .site-navigation,
  nav.main-navigation,
  #primary-menu {
    display: none !important;
  }
}
/* ─── Tablet (up to 1024px) ─── */
@media (max-width: 1024px) {
  /* target your hero heading—swap .lcac-hero__title if needed */
  .lcac-hero__title,
  .elementor-widget-heading .elementor-heading-title {
    font-size: 2rem !important;    /* shrink to 2rem on tablets */
    line-height: 1.2 !important;
  }
}

/* ─── Mobile (up to 768px) ─── */
@media (max-width: 768px) {
  .lcac-hero__title,
  .elementor-widget-heading .elementor-heading-title {
    font-size: 1.6rem !important;  /* shrink further on phones */
    line-height: 1.2 !important;
    margin-bottom: 0.8rem !important;
  }
}

#pickup-time-modal {
  display: none !important;
  visibility: hidden;
  opacity: 0;
}


@media (max-width: 768px) {
  .elementor-nav-menu--dropdown, 
  .your-mobile-menu-class {
    background-color: #ffffff !important; /* Change to your desired color */
  }
}

#dokan-secondary {
    display: none;
}
.logged-in .loginmenu {
    display: none;
}
.logoutmenu {
    display: none;
}

.logged-in .logoutmenu {
    display: block !important;
    color: #dc2381;
}

.site-navigation ul.menu li a {
    padding: 8px 10px !important;
}
nav.woocommerce-breadcrumb {
    display: none;
}
.single-product #main {
    padding-top: 40px;
}
span.dashicons.dashicons-arrow-right-alt2.dokan-btn-theme.dokan-btn-round, button.dokan-store-list-filter-button.dokan-btn.dokan-btn-theme {
    background-color: #ff4da6 !important;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer{
	padding:33px 20px;
}
.woocommerce-shipping-destination,
.wc-block-components-shipping-rates-control__package-address {
  display: none !important;
}
/* Card look for the pickup block */
.lc-pickup-box {
  background: #fff9fb;
  border: 2px solid #f8c6dc;
  border-radius: 12px;
  padding: 18px;
  margin-top: 8px;
}

/* Heading style */
.lc-pickup-title {
  font-size: 20px;
  font-weight: 700;
  color: #d63384;
  margin-bottom: 10px;
}

/* Two-column layout for date/time on wide screens */
#pickup_date_field.lc-half,
#pickup_time_field.lc-half {
  width: 100%;
}
@media (min-width: 700px) {
  #pickup_date_field.lc-half,
  #pickup_time_field.lc-half {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
  }
  #pickup_date_field.lc-half { margin-right: 12px; }
}

/* Inputs look cleaner */
#pickup_date_field .input-text,
#pickup_time_field .input-text,
#pickup_time_field select {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  font-size: 15px;
}

/* Hide the top “site time” line if present */
.lc-hide-site-time { display: none !important; }
/* Hide only the processing message under each vendor block */
.delivery-group > .vendor-info {
  display: none !important;
}
/* Pickup Information – tidy UI */
.delivery-time-body .title { font-weight: 700; font-size: 20px; }

.lc-pickup-label { 
  display:block; 
  margin:12px 0 6px; 
  font-weight:600; 
  font-size:14px; 
}

.delivery-time-body .form-control.input,
.delivery-time-body select.delivery-time-slot-picker,
.delivery-time-body select.delivery-store-location-picker {
  height: 50px;
  border-radius: 10px;
  padding: 10px 14px;
}

/* Hide the small info tooltip icon */
.delivery-time-body .dokan-delivery-time-tooltip { display: none !important; }

/* Subtle separation */
.delivery-time-body hr { margin:20px 0; opacity:.15; }
/* Payment area wrap */
.woocommerce-checkout #payment {
  background: #f6fafc;
  border: 1px solid #e6edf2;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(17, 24, 39, 0.06);
}

/* Gateway title row */
#payment .wc_payment_methods .wc_payment_method {
  padding: 12px 14px;
  border-bottom: 1px solid #e9eef3;
}
#payment .wc_payment_methods .wc_payment_method:last-child {
  border-bottom: 0;
}

/* Dokan Stripe title line (icons stay inline) */
#payment .payment_methods .payment_method_dokan_stripe > label {
  display: flex; align-items: center; gap: 10px;
  font-weight: 600; color: #111827;
}

/* The inner payment content box */
#payment .payment_box.payment_method_dokan_stripe {
  background: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 12px;
  padding: 18px 18px 8px;
  margin: 12px 0 0;
  box-shadow: 0 1px 8px rgba(17, 24, 39, 0.05);
}

/* Saved-card radio list spacing */
#payment .payment_box.payment_method_dokan_stripe .wc-saved-payment-methods li {
  padding: 10px 6px;
  border-radius: 8px;
}
#payment .payment_box.payment_method_dokan_stripe .wc-saved-payment-methods li:hover {
  background: #f8fafc;
}

/* “Use a new payment method” radio line */
#payment .payment_box.payment_method_dokan_stripe .wc-payment-form {
  margin-top: 10px;
}

/* Stripe Elements host (you can’t style the iframed fields themselves) */
#payment .payment_box.payment_method_dokan_stripe .StripeElement,
#payment .payment_box.payment_method_dokan_stripe .wc-stripe-elements-field {
  padding: 12px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fff;
}

/* Full-width, Bento-style Place order button */
#place_order,
.woocommerce #place_order.button.alt {
  width: 100%;
  background: #63c1d6;
  color: #fff;
  font-weight: 700;
  border: 0;
  border-radius: 12px;
  padding: 16px 22px;
  box-shadow: 0 4px 12px rgba(99, 193, 214, .35);
  transition: transform .02s ease, background .2s ease, box-shadow .2s ease;
}
#place_order:hover { background: #55b2c7; box-shadow: 0 6px 18px rgba(99,193,214,.45); }
#place_order:active { transform: translateY(1px); }

/* “Your personal data…” paragraph: soften & add spacing */
#payment .woocommerce-privacy-policy-text {
  margin-top: 14px; color: #4b5563; font-size: 14px;
}

/* Remove the grey WC border line under payments */
.woocommerce-checkout #payment div.payment_box::before { display: none; }
/* Payment area wrap */
.woocommerce-checkout #payment {
  background: #fff;
  border: 1px solid #f5d9f0;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(242, 116, 219, 0.08);
}

/* Gateway title row */
#payment .wc_payment_methods .wc_payment_method {
  padding: 12px 14px;
  border-bottom: 1px solid #f3e0f7;
}
#payment .wc_payment_methods .wc_payment_method:last-child {
  border-bottom: 0;
}

/* Dokan Stripe title line (icons stay inline) */
#payment .payment_methods .payment_method_dokan_stripe > label {
  display: flex; 
  align-items: center; 
  gap: 10px;
  font-weight: 600; 
  color: #111827;
}

/* The inner payment content box */
#payment .payment_box.payment_method_dokan_stripe {
  background: #fff;
  border: 1px solid #f5d9f0;
  border-radius: 12px;
  padding: 18px 18px 8px;
  margin: 12px 0 0;
  box-shadow: 0 1px 8px rgba(242, 116, 219, 0.08);
}

/* Saved-card radio list spacing */
#payment .payment_box.payment_method_dokan_stripe .wc-saved-payment-methods li {
  padding: 10px 6px;
  border-radius: 8px;
}
#payment .payment_box.payment_method_dokan_stripe .wc-saved-payment-methods li:hover {
  background: #fdf4fb;
}

/* Stripe Elements host */
#payment .payment_box.payment_method_dokan_stripe .StripeElement,
#payment .payment_box.payment_method_dokan_stripe .wc-stripe-elements-field {
  padding: 12px;
  border: 1px solid #f5d9f0;
  border-radius: 10px;
  background: #fff;
}

/* Place order button — Lil Cakes pink */
#place_order,
.woocommerce #place_order.button.alt {
  width: 100%;
  background: #F274DB;
  color: #fff;
  font-weight: 700;
  border: 0;
  border-radius: 12px;
  padding: 16px 22px;
  box-shadow: 0 4px 12px rgba(242, 116, 219, 0.35);
  transition: transform .02s ease, background .2s ease, box-shadow .2s ease;
}
#place_order:hover { background: #e050c5; box-shadow: 0 6px 18px rgba(242, 116, 219,.45); }
#place_order:active { transform: translateY(1px); }

/* Privacy text */
#payment .woocommerce-privacy-policy-text {
  margin-top: 14px; 
  color: #4b5563; 
  font-size: 14px;
}

/* Remove the grey WC border line under payments */
.woocommerce-checkout #payment div.payment_box::before { display: none; }
/* Map container tweaks */
.dokan-geolocation-map-wrap,
.dokan-geolocation-filter-map {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* Store cards */
.dokan-geolocation-result-item,
.dokan-store-listing .store-item {
  border: 1px solid #eee;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.05) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
  margin-bottom: 18px !important;
  background: #fff !important;
}
.dokan-geolocation-result-item:hover,
.dokan-store-listing .store-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08) !important;
}

/* Pickup button style to match your brand pink */
.dokan-geolocation-result-item .button,
.dokan-store-listing .store-item .dokan-btn,
a.pickup-button, a.button.pickup {
  background: #F274DB !important;
  border-color: #F274DB !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
}
.dokan-geolocation-result-item .button:hover,
.dokan-store-listing .store-item .dokan-btn:hover {
  filter: brightness(0.95);
}
.lc-nearest-wrap{
  margin:16px 0 20px; padding:16px; background:#fff; border:1px solid #eee;
  border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.lc-nearest-wrap label{display:block; font-weight:600; margin-bottom:8px}
.lc-nearest-row{display:flex; gap:10px; align-items:center}
#lc-nearest-input{flex:1; height:44px; padding:0 12px; border:1px solid #ddd; border-radius:10px}
#lc-nearest-submit,#lc-use-my-location{
  height:44px; border:none; padding:0 14px; border-radius:999px; cursor:pointer;
}
#lc-nearest-submit{background:#F274DB; color:#fff}
#lc-use-my-location{background:#f6f6f8; color:#333}
#lc-nearest-submit:hover{filter:brightness(.95)}
.lc-nearest-hint{display:block; margin-top:6px; color:#777; font-size:12px}
/* Hide the top filter/search bars */
.dokan-geo-filters,
.location-filters,
.dokan-geo-filters-row,
.dokan-geo-filters-column,
.dokan-store-listing-filter-wrap { display: none !important; }

/* Hide SKU on single product */
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .sku { 
  display: none !important;
}

/* Make Add to Cart button pink (single product) */
.single-product .single_add_to_cart_button.button,
.single-product .single_add_to_cart_button.button.alt {
  background: #ff4da6 !important;
  border-color: #ff4da6 !important;
  color: #fff !important;
  border-radius: 999px;           /* optional pill */
  font-weight: 800;
}
.single-product .single_add_to_cart_button.button:hover,
.single-product .single_add_to_cart_button.button.alt:hover {
  filter: brightness(.95);
}
.single-product .single_add_to_cart_button.button:disabled,
.single-product .single_add_to_cart_button.button.disabled {
  background: #ff9ccf !important;
  border-color: #ff9ccf !important;
  color: #fff !important;
  opacity: .8;
}
/* Hide Category line on single product */
.single-product .product_meta .posted_in { 
  display: none !important; 
}

/* (already shared) Hide SKU + pink ATC button for reference */
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .sku { display:none !important; }
.single-product .single_add_to_cart_button.button,
.single-product .single_add_to_cart_button.button.alt{
  background:#ff4da6 !important;
  border-color:#ff4da6 !important;
  color:#fff !important;
  border-radius:999px;
  font-weight:800;
}
/* Tip UI styling */
.lc-tip-wrap{
  margin: 14px 0 18px;
  padding: 14px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}
.lc-tip-title{ margin:0 0 8px; font-weight:800; }

.lc-tip-buttons{
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;
}
.lc-tip-btn{
  border:1.5px solid #eee; background:#fafafa; color:#333;
  border-radius:999px; padding:8px 12px; font-weight:700; cursor:pointer;
}
.lc-tip-btn.is-active{ background:#ff4da6; border-color:#ff4da6; color:#fff; }
.lc-tip-btn.lc-tip-none{ background:#fff; }

.lc-tip-custom-row{
  display:flex; align-items:center; gap:8px;
  background:#fafafa; border:1.5px solid #eee; border-radius:12px; padding:6px 8px; width:280px; max-width:100%;
}
.lc-tip-custom-row .currency{ font-weight:700; color:#555; }
.lc-tip-custom-row input{ border:none; background:transparent; outline:none; flex:1; }
.lc-tip-apply{
  border:none; background:#ff4da6; color:#fff; border-radius:999px; padding:6px 10px; font-weight:800; cursor:pointer;
}
.lc-tip-note{ display:block; margin-top:6px; color:#666; 
}
.page-id-3723 .woocommerce-checkout-review-order-table tbody tr:last-child {
    display: none;
}
/* Hide by default (for desktop and tablet) */
.custom-cart-after {
    display: none;
}

/* Show and style only on mobile screens */
@media screen and (max-width: 768px) {
    .custom-cart-after {
        top: 25px;
        position: fixed;
        right: 25%;
        z-index: 1000;
        display: block;
    }
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    background: #dc2381 !important;
}
.woocommerce-ResetPassword .woocommerce-Button.button {
    background: #dc2381 !important;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background: #dc2381 !important;
}
]
/* Store Page Styling - Lil Cakes */
.dokan-store .store-header {
  text-align:center;
  padding:20px 0;
}
.dokan-store .store-header img {
  border-radius: 50%;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.dokan-store .store-header h1 {
  font-size:28px;
  color:#e91e63;
  font-weight:700;
  margin-top:10px;
}
.dokan-store .dokan-store-products ul.products li.product {
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
  padding:10px;
}
.dokan-store .dokan-store-products .button {
  background:#e91e63;
  border-radius:999px;
  color:#fff;
  font-weight:600;
}
.dokan-store .dokan-store-products .button:hover {
  background:#c2185b;
}
/* Store Sidebar Cards */
.dokan-store .store-sidebar {
  background:#fffafa;
  border-radius:12px;
  padding:15px;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  margin-bottom:20px;
}

/* Category Pills */
.dokan-store .dokan-store-products .dokan-category-filter ul li a {
  background:#ffe4ec;
  color:#e91e63;
  padding:6px 14px;
  border-radius:999px;
  font-weight:600;
}
.dokan-store .dokan-store-products .dokan-category-filter ul li a.active {
  background:#e91e63;
  color:#fff;
}

/* Product Cards */
.woocommerce ul.products li.product {
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
  padding:10px;
}
.woocommerce ul.products li.product a.button {
  background:#e91e63;
  border-radius:999px;
  color:#fff;
  font-weight:600;
}
@media screen and (max-width: 767px) {
 .ehp-footer__menu {
   justify-content: center !important;
    flex-wrap: wrap !important;
    align-content: center !important;
	 flex-direction: row !important;
	}
	footer.ehp-footer.has-box-border {
    text-align: center;
}
	.ehp-footer__side-content {
		align-items: center;
	}
}
.page-id-3155 li.dokan-single-seller:nth-child(1) .country {
  color: transparent;
  position: relative;
  
}
.page-id-3155 li.dokan-single-seller:nth-child(1) .country::before {
  content: "20165";
  color: black;
 
	padding-left: 5px;
}

.page-id-3155 li.dokan-single-seller:nth-child(2) .country {
  color: transparent;
  position: relative;
 
}
.page-id-3155 li.dokan-single-seller:nth-child(2) .country::before {
  content: "21076";
  color: black;
  
	 padding-left: 5px;
}

.page-id-3155 li.dokan-single-seller:nth-child(3) .country {
  color: transparent;
  position: relative;
  
}
.page-id-3155 li.dokan-single-seller:nth-child(3) .country::before {
  content: "20877";
  color: black;
  
	padding-left: 5px;
}

.page-id-3155 li.dokan-single-seller:nth-child(4) .country {
  color: transparent;
  position: relative;
 
}
.page-id-3155 li.dokan-single-seller:nth-child(4) .country::before {
	 padding-left: 5px;
  content: "22314";
  color: black;
 
}

.page-id-3155 li.dokan-single-seller:nth-child(5) .country {
  color: transparent;
  position: relative;

}
.page-id-3155 li.dokan-single-seller:nth-child(5) .country::before {
  content: "21704";
  color: black;
	  padding-left: 5px;
}

.page-id-3155 li.dokan-single-seller:nth-child(6) .country {
  color: transparent;
  position: relative;
 
}
.page-id-3155 li.dokan-single-seller:nth-child(6) .country::before {
  content: "20852";
  color: black;
 
	 padding-left: 5px;
}

.page-id-3155 li.dokan-single-seller:nth-child(7) .country {
  color: transparent;
  position: relative;
 
}
.page-id-3155 li.dokan-single-seller:nth-child(7) .country::before {
	 padding-left: 5px;
  content: "21236";
  color: black;
  
}
/* === Lil Cakes & Creamery Mailing List Form === */
:root{
  --lc-pink:#ff6aa9;
  --lc-blue:#3e7bff;
  --lc-dark:#222;
  --lc-light:#777;
  --lc-radius:20px;
}

/* Container */
.lc-signup {
  max-width: 620px;
  margin: 60px auto;
  text-align: center;
  padding: 40px 30px;
  background: #fff;
  border-radius: var(--lc-radius);
  box-shadow: 0 8px 30px rgba(0,0,0,0.05);
}

/* Headings */
.lc-signup h2 {
  color: var(--lc-pink);
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 8px;
}
.lc-signup .lc-subhead {
  color: var(--lc-dark);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Form fields */
.lc-signup input[type="email"] {
  width: 100%;
  padding: 16px 22px;
  border: 1.5px solid #ddd;
  border-radius: 999px;
  font-size: 16px;
  background: #f9f9ff;
  transition: all 0.2s ease;
}
.lc-signup input[type="email"]:focus {
  border-color: var(--lc-blue);
  box-shadow: 0 0 0 4px rgba(62,123,255,0.15);
  background: #fff;
}

/* Button */
.lc-signup .mailpoet_submit,
.lc-signup button[type="submit"] {
  background: linear-gradient(90deg, var(--lc-pink), var(--lc-blue));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 32px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-top: 10px;
}
.lc-signup .mailpoet_submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Fine print */
.lc-signup .lc-fineprint {
  margin-top: 15px;
  color: var(--lc-light);
  font-size: 0.9rem;
}
.lc-signup .lc-fineprint a {
  color: var(--lc-blue);
  text-decoration: underline;
}
/* ===== Lil Cakes & Creamery — Manage Subscription Page ===== */
.lc-manage-sub {
  max-width: 700px;
  margin: 80px auto;
  background: #fff;
  border: 3px solid #ffd2e3;
  border-radius: 28px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}

/* background behind card */
body.page-id-XXXX {           /* replace XXXX with this page’s ID */
  background: #e9f3ff;
}

/* logo */
.lc-manage-sub .lc-logo {
  width: 120px;
  margin-bottom: 24px;
}

/* heading + text */
.lc-manage-sub h2 {
  font-size: 2.2rem;
  color: #ff6aa9;
  font-weight: 800;
  margin-bottom: 8px;
}
.lc-manage-sub .lc-intro {
  font-size: 1.1rem;
  color: #333;
  margin-bottom: 30px;
}
.lc-manage-sub .lc-note {
  color: #555;
  font-size: .95rem;
  margin: 25px 0 35px;
}

/* buttons & links */
.lc-manage-sub .lc-btn {
  display: inline-block;
  background: linear-gradient(90deg,#ff6aa9,#3e7bff);
  color: #fff;
  font-weight: 700;
  padding: 14px 34px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(255,106,169,0.25);
  transition: all .25s ease;
}
.lc-manage-sub .lc-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(255,106,169,0.3);
}
.lc-manage-sub .lc-link {
  display: inline-block;
  margin-left: 20px;
  font-weight: 600;
  color: #3e7bff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lc-manage-sub .lc-link:hover { color:#2f62e0; }

/* help text */
.lc-manage-sub .lc-help {
  margin-top: 40px;
  font-size: .9rem;
  color:#666;
}
.lc-manage-sub .lc-help a {
  color:#3e7bff;
  font-weight:600;
}
/* ===== Lil Cakes — Unsubscribe Page ===== */
.lc-unsub{
  max-width:700px;
  margin:80px auto;
  background:#fff;
  border:3px solid #ffd2e3;
  border-radius:28px;
  padding:56px 40px;
  text-align:center;
  box-shadow:0 12px 40px rgba(0,0,0,.06);
}
.lc-unsub .lc-logo{ width:110px; margin-bottom:18px; }
.lc-unsub h2{ color:#ff6aa9; font-weight:800; font-size:2.1rem; margin:.25rem 0 .5rem; }
.lc-unsub .lc-intro{ color:#333; font-size:1.05rem; margin-bottom:22px; }
.lc-unsub .lc-note{ color:#666; font-size:.95rem; margin:14px 0 8px; }
.lc-unsub .lc-divider{
  border:0; height:2px; width:100%; margin:26px 0;
  background:linear-gradient(90deg,#ffd2e3,#fff);
  border-radius:2px;
}
.lc-unsub .lc-alt{ color:#444; font-weight:600; margin:0 0 10px; }
.lc-unsub .lc-link{ color:#3e7bff; text-decoration:underline; text-underline-offset:3px; font-weight:700; }
.lc-unsub .lc-btn{
  display:inline-block; margin:10px 14px 0 0; padding:14px 34px; border-radius:999px;
  background:linear-gradient(90deg,#ff6aa9,#3e7bff); color:#fff; font-weight:800; text-decoration:none;
  box-shadow:0 8px 18px rgba(255,106,169,.25); transition:all .25s ease;
}
.lc-unsub .lc-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(255,106,169,.30); }
.lc-unsub .lc-help{ margin-top:34px; font-size:.9rem; color:#666; }
.lc-unsub .lc-help a{ color:#3e7bff; font-weight:600; }

/* Optional: page-specific pastel blue background */
body.page-id-XXXX { background:#e9f3ff; }  /* replace XXXX with this page’s ID */

/* ===== Lil Cakes — System Pages (Manage, Unsubscribe, Unsubscribed) ===== */
:root{
  --lc-pink:#ff6aa9;
  --lc-blue:#3e7bff;
  --lc-card-border:#ffd2e3;
}

.lc-card{
  max-width:700px;
  margin:80px auto;
  background:#fff;
  border:3px solid var(--lc-card-border);
  border-radius:28px;
  padding:56px 40px;
  text-align:center;
  box-shadow:0 12px 40px rgba(0,0,0,.06);
}
.lc-card .lc-logo{ width:110px; margin-bottom:18px; }
.lc-card .lc-title{
  color:var(--lc-pink); font-weight:800; font-size:2.1rem; margin:.25rem 0 .5rem;
}
.lc-card .lc-intro{ color:#333; font-size:1.05rem; margin-bottom:22px; }
.lc-card .lc-note{ color:#666; font-size:.95rem; margin:14px 0 8px; }

.lc-card .lc-btn{
  display:inline-block; margin:10px 14px 0 0; padding:14px 34px; border-radius:999px;
  background:linear-gradient(90deg,var(--lc-pink),var(--lc-blue));
  color:#fff; font-weight:800; text-decoration:none;
  box-shadow:0 8px 18px rgba(255,106,169,.25); transition:all .25s ease;
}
.lc-card .lc-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(255,106,169,.30); }

.lc-card .lc-link{ color:var(--lc-blue); text-decoration:underline; text-underline-offset:3px; font-weight:700; }
.lc-card .lc-help{ margin-top:34px; font-size:.9rem; color:#666; }
.lc-card .lc-help a{ color:var(--lc-blue); font-weight:600; }

.lc-card .lc-divider{
  border:0; height:2px; width:100%; margin:26px 0;
  background:linear-gradient(90deg,var(--lc-card-border),#fff); border-radius:2px;
}

/* Mobile padding */
@media (max-width:560px){ .lc-card{ padding:38px 20p