/* === UNIFORM PRODUCT IMAGES === */
.featuredpage .entry-image,
.featured-content .entry-image {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === EARTHY COLOR PALETTE === */
body {
  background-color: #F8F4EE;
  font-family: 'Work Sans', sans-serif;
}

/* === CLEANER HEADER === */
.site-header {
  text-align: center;
  background: #F8F4EE;
  border-bottom: 1px solid #D9CFC1;
}

.site-description {
  letter-spacing: 3px;
  font-size: 10px;
  text-transform: uppercase;
  color: #8FA68A !important;
}

/* === NAVIGATION === */
.nav-secondary {
  background-color: #F0EAE0 !important;
  border-bottom: 1px solid #D9CFC1 !important;
}

.nav-primary {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #D9CFC1 !important;
}

/* === COLLECTION SECTION === */
.front-page-2 {
  background: #FFFFFF;
  padding: 40px 0;
}

.front-page-2 .widget-title span a {
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #3D2B1F !important;
}

/* === MISSION SECTION === */
.front-page-3 {
  background: #F8F4EE;
  padding: 60px 24px;
}

.front-page-3 .widget-title span {
  font-family: 'Playfair Display', serif;
  letter-spacing: 4px;
  color: #3D2B1F !important;
}

.front-page-3 blockquote {
  border-left: 2px solid #8FA68A;
  padding-left: 24px;
  font-style: italic;
  color: #3D2B1F;
}

/* === BUTTONS === */
.woocommerce a.button,
.woocommerce button.button,
button, .button,
input[type="submit"] {
  background-color: #4D6B4A !important;
  border-color: #4D6B4A !important;
  color: #FFFFFF !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 0 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
button:hover, .button:hover,
input[type="submit"]:hover {
  background-color: #3D2B1F !important;
  border-color: #3D2B1F !important;
  color: #FFFFFF !important;
}

/* === FOOTER === */
.site-footer {
  background-color: #3D2B1F !important;
}

/* === MOBILE FIXES === */
@media (max-width: 768px) {
  .featuredpage .entry-image {
    height: 180px !important;
  }

  .front-page-2 .flexible-widgets {
    padding: 0 16px;
  }

  .front-page-2 .widget-thirds > .wrap {
    display: flex;
    flex-direction: column;
  }

  .front-page-2 .widget-thirds section {
    width: 100% !important;
    margin-bottom: 24px;
  }

  .site-title {
    font-size: 32px !important;
    letter-spacing: 10px !important;
  }
}

@media (max-width: 480px) {
  .site-header .wrap {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}



/* === ALL BLENDS - UNIFORM PRODUCT GRID IMAGES === */
.wc-block-grid__product-image {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  display: block !important;
}

.wc-block-grid__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === PRODUCT CARD STYLING === */
.wc-block-grid__product {
  display: flex !important;
  flex-direction: column !important;
  text-align: center;
  padding-bottom: 16px;
}

.wc-block-grid__product-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: lowercase !important;
  color: #3D2B1F !important;
  margin: 8px 0 4px !important;
}

.wc-block-grid__product-price {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 12px !important;
  color: #8FA68A !important;
  margin-bottom: 8px !important;
}

/* === RESPONSIVE GRID === */
@media (max-width: 768px) {
  .wc-block-grid.has-5-columns {
    --wc-block-grid--columns: 2 !important;
  }
}

@media (max-width: 480px) {
  .wc-block-grid.has-5-columns {
    --wc-block-grid--columns: 1 !important;
  }
}

/* === HANDPICKED PRODUCTS FIX === */
.wc-block-handpicked-products ul.wc-block-grid__products {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
}

.wc-block-handpicked-products .wc-block-grid__product {
  flex: 0 0 200px !important;
  max-width: 200px !important;
}

.wc-block-handpicked-products .wc-block-grid__product-image {
  width: 200px !important;
  height: 200px !important;
  overflow: hidden !important;
  display: block !important;
}

.wc-block-handpicked-products .wc-block-grid__product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}


/* === CONTENT WIDTH === */
.content {
  width: 900px !important;
}

/* === PAGE TITLE ACCENT === */
h1.entry-title {
  border-bottom: 2px solid #8FA68A !important;
  padding-bottom: 12px !important;
  display: inline-block !important;
}

/* === CARE INFO PAGE - SECTION HEADINGS === */
.entry-content strong {
  color: #4D6B4A !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 15px !important;
  letter-spacing: 2px !important;
  display: block !important;
  margin-top: 28px !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

/* === HOMEPAGE COLLECTION GRID - UNIFORM IMAGES === */
.front-page-2 .featuredpage .entry-image,
.front-page-2 .featuredpost .entry-image,
.front-page-2 img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* === RESPONSIVE CONTENT WIDTH === */
@media (max-width: 1100px) {
  .content {
    width: 100% !important;
    max-width: 900px !important;
  }
}
/* === FIX MERRYWEATHER LABEL === */
.featuredpage .widget-title {
  font-size: 11px !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .site-header,
  .site-branding {
    padding: 12px 16px; !important;
  }

  .custom-logo-link img {
    max-width: 150px; !important;
  }

  .woocommerce-loop-product__title {
    letter-spacing: normal; !important;
    font-size: 1rem; !important;
  }

  .add_to_cart_button {
    width: 100%; !important;
    display: block; !important;
    text-align: center; !important;
  }
}


/* /* 
 * 
 * 
 * /* ============================================
   Babian's Blends — My Account Page Styling
   Paste into: Appearance → Customize → Additional CSS
   ============================================ */

/* Page background */
.woocommerce-account .site-inner {
  background: #f7f4ef;
}

/* Page title */
.woocommerce-account .entry-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 36px;
  letter-spacing: 0.05em;
  color: #3a3228;
  text-align: center;
  margin-bottom: 8px;
}

/* Hero-style header band */
.woocommerce-account .entry-header {
  background: #e8e0d2;
  padding: 48px 40px 36px;
  text-align: center;
  border-bottom: 1px solid #ddd6ca;
  margin-bottom: 48px;
}

/* Subtitle under title */
.woocommerce-account .entry-header::after {
  content: 'Welcome back to your Babian\'s account';
  display: block;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #6b5e52;
  margin-top: 8px;
  letter-spacing: 0.04em;
}

/* Two-column login/register layout */
.woocommerce-account .woocommerce {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 32px 64px;
}

/* Column wrappers */
.woocommerce-account .col2-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
  background: #fff;
  border: 0.5px solid #ddd6ca;
  border-radius: 16px;
  padding: 36px 32px;
  float: none;
  width: 100%;
}

