/*
    Theme Name: Heritage
    Theme URI: http://localhost/heritage
    version: 1.0.0
    Author: Tejas Darji & Jaydip Rathod
    Author URI: https://webwork.in
*/
 body {
     font-family: "Montserrat", sans-serif; 
     background-color: #FEFBFB;
     color: #333;
     line-height: 1.6;
 }

 @font-face {
     font-family: "Mosseta-Regular";
     src: url("Fonts/Mosseta-Regular.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 :root {
     --primary: #8f2724;
     --secondary: #4f5548;
     --accent: #c9aa8b;
     --accent-2: #A87B5F;
     --bg-light: #f8f6f6;
     --bg-dark: #211411;
     --text-light: #333333;
     --text-dark: #f8f6f6;
     --radius-lg: 16px;
     --radius-xl: 24px;
     --transition-fast: 200ms;
 }

 /* color helper classes requested */
 .c1 {
     color: var(--primary) !important;
 }

 .c2 {
     color: var(--secondary) !important;
 }

 .c3 {
     color: #c9aa8b !important;
 }

 .c1 {
     color: #8f2724;
 }

 .c2 {
     color: #4f5548;
 }

 .c3 {
     color: #c9aa8b;
 }

 .bg1 {
     background: #4f5548 !important;
 }

 .bg2 {
     background: #f9f6f0 !important;
 }

 .bg3 {
     background: #8f2724 !important;
 }



 h1,
 h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 600 !important; 
     margin-bottom: 15px;
     color: #222;
 }

 p {
     margin-top: 0;
     margin-bottom: 0;
 }

 a {
     color: inherit;
     text-decoration: none;
 }

 .ff1 {
    font-family: "Space Grotesk", sans-serif;
 }

 hr {
     opacity: 1;
 }
 .form-check-input:focus{
    box-shadow: none;
 }
 .btn-mh{
    background-color: #f5ebe0;
    color: #8f2724;
    padding: 12px 25px;
    font-weight: 600;
    /* margin-top: 20px !important; */
    display: inline-block;   
    transition: 0.3s ease-in-out; 
    border: 1px solid #f5ebe0;
 }
  .btn-mh:hover{
    background-color: #8f2724;
    color: #fff;
 }
.btn-link{
    color: #8f2724 !important;
    text-decoration: none;
} 
.form-check-input:checked{
    background-color: #8f2724;
    border-color: #8f2724 ;
}
 .btn {
     background-color: none;
     border: none !important;
 }

 /* Tailwind container utility in pure CSS */
 .container {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 1rem;
     /* default px-4 */
     padding-right: 1rem;
 }

 @media (min-width: 640px) {
     .container {
         max-width: 640px;
     }
 }

 @media (min-width: 768px) {
     .container {
         max-width: 768px;
     }
 }

 @media (min-width: 1024px) {
     .container {
         max-width: 1024px;
     }
 }

 @media (min-width: 1280px) {
     .container {
         max-width: 1280px;
     }
 }

@media (min-width: 1536px) {
     .container {
         max-width: 1536px;
     }
 }
.fw-bold{
	font-weight: 400 !important;
}
 /* Header */
 .site-header {
     backdrop-filter: blur(6px);
     background-color: #fefbfb;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     position: sticky;
     top: 0;
     z-index: 1030;
 }

 .nav-item {
     padding: 0 15px;
     font-weight: 700;
 }

 .nav-item .nav-link {
     color: #4f5548;
     transition: 0.4s;
	 text-transform: uppercase;
 }

 .nav-item .nav-link:hover {
     color: #8f2724;
 }
.nav-link:focus-visible{
    box-shadow: none;
}
 html.dark .site-header {
     background-color: rgba(33, 20, 17, 0.92);
     border-bottom-color: rgba(255, 255, 255, 0.05);
 }

 .logo {
     max-height: 65px;
     width: auto;
 }

 .material-symbols-outlined {
     font-variation-settings: 'FILL' 0, 'wght' 400;
 }

 /* Hero */
 .hero {
     min-height: 500px;
     height: 90vh;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
 }

 .hero .hero-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     filter: none;
 }
.hero-bg video {
    width: 100%;
}
 .hero .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(0deg, rgb(0 0 0 / 56%) 100%, rgba(0, 0, 0, 0.1) 0%);
 }

 .hero .hero-content {
     position: relative;
     z-index: 2;
     text-align: center;
     color: #fff;
     padding: 0 1rem;
 }

 .hero h1 {
    font-family: "Space Grotesk", sans-serif;
     font-weight: 800;
     letter-spacing: -0.02em;
     line-height: 1.02;
     margin-bottom: .5rem;
     color: #fff;
 }

 .hero p.lead {
     font-weight: 300;
     max-width: 720px;
     margin: 0 auto;
 } 
.bg-section { 
    background-image: url("./images/pattern_1.svg") !important;
    background-repeat: repeat !important;
    background-size: 45px !important;
}
.bg-section2 { 
    background-image: url("./images/pattern_2.svg") !important;
    background-repeat: repeat !important;
    background-size: 45px !important;
}

/* From Uiverse.io by mi-series */ 
.btn-heritage-primary {
    position: relative;
 background-color: #8f2724;
 padding: 12px 25px;
 font-size: 15px; 
 transition: 0.6s ease;
}
.btn-heritage-primary span{
    color: #fff;
    position: relative;
    z-index: 9;
}
.btn-heritage-primary::after{
    content: '';
    position: absolute; 
    width: 10px;
    height: 10px;
    background-color: #c9aa8b;
    right: 0;
    top: 0;
    transition: 0.6s ease;
}
.btn-heritage-primary::before{
    content: '';
    position: absolute; 
    width: 10px;
    height: 10px;
    background-color: #c9aa8b;
    left: 0;
    bottom: 0;
    transition: 0.6s ease;
}
.btn-heritage-primary:hover {
 background-color: #c9aa8b;
}
.btn-heritage-primary:hover:after{
    background-color: #8f2724; 
    width: 50%;
    height: 100%;
}
.btn-heritage-primary:hover:before{
    background-color: #8f2724; 
    width: 50%;
    height: 100%;
}
  
 /* Collections cards */
 .collection-card {
     border-radius: 12px;
     overflow: hidden;
     position: relative;
     min-height: 460px;
     transition: transform 350ms ease, box-shadow 350ms ease;
 }

 .collection-card .bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     transition: transform 700ms ease;
 }

 .collection-card:hover .bg {
     transform: scale(1.08);
 }

 .collection-card .label {
     position: absolute;
     bottom: 1rem;
     left: 1rem;
     color: #fff;
     font-weight: 700;
     font-size: 1.3rem;
     text-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
 }

 /* Promo strip */
 .promo-strip {
     background: rgba(201, 170, 139, 0.12);
 }


 /* Swiper / Best sellers */
 .swiper {
/*      padding-bottom: 3.5rem; */
 }

 .swiper-slide .card {
     border-radius: 12px;
     overflow: hidden;
     transition: transform 280ms ease;
 }

 .swiper-slide .card:hover {
     transform: translateY(-6px);
 }

 .product-img {
     aspect-ratio: 1 / 1;
     object-fit: cover;
     width: 100%;
     height: 100%;
     display: block;
 }
 .swiper-scrollbar-drag {
    background: #8f2724;
}
.my-swiper-btn{
    display: flex;
    gap: 10px;
}
 .my-swiper-btn-next,
 .my-swiper-btn-prev {
     width: 44px;
     height: 44px;
     border-radius: 0;
     background: rgba(255, 255, 255, 0.95);
     border: 1px solid #8f2724;
     display: flex;
     align-items: center;
     justify-content: center;
     /* box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); */
     /* position: absolute; */
     right: 1rem;
     top: 0.5rem;
     z-index: 5;
     
 }

 .my-swiper-btn-prev {
     right: 4.3rem;
 }

 /* Feature icons */
 .feature-icon {
     width: 64px;
     height: 64px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 9999px;
     background: rgba(168, 123, 95, 0.12);
     color: var(--secondary);
     font-size: 32px;
 }

 /* Testimonials */
 blockquote {
     font-style: italic;
     font-weight: 300;
 }

 /* Instagram grid */
 .ig-grid img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 400ms ease;
 }

 .ig-grid .card:hover img {
     transform: scale(1.06);
 }

 /* Footer */
 footer {
     border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
footer a, footer p{
	font-size: 14px;
}

 /* Responsive tweaks similar to Tailwind breakpoints */
 @media (min-width: 992px) {
     .hero h1 {
         font-size: 64px;
     }

     .hero p.lead {
         font-size: 20px;
     }
 }

 @media (max-width: 575.98px) {
     .hero {
         height: 77vh;
         min-height: 420px;
     }
 }

 /* Accessibility focus */
 /* .btn:focus,
 a:focus {
     outline: 3px solid rgba(143, 39, 36, 0.12);
     outline-offset: 3px;
 }
 */


 /* Top breadcrumbs / heading */
 .page-heading .h1 {
     font-size: 2.5rem;
     font-weight: 700;
     letter-spacing: -.01em;
 }

 /* Sidebar & filters */
 .filter-panel {
     background: transparent;
 }

 .chip {
     display: inline-flex;
     align-items: center;
     gap: .5rem;
     padding: .25rem .6rem;
     border-radius: 9999px;
     background: color-mix(in srgb, var(--primary) 12%, transparent);
     color: var(--primary);
     font-weight: 600;
     border: 1px solid rgba(0, 0, 0, 0.04);
 }

 .chip .material-symbols-outlined {
     font-size: 16px;
 }

 /* Price range bar - simple visual */
 .range-track {
     height: 6px;
     border-radius: 999px;
     background: var(--ui);
     position: relative;
     overflow: hidden;
 }

 .range-fill {
     position: absolute;
     left: 20%;
     right: 40%;
     top: 0;
     bottom: 0;
     background: var(--primary);
     border-radius: 999px;
 }

 /* Product grid cards */
 .product-card {
     transition: transform var(--transition-fast);
 }

 .product-card:hover {
     transform: translateY(-4px);
 }

 .product-media {
     position: relative;
     overflow: hidden;
     border-radius: var(--radius-lg);
     background: var(--ui);
     aspect-ratio: 4 / 5;
     /* keeps same visual shape as original */
 }

 .product-media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .5s ease, opacity .35s ease;
     display: block;
 }

 .product-media .hover-img {
     position: absolute;
     inset: 0;
     opacity: 0;
     transition: opacity .35s ease;
 }

 .product-media:hover img:first-child {
     transform: scale(1.05);
 }

 .product-media:hover .hover-img {
     opacity: 1;
 }

 .overlay-fade {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.08);
     opacity: 0;
     transition: opacity .25s ease;
 }

 .product-media:hover .overlay-fade {
     opacity: 1;
 }

 .view-btn {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transform: scale(.9);
     transition: opacity .25s ease, transform .25s ease;
 }

 .product-media:hover .view-btn {
     opacity: 1;
     transform: scale(1);
 }

 .badge-sale {
     position: absolute;
     top: .75rem;
     right: .75rem;
     background: rgba(184, 115, 51, 0.9);
     color: #fff;
     padding: .25rem .6rem;
     border-radius: 999px;
     font-weight: 700;
     font-size: .75rem;
 }

 /* Ratings */
 .stars .material-symbols-outlined {
     font-size: 16px;
     color: var(--primary);
     vertical-align: middle;
 }

 /* Buttons */
 .btn-primary-custom {
     background: var(--primary);
     border-color: var(--primary);
     color: #fff;
     font-weight: 700;
 }

 .btn-primary-custom:hover {
     background: #c9aa8b;
     color: #fff;
     filter: brightness(.95);
 }

 /* Pagination */
 /* .pagination .page-link.active {
     background: var(--primary);
     border-color: var(--primary);
     color: #fff;
 } */

 /* Sticky sidebar */
 .sticky-sidebar {
     position: sticky;
     top: 15%;
     background-color: #fff;
     padding: 20px;
     border-radius: 10px;
     border: 1px solid #e1e1e1;
 }