/* Section headings (Login / Register) */
.woocommerce-account h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 26px;
  color: #3a3228;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  padding-bottom: 14px;
  border-bottom: 1px solid #9ab87a;
}

/* Form labels */
.woocommerce-account .woocommerce-form label {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6b5e52;
  margin-bottom: 6px;
  display: block;
}

/* Inputs */
.woocommerce-account .woocommerce-form input[type="text"],
.woocommerce-account .woocommerce-form input[type="email"],
.woocommerce-account .woocommerce-form input[type="password"] {
  width: 100%;
  padding: 11px 16px;
  background: #f7f4ef;
  border: 0.5px solid #ddd6ca;
  border-radius: 8px;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #3a3228;
  outline: none;
  transition: border-color 0.2s;
  box-shadow: none;
}

.woocommerce-account .woocommerce-form input:focus {
  border-color: #9ab87a;
  background: #fff;
}

/* Remember me checkbox row */
.woocommerce-account .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
  color: #6b5e52;
  margin: 4px 0 16px;
}

/* Buttons */
.woocommerce-account .woocommerce-form .button,
.woocommerce-account .woocommerce-Button {
  background: #3a3228 !important;
  color: #f7f4ef !important;
  border: none !important;
  border-radius: 40px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 13px 32px !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  width: 100%;
}

.woocommerce-account .woocommerce-form .button:hover {
  opacity: 0.8 !important;
}

/* Lost password link */
.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .lost_password a {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #b5a898;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Form row spacing */
.woocommerce-account .woocommerce-form-row {
  margin-bottom: 18px;
}

/* Notices / errors */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
  border-radius: 10px;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 300;
  border-top: none;
  padding: 14px 18px;
  max-width: 900px;
  margin: 0 auto 24px;
}