.sticky-sidebar label{
	font-size: 15px;
}
 /* Responsive small spacing similar to Tailwind layout */


 /* Small helpers */
 .muted {
     color: rgba(0, 0, 0, 0.55);
 }

 html.dark .muted {
     color: rgba(255, 255, 255, 0.65);
 }

 .eye-icon {
     font-size: 24px;
     border: none;
     background: #8f2724;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
     border-radius: 3px;
 }

 .info-card {
     display: flex;
     padding: 25px;
     background: #8f2724;
     height: 350px;
     color: #fff;
     flex-direction: column;
     justify-content: center;
 }

 .image-card img {
     width: 100%;
     height: 350px;
     object-fit: cover;
 }

 .section-title {
     font-size: 28px;
     font-weight: 700;
 }

 .testimonial-card {
     border: 1px solid #8f2724;
     border-radius: 8px;
     padding: 20px;
     margin-bottom: 30px;
 }
 .testimonial-card .quote-icon{
    color: #8f2724;
    font-size: 30px;
 }

 .highlight-text {
     color: #8f2724;
     /* coral red */
     font-weight: 600;
     font-size: 0.8rem;
     letter-spacing: 1.2px;
     text-transform: uppercase;
 }

 .card-bg {
     background-color: #ffffff;
     border-radius: 15px;
	 max-height: 577px;
 }
.card-bg p{
	font-size: 15px;
}
.card-bg h5{
	font-size: 19px;
}

 .tag-small {
     font-size: 0.75rem;
     font-weight: 600;
     color: #6c757d;
     letter-spacing: 0.5px;
     text-transform: uppercase;
 }

 .tag-highlight {
     color: #4f5548;
     font-weight: 700;
 }

 .btn-read-more {
     background-color: #4f5548;
     border-radius: 50px;
     font-weight: 600;
     font-size: 0.85rem;
     padding: 0.4rem 1.15rem;
     color: #fff;
 }

 .btn-read-more:hover {
     background-color: #1a2e22;
     color: #fff;
 }

 .date-badge {
     background-color: #8f2724;
     font-size: 0.75rem;
     font-weight: 600;
     padding: 0.25rem 0.8rem;
     border-radius: 30px;
     position: absolute;
     top: 15px;
     left: 15px;
     color: white;
 }

 .card-img-wrapper {
     position: relative;
     border-radius: 15px;
     overflow: hidden;
 }

 .s-icon {
     display: flex;
     color: #4f5548;
     background-color: #c9aa8b;
     width: 35px;
     height: 35px;
     align-items: center;
     justify-content: center;
     border-radius: 50px;
 }

 @media only screen and (max-width: 991px) {
     .nav-item {
         font-size: 20px;
         padding: 8px 0;
     }
 }

 /* Aspect square utility */
 .aspect-square {
     position: relative;
     width: 100%;
     padding-bottom: 100%;
     overflow: hidden;
 }

 .aspect-square>* {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
 }

 /* Image backgrounds */
 .bg-cover {
     background-size: cover !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
 }

 /* Thumbnails row behavior */
 .thumbs-horizontal {
     display: flex;
     gap: .5rem;
     overflow-x: auto;
     padding-bottom: .25rem;
 }

 .thumb-btn {
     width: 64px;
     height: 64px;
     flex: 0 0 64px;
     border-radius: .75rem;
     border: 1px solid var(--border-subtle);
     background-size: cover;
     background-position: center;
     cursor: pointer;
     transition: box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);
     outline: none;
 }

 .thumb-btn:focus {
     box-shadow: 0 0 0 4px rgba(201, 170, 139, 0.12);
 }

 .thumb-btn.active {
     border: 2px solid var(--accent);
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
     transform: translateY(-2px);
 }

 /* Main gallery: use snapping for horizontal mobile swipe */
 .gallery-scroll {
     display: flex;
     gap: 0;
     scroll-snap-type: x mandatory;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .gallery-item {
     flex: 0 0 100%;
     scroll-snap-align: center;
     background-size: cover;
     background-position: center;
     border-radius: var(--radius-xl);
     min-height: 320px;
 }

 /* Zoom button */
 .zoom-btn {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     backdrop-filter: blur(6px);
     background: rgba(255, 255, 255, 0.85);
     border: 1px solid rgba(0, 0, 0, 0.05);
 }

 html.dark .zoom-btn {
     background: rgba(0, 0, 0, 0.45);
     color: var(--text-dark);
 }

 /* Rating stars */
 .star {
     font-variation-settings: 'FILL' 1;
     color: var(--accent);
 }

 /* Hover scale for product cards */
 .card-img-hover {
     transition: transform 300ms ease;
 }

 .card-img-hover:hover {
     transform: scale(1.05);
 }

 /* "You might also like" scroller */
 .product-snap {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
     padding-bottom: .5rem;
 }

 .product-card {
     /* min-width: 220px; */
     flex: 0 0 auto;
 }

 /* Small helpers */
 .muted {
     color: var(--muted);
 }

 .accent {
     color: var(--accent);
 }

 .btn-accent {
     background: #8f2724;
     color: #fff;
     border: none;
     padding: 10px 35px;
     transition: opacity 150ms ease;
 }

 .btn-accent:hover {
    background: #4f5548;
     opacity: .9;
     color: #fff;
 }
 .btn-outline-favorite{ 
    color: #8f2724;
    border: 1px solid #4f5548 !important;
    display: flex;
    align-items: center;
    justify-content: center; 
 }
.form-control:focus{
box-shadow: none;
border-color: #8f2724;
}
 /* Inputs */
 .form-control.custom {
     background: var(--card-bg);
     border: 1px solid var(--border-subtle);
     border-radius: .75rem;
     padding: .5rem .75rem;
 }

 /* Prose-like styles inside details sections */
 .prose {
     color: var(--text);
 }

 .prose ul {
     padding-left: 1.2rem;
 }

 /* Responsive tweaks to approximate Tailwind breakpoints */
 @media (min-width: 768px) {
     .thumbs-horizontal {
         flex-direction: column;
         max-width: 80px;
         gap: .75rem;
         overflow: visible;
         padding-bottom: 0;
     }

     .thumb-btn {
         width: 64px;
         height: 64px;
     }

     .gallery-item {
         min-height: 420px;
     }
 }


 /* ---------- Accordion Styling ---------- */
 .accordion-item {
     border: 1px solid rgba(0, 0, 0, 0.08) !important;
     border-radius: 12px !important;
     overflow: hidden;
     background: var(--bg-light);
     margin-bottom: 1rem;
 }

 .accordion-button {
     font-weight: 600;
     font-size: 1rem;
     padding: 1rem 1.25rem;
     background: var(--bg-light);
     color: var(--text-light);
     border: none;
     box-shadow: none !important;
     transition: all .25s ease;
 }

 /* Icon color */
 .accordion-button::after {
     filter: invert(28%) sepia(21%) saturate(900%) hue-rotate(350deg) brightness(90%);
 }

 /* Hover */
 .accordion-button:hover {
     background: var(--accent);
     color: var(--bg-dark);
 }

 /* Active (opened) */
 .accordion-button:not(.collapsed) {
     background: var(--primary);
     color: var(--text-dark);
 }

 .accordion-button:not(.collapsed)::after {
     filter: brightness(100%);
 }

 /* Body */
 .accordion-body {
     padding: 1.3rem 1.5rem;
     background: #fff;
     color: var(--text-light);
     line-height: 1.65;
 }

 /* Nice bordered list style inside accordion */
 .accordion-body ul {
     padding-left: 1.2rem;
 }

 .accordion-body ul li {
     margin-bottom: .5rem;
 }

 input#quantity {
     padding: 10px 6px 10px 20px;
 }

    .profile-left {
      background: var(--card-accent);
      border-radius: 12px;
      padding: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 320px;
    }

    .profile-photo {
      width: 100%;
      /* max-width: 220px; */
      height: auto;
      border-radius: 8px;
      object-fit: cover;
      box-shadow: 0 6px 20px rgba(20,30,40,0.08);
      border: 6px solid white;
    }

    .role-pill {
      position: absolute;
      top: 2rem;
      left: 2rem;
      background: var(--secondary);
      padding: 8px 15px;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 600;
      color: #fff;
      box-shadow: 0 2px 6px rgba(10,20,30,0.06);
    }

    .social-btns .btn {
      padding: .35rem .5rem;
      width: 36px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      font-size: 0.95rem;
    }

    .dot-list li::marker { /* fallback */
      color: transparent;
    }

    /* Custom bullet using pseudo-element */
    .dot-list li {
      position: relative;
      padding-left: 1.6rem;
      margin-bottom: .6rem;
    }
    .dot-list li::before{
      content: "";
      position: absolute;
      left: 0;
      top: .55rem;
      width: .6rem;
      height: .6rem;
      border-radius: 50%;
      background: #0b5566;
      box-shadow: 0 0 0 6px rgba(11,85,102,0.06);
    }

    @media (max-width: 767px){
      .profile-left { min-height: 220px; padding: .8rem; }
      .role-pill { top: .6rem; left: .6rem; font-size: .72rem; padding:.25rem .45rem; }
    }

    .vision-mission .vm-card {
  background: #fff;
  border: 1px solid #ececec;
  transition: all 0.3s ease;
}