.woocommerce-account .woocommerce-error {
  background: #fdf0ee;
  border-left: 3px solid #d9826a;
  color: #8a3a28;
}

.woocommerce-account .woocommerce-message {
  background: #eef4e6;
  border-left: 3px solid #9ab87a;
  color: #4a6e2e;
}

/* Logged-in dashboard nav */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #fff;
  border: 0.5px solid #ddd6ca;
  border-radius: 12px;
  overflow: hidden;
  padding: 8px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 20px;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #6b5e52;
  text-decoration: none;
  border-bottom: 0.5px solid #f0ece6;
  transition: background 0.15s, color 0.15s;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a {
  border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #f7f4ef;
  color: #3a3228;
}

/* Mobile */
@media (max-width: 640px) {
  .woocommerce-account .col2-set {
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce {
    padding: 0 20px 48px;
  }
  .woocommerce-account .entry-header {
    padding: 36px 20px 28px;
  }
}

/* Hide logo header on homepage only */
.home .site-header {
  display: none !important;
}

/* /* ============================================
   Babian's Blends — Shop Grid Fix
   REPLACE your existing shop CSS with this
   ============================================ */

/* === PAGE BACKGROUND === */
body.woocommerce,
body.woocommerce-page,
body.tax-product_cat,
body.post-type-archive-product {
  background: #faf6f1 !important;
}

body.woocommerce .site-inner,
body.woocommerce-page .site-inner,
body.tax-product_cat .site-inner,
body.post-type-archive-product .site-inner {
  background: #faf6f1 !important;
}

/* === HIDE DUPLICATE TITLE === */
body.woocommerce-page .entry-title,
body.tax-product_cat .entry-title,
body.post-type-archive-product .entry-title {
  display: none !important;
}

/* === WIDEN CONTENT AREA === */
body.woocommerce .content,
body.woocommerce-page .content,
body.tax-product_cat .content,
body.post-type-archive-product .content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
}

body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce,
body.tax-product_cat .woocommerce,
body.post-type-archive-product .woocommerce {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 32px 32px 64px !important;
  float: none !important;
  width: 100% !important;
}

/* === RESULTS BAR === */
.woocommerce-result-count {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #c4a992 !important;
  letter-spacing: 0.06em !important;
  float: none !important;
  display: block !important;
}

.woocommerce-ordering {
  float: none !important;
}

.woocommerce-ordering select {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #2e1f14 !important;
  background: #fff !important;
  border: 0.5px solid #e5d8cc !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  outline: none !important;
}

/* === PRODUCT GRID — THE KEY FIX === */
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body.tax-product_cat ul.products,
body.post-type-archive-product ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 24px 0 0 !important;
  margin: 0 !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
}

/* === PRODUCT CARD === */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
body.tax-product_cat ul.products li.product,
body.post-type-archive-product ul.products li.product {
  background: #fff !important;
  border: 0.5px solid #e5d8cc !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: border-color 0.2s, transform 0.2s !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover {
  border-color: #c4845a !important;
  transform: translateY(-3px) !important;
}

/* === PRODUCT IMAGE === */
body.woocommerce ul.products li.product a img,
body.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transition: transform 0.4s ease !important;
}

body.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* === PRODUCT NAME === */
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product h2,
body.woocommerce-page ul.products li.product h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  letter-spacing: 0.03em !important;
  color: #2e1f14 !important;
  padding: 14px 16px 4px !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

/* === PRICE === */
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #c4a992 !important;
  padding: 2px 16px 10px !important;
  display: block !important;
  text-align: left !important;
  margin: 0 !important;
}