.vision-mission .vm-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

.icon-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f5ebe0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b08968;
}

.check-icon {
  width: 40px;
  height: 40px;
  background: #f8f5f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b08968;
  flex: 0 0 40px;
}

.woocommerce span.onsale{
    border-radius: 0;
    min-width: auto;
    min-height: auto;
    line-height: 1;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    background: #8f2724;
}
.woocommerce ul.products li.product .price ins{
    text-decoration: none;
}
select {
    word-wrap: normal;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}
.wc-block-components-totals-coupon__button{
    background-color: #c9aa8b;
    color: #000000;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #c9aa8b;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
    background-color: #8f2724;
    color: #ffffff;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #8f2724;
}
span.woocommerce-Price-currencySymbol {
    font-family: cursive;
    margin-right: 3px;
}





/* WooCommerce My Account Page Modern Styling 2026 */

/* 1. Layout Container */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
    float: left;
    border-right: 1px solid #f0f0f0;
    padding-right: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 70%;
    float: right;
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); /* Modern soft shadow */
}

/* 2. Navigation Menu Styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #f8f8f8;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 8px;
}

/* Hover & Active State - Matches Mumbai Heritage Gold/Dark Tones */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f4f4f4;
    color: #b58e3e; /* Gold/Heritage Accent color */
    padding-left: 20px;
}

/* 3. Dashboard Welcome Box */
.woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* 4. Buttons Styling (Orders/Edit) */
.woocommerce-MyAccount-content .button {
    background-color: #222 !important; /* Dark Elegant Black */
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    transition: 0.3s;
}

.woocommerce-MyAccount-content .button:hover {
    background-color: #b58e3e !important; /* Transition to Gold */
}

/* 5. Mobile Responsiveness */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .woocommerce-MyAccount-navigation {
        margin-bottom: 30px;
    }
}

/* 1. Container & Typography */
.woocommerce-address-fields h3 {
    font-family: serif; /* Matches heritage site style */
    color: #222;
    border-bottom: 2px solid #b58e3e; /* Gold underline */
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* 2. Grid Layout for Address Fields */
.woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Make fields side-by-side where appropriate */
.woocommerce-address-fields .form-row {
    flex: 1 1 calc(50% - 20px); /* Two columns */
    display: flex;
    flex-direction: column;
}

/* Full-width for specific fields */
.woocommerce-address-fields .form-row-wide,
.woocommerce-address-fields #billing_address_1_field,
.woocommerce-address-fields #billing_address_2_field,
.woocommerce-address-fields #shipping_address_1_field,
.woocommerce-address-fields #shipping_address_2_field {
    flex: 1 1 100% !important;
}