/* === BUTTON === */
body.woocommerce ul.products li.product .button,
body.woocommerce-page ul.products li.product .button,
body.woocommerce ul.products li.product a.button,
body.woocommerce-page ul.products li.product a.button {
  display: block !important;
  margin: auto 16px 16px !important;
  padding: 11px 16px !important;
  background: #2e1f14 !important;
  color: #faf6f1 !important;
  border: none !important;
  border-radius: 40px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.woocommerce ul.products li.product .button:hover {
  opacity: 0.8 !important;
  color: #faf6f1 !important;
}

/* === PAGINATION === */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
  display: inline-flex !important;
  gap: 6px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #7a5c48 !important;
  background: #fff !important;
  border: 0.5px solid #e5d8cc !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #2e1f14 !important;
  color: #faf6f1 !important;
  border-color: #2e1f14 !important;
}

/* === MOBILE 2-COL === */
@media (max-width: 768px) {
  body.woocommerce ul.products,
  body.woocommerce-page ul.products,
  body.tax-product_cat ul.products,
  body.post-type-archive-product ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.woocommerce ul.products li.product a img,
  body.woocommerce-page ul.products li.product a img {
    height: 180px !important;
  }

  body.woocommerce ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px !important;
    padding: 10px 12px 2px !important;
  }

  body.woocommerce ul.products li.product .price,
  body.woocommerce-page ul.products li.product .price {
    padding: 2px 12px 8px !important;
  }

  body.woocommerce ul.products li.product .button,
  body.woocommerce-page ul.products li.product .button {
    margin: auto 12px 12px !important;
    font-size: 9px !important;
    padding: 10px 12px !important;
  }

  body.woocommerce .woocommerce,
  body.woocommerce-page .woocommerce,
  body.tax-product_cat .woocommerce,
  body.post-type-archive-product .woocommerce {
    padding: 20px 16px 48px !important;
  }
}

.page-id-3824 .entry-title {
  display: none !important;
}

css.page-id-3738 .entry-title {
  display: none !important;
}

.page-id-2847 .entry-title {
  display: none !important;
}
/* =========================================================
   SITE-WIDE HEADER CLEANUP
   - Makes the top bar match the site's earthy palette
   - Hides the Babian's Blends banner/title row
   - Applies across all pages using this same header layout
   ========================================================= */

/* Top menu / utility bar */
.nav-primary,
.site-header,
.site-header .wrap,
.header-widget-area {
  background-color: #7f9277 !important; /* muted sage */
}

/* Top menu links */
.nav-primary a,
.site-header a,
.site-header .menu a,
.header-widget-area a {
  color: #ffffff !important;
}

/* Hover state */
.nav-primary a:hover,
.site-header a:hover,
.site-header .menu a:hover,
.header-widget-area a:hover {
  color: #f3efe6 !important;
}

/* Hide the site title / banner row that says Babian's Blends */
.title-area,
.site-title,
.site-header .title-area,
.site-header .site-title {
  display: none !important;
}

/* Remove extra spacing left behind after hiding title area */
.site-header .wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

/* Keep main menu aligned nicely after title area is removed */
.nav-primary .wrap,
.site-header .wrap .menu {
  margin-top: 0 !important;
}
/* Mobile menu button + dropdown background */
@media only screen and (max-width: 1023px) {

  /* Mobile menu toggle button */
  .menu-toggle,
  button.menu-toggle,
  .sub-menu-toggle {
    background-color: #7f9277 !important;
    color: #ffffff !important;
    border-color: #7f9277 !important;
  }

  /* Mobile menu container */
  .nav-primary,
  .nav-primary .wrap,
  .nav-primary .menu,
  .genesis-responsive-menu .main-nav,
  .genesis-responsive-menu .nav-primary {
    background-color: #7f9277 !important;
  }

  /* Mobile menu links */
  .genesis-responsive-menu .menu-item a,
  .nav-primary .menu-item a,
  .nav-primary a {
    background-color: #7f9277 !important;
    color: #ffffff !important;
  }

  /* Mobile submenu toggles */
  .genesis-responsive-menu .sub-menu-toggle {
    background-color: #7f9277 !important;
    color: #ffffff !important;
  }

  /* Hover / active states */
  .genesis-responsive-menu .menu-item a:hover,
  .genesis-responsive-menu .menu-item a:focus,
  .menu-toggle:hover,
  .menu-toggle:focus {
    background-color: #6f8368 !important;
    color: #ffffff !important;
  }
}