/* 3. Input & Label Styling */
.woocommerce-address-fields label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #444;
    font-size: 14px;
}

.woocommerce-address-fields input.input-text, 
.woocommerce-address-fields select {
    border: 1px solid #ddd !important;
    padding: 12px 15px !important;
    border-radius: 4px !important;
    background-color: #fcfcfc !important;
    transition: border-color 0.3s ease;
}

.woocommerce-address-fields input.input-text:focus {
    border-color: #b58e3e !important; /* Gold focus border */
    outline: none;
    background-color: #fff !important;
}

/* 4. Save Button Styling */
.woocommerce-address-fields button.button {
    background-color: #222 !important;
    color: #fff !important;
    padding: 15px 40px !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none !important;
    cursor: pointer;
    margin-top: 20px;
    transition: 0.3s;
}

.woocommerce-address-fields button.button:hover {
    background-color: #b58e3e !important;
}

/* 5. Mobile Adjustments */
@media (max-width: 600px) {
    .woocommerce-address-fields .form-row {
        flex: 1 1 100%;
    }
}

/* WooCommerce My Account - Address List Card Styling */

/* 1. Address Block Styling - Creates the 'Card' appearance */
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px; /* Soft rounded corners */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Subtle shadow for depth */
    margin-bottom: 20px;
    border-top: 4px solid #b58e3e; /* Gold accent bar at the top */
}

/* 2. Headings (Billing & Shipping Address) */
.woocommerce-account .woocommerce-Addresses h3 {
    font-size: 1.3em;
    color: #222; /* Dark site color */
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 3. The "Add/Edit" Links */
.woocommerce-account .woocommerce-Addresses .edit {
    display: inline-block;
    margin-top: 15px;
    color: #b58e3e; /* Matches the site's gold accent */
    text-decoration: none;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px dashed #b58e3e;
}

.woocommerce-account .woocommerce-Addresses .edit:hover {
    color: #222;
    border-bottom-color: #222;
}

/* 4. Default Text Styling ("You have not set up...") */
.woocommerce-account .woocommerce-Addresses p {
    color: #666;
    line-height: 1.4;
}
.yith-wcwl-modal .yith-wcwl-modal__primary-button{
background-color: #f5ebe0;
    color: #8f2724;
    padding: 12px 25px;
    font-weight: 600;
    /* margin-top: 20px !important; */
    display: inline-block;   
    transition: 0.3s ease-in-out; 
    border: 1px solid #f5ebe0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button-over-image {
    position: absolute;
    display: flex;
    margin: 0;
    z-index: 20;
    left: 3px !important;
    top: 17px !important;
    width: 40px;
    height: 37px;
}
.breadcrumb-item+.breadcrumb-item::before {  
    color: rgb(255 255 255 / 75%); 
}