/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* === 1. DROPDOWN STYLE: Force Text Color as Cocoa Brown === */
.header-nav li ul.sub-menu,
.header-nav li ul.sub-menu li a { color:#2C1E1B!important; }
.testimonial-carousel .flickity-viewport{min-height:500px;}


/* === 2. FOOTER 2 (bottom footer): Set All Text to Cocoa Brown === */
.footer-bottom,
.footer-bottom p,
.footer-bottom a,
.footer-bottom span,
.footer-bottom div {
    color: #2C1E1B !important;
}

/* === 3. FOOTER 2: Link Hover Effect as Dusty Rose === */
.footer-bottom a:hover {
    color: #C89CA0 !important; /* Dusty Rose */
}

/* === 4. OPTIONAL: Widget Link Hover Color in Sidebars / Footer Widgets === */
.widget a:hover {
    color: #C89CA0 !important;
}

/* === 5. Absolute Footer Full White === */
#footer .absolute-footer .container, 
#footer .absolute-footer .container p,
#footer .absolute-footer .container a,
#footer .absolute-footer .container span {
    color: #ffffff !important;
}
#footer .absolute-footer,
#footer .absolute-footer * {
    color: #ffffff !important;
}

.footer-bottom .nav,
.absolute-footer .nav,
.absolute-footer .footer-nav {
    display: none !important;
}

/* === 6. Header Top Icons/Text === */
.header-top,
.header-top a,
.header-top .header-nav li > a {
    color: #ffffff !important;
}

/* === 7. Section Headings Soft Maroon === */
h3.section-title,
h4.section-title,
.uppercase,
.title-uppercase {
    color: #ffffff !important;
}

/* === 8. Footer Widget Text Cocoa === */
#footer .widget,
#footer .widget a {
    color: #2C1E1B !important;
}

/* === 9. Footer Link Hover - exact match with header hover style === */
#footer .widget a,
#footer .widget a:visited {
    color: #3e2c29 !important;
    transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
    text-decoration: none;
}
#footer .widget a:hover,
#footer .widget a:focus {
    color: #c89ca0 !important;
    border-bottom-color: #c89ca0;
}

/* === 10. Product Title Fix === */
ul.products li.product .woocommerce-loop-product__title {
    color: #7A3E3E !important;
    font-weight: 600 !important;
}

/* === 11. Product Add to Cart Button Color */
ul.products li.product .button {
    background: #c89ca0 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: background 0.3s;
}
ul.products li.product .button:hover {
    background: #a77c80 !important;
}

/* === 12. Force Remove Italic font Everywhere === */
body, body *, .footer-wrapper * {
    font-style: normal !important;
}

/* === 13. SEARCH BAR STYLE === */
input.search-field {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 15px;
    color: #555;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 8px 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 10px rgba(234, 214, 209, 0.13);
}
input.search-field:focus {
    border-color: #a58c89;
    box-shadow: 0 0 8px rgba(165, 140, 137, 0.21);
    outline: none;
}

/* === 14. MAIN FONTS === */
body, p, span, li, a, input, button, textarea, td, th, div {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 1.08rem !important;
}

/* -- 14.2: Headings H1-H6 -- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #2C1E1B;
    margin-bottom: 0.6em;
}
@media (max-width: 767px) {
    h1 { font-size: 2.2rem !important; }
    h2 { font-size: 1.6rem !important; }
    h3 { font-size: 1.3rem !important; }
}

/* -- 14.3: Navigation/Menu -- */
.header-nav-main li > a, .mobile-nav li > a, .nav > li > a {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 1rem !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: color 0.3s;
}
.header-nav-main li > a:hover, .mobile-nav li > a:hover, .nav > li > a:hover {
    color: #c89ca0 !important;
}
.nav > li.current-menu-item > a {
    color: #a77c80;
}

/* -- 14.4: Buttons -- */
button, .button, input[type="submit"] {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1rem;
}

/* -- 14.5: Widget Titles (Sidebar/Footer) -- */
.widget-title, .sidebar .widget-title, .footer .widget-title {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* -- 14.6: Breadcrumbs -- */
.breadcrumbs, .woocommerce-breadcrumb {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    font-size: 0.98rem !important;
}

/* === SERVICES SECTION - FINAL CLEAN & CONSOLIDATED CSS === */
.ux-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  margin: 40px 0 !important;
  box-sizing: border-box !important;
}

.ux-column {
  flex: 1 1 23% !important;
  max-width: 23% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 30px 18px !important;
  border-right: 1px solid #f1e9e4 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  margin: 0 !important;
  min-height: 250px !important;
}

.ux-column:last-child {
  border-right: none !important;
}

.ux-column img,
.ux-column .icon {
  width: 60px !important;
  height: 60px !important;
  margin-bottom: 18px !important;
  display: block !important;
  object-fit: contain !important;
}

.ux-column h3 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #2c1e1b !important;
  margin: 0 0 14px 0 !important;
  text-transform: none !important;
  letter-spacing: 1.2px !important;
  line-height: 1.2 !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
}

.ux-column p {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #3c2e2a !important;
  line-height: 1.5 !important;
  max-width: 95% !important;
  margin: 0 auto !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
}

@media (max-width: 900px) {
  .ux-column {
    flex: 1 1 48% !important;
    max-width: 48% !important;
    border-right: none !important;
    margin-bottom: 32px !important;
  }
}
@media (max-width: 600px) {
  .ux-column {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    border-right: none !important;
  }
}

/* === END SERVICES SECTION CSS === */

/* Testimonial Section Background */
.testimonial-section {
  background: #f1e9e4 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  border-radius: 24px;
  box-shadow: 0 4px 24px #0001;
}
.testimonial-section .testimonial-name {
  font-family: 'Playfair Display', serif !important;
  color: #2c1e1b !important;
  font-weight: 700 !important;
  font-size: 1.25em !important;
}
.testimonial-section .testimonial-text {
  font-family: 'Work Sans', sans-serif !important;
  color: #3c2e2a !important;
  font-size: 1.08em !important;
  line-height: 1.7 !important;
}
.testimonial-section .star-rating i, 
.testimonial-section .star-rating span {
  color: #c89ca0 !important;
  font-size: 1.1em !important;
}
.testimonial-section .testimonial-avatar {
  background: #fff;
  color: #c89ca0;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  box-shadow: 0 1px 8px #0001;
}
.custom-testimonial {
  border-radius: 24px !important;
  box-shadow: 0 4px 24px #0001 !important;
  background: #f1e9e4 !important;
}
/* Universal star color override */
.star-rating .star,
.star-rating i,
.star-rating span,
.ux-star-rating .star,
.ux-star-rating i,
.ux-star-rating span,
.fas.fa-star,
.fa.fa-star,
i.fa.fa-star,
span.fa.fa-star,
i.star,
span.star,
svg.star,
svg.fa-star,
.testimonial-section i,
.testimonial-section span,
.testimonial-section svg,
.widget_testimonials .star,
.widget_testimonials i,
.widget_testimonials span,
.widget_testimonials svg,
.google-business-reviews-rating,
.google-business-reviews-rating svg,
.google-reviews-widget-rating,
.google-reviews-widget-rating svg {
    color: #c89ca0 !important;
    fill: #c89ca0 !important;
    stroke: #c89ca0 !important;
}

/* Instagram Section Box */
.follow-instagram-container {
    background-color: #F8F3F1;
    padding: 20px 40px;
    /* max-width: 460px; */
    margin: 50px auto;
    border: 1.8px solid #C89CA0;
    border-radius: 14px;
    box-shadow: 0 10px 20px rgba(200, 156, 160, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    cursor: pointer;
    transition: all 0.4s ease;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    color: #2C1E1B;
    text-transform: uppercase;
    user-select: none;
}
.follow-instagram-container:hover {
    background-color: #C89CA0;
    color: #FFFFFF;
    border-color: #A56B70;
    box-shadow: 0 15px 30px rgba(165, 107, 112, 0.45);
}
.follow-instagram-container svg,
.follow-instagram-container img {
    width: 28px;
    height: 28px;
    fill: #2C1E1B;
    transition: fill 0.4s ease;
}
.follow-instagram-container:hover svg,
.follow-instagram-container:hover img {
    fill: #FFFFFF;
}
.follow-instagram-container {
    position: relative;
}
.follow-instagram-container::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    cursor: pointer;
    z-index: 10;
}

/* --- Best Sellers Heading --- */
h2.best-sellers-header { font-size:34px!important; }

/* Women Section Heading */
.women-section-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    color: #2C1E1B !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 20px 0 44px 0 !important;
    line-height: 1.09 !important;
    background: none !important;
    border: none !important;
    font-style: normal !important;
}

/* Men Section Heading */
.men-section-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    color: #2C1E1B !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 20px 0 44px 0 !important;
    line-height: 1.09 !important;
    background: none !important;
    border: none !important;
    font-style: normal !important;
}

/* Mobile Responsive for Section Headings */
@media (max-width: 600px) {
    .women-section-title,
    .men-section-title {
        font-size: 1.45rem !important;
        margin: 14px 0 22px 0 !important;
    }
    .women-viewall-btn,
    .men-viewall-btn {
        padding: 13px 18px !important;
        font-size: 1.04rem !important;
    }
}
.women-section-title,
.men-section-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    color: #2C1E1B !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 22px 0 44px 0 !important;
    line-height: 1.09 !important;
    background: none !important;
    border: none !important;
    font-style: normal !important;
}

/* Responsive for Mobile */
@media (max-width: 600px) {
    .women-section-title,
    .men-section-title {
        font-size: 1.45rem !important;
        margin: 14px 0 22px 0 !important;
    }
}
/* Submit Button Style */
.wpcf7-form input[type="submit"] {
  background-color: #3c2e2a; /* Primary Color - Cocoa Brown */
  color: white;
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  padding: 12px 28px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

/* Submit Button Hover Color */
.wpcf7-form input[type="submit"]:hover {
  background-color: #c89ca0; /* Secondary Color - Dusty Rose */
  color: white;
}
/* Contact Us Page Heading (Get in Touch) */
.page-id-XX h1.entry-title, /* Replace XX with Contact Us page ID */
.page-id-XX .entry-title {
  font-family: 'Playfair Display', serif;
  font-size: 48px; /* Size increase */
  font-weight: 700; /* Bold */
  color: #2c1e1b; /* Headline color - dark brown */
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
h1.your-heading-class {
  font-size: 3rem !important; /* ya font-size: 48px !important; */
}
/* Newsletter Form Wrapper */
.newsletter-form-wrapper h3 {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 700;
  color: #3c2e2a; /* Primary color */
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* Email Input Field */
.newsletter-form-wrapper input[type="email"] {
  width: 70%;
  padding: 10px 12px;
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  border: 1px solid #c89ca0; /* Secondary color */
  border-radius: 6px 0 0 6px;
  outline: none;
  color: #3c2e2a;
}

/* Submit Button */
.newsletter-form-wrapper input[type="submit"] {
  width: 28%;
  padding: 10px 0;
  background-color: #3c2e2a; /* Primary color */
  color: white;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 16px;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.newsletter-form-wrapper input[type="submit"]:hover {
  background-color: #c89ca0; /* Secondary color hover */
}
	/* Banner container padding/margin remove karo */
.term-description {
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Banner image ko full width aur responsive banao */
.term-description img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* WooCommerce container ko full width karo */
.woocommerce-page .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Result count ko banner ke neeche thoda gap do */
.woocommerce-result-count {
    margin-top: 20px !important;
}

/* Remove padding/margin from main content wrapper */
.content-area,
.site-content,
.main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Header ke neeche gap kam karo */
.site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Shop page or category pages pe variations chhupao */
.archive .variations_form,
.post-type-archive-product .variations_form {
    display: none !important;
}
/* Mobile aur chhoti screens pe variations hide karo */
@media only screen and (max-width: 768px) {
  .variations_form {
    display: none !important;
  }
}
.hr-custom-line {
  width:90%;
  max-width:1000px;
  margin:30px auto;
  height:1.5px;
  background:#f1e9e4;
}
.privacypolicy-heading {
  font-size: 64px !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  color: #2C1E1B !important;
  text-align: center !important;
  margin-bottom: 32px !important;
  line-height: 1.1 !important;
}
/* Privacy Policy Page Styling for page ID 15909 */
.page-id-15909 .ux-section {
  padding: 60px 30px 40px 30px !important;
  max-width: 1140px;
  margin: 0 auto;
}

.page-id-15909 .ux-section > .row {
  padding-left: 24px;
  padding-right: 24px;
}

.page-id-15909 h1,
.page-id-15909 h2 {
  margin-bottom: 20px;
  font-weight: 700;
  color: #2C1E1B;
}

.page-id-15909 p {
  font-size: 1.18rem;
  line-height: 1.6;
  color: #2C1E1B;
}

.page-id-15909 hr {
  border-color: #EAD6D1;
  border-width: 2px;
  width: 80px;
  margin: 12px auto 28px auto;
}

.page-id-15909 .accordion-panel {
  border-radius: 8px;
  border: 1px solid #EAD6D1;
  padding: 20px;
  box-shadow: none !important;
}
/* Section padding & container width */
.page-id-15909 .ux-section {
  padding: 60px 30px 40px 30px !important;
  max-width: 1140px;
  margin: 0 auto;
}

/* Row padding inside section */
.page-id-15909 .ux-section > .row {
  padding-left: 24px;
  padding-right: 24px;
}

/* Headings */
.page-id-15909 h1,
.page-id-15909 h2 {
  margin-bottom: 20px;
  font-weight: 700;
  color: #2C1E1B;
  line-height: 1.2;
}

/* Paragraph text */
.page-id-15909 p {
  font-size: 1.18rem;
  line-height: 1.6;
  color: #2C1E1B;
  margin-bottom: 20px;  /* Paragraph ke neeche spacing */
}

/* Divider */
.page-id-15909 hr {
  border-color: #EAD6D1 !important;
  border-width: 2px !important;
  width: 80px !important;
  margin: 12px auto 28px auto !important;
  height: 2px !important;
}

/* Accordion */
.page-id-15909 .accordion-panel {
  border-radius: 8px;
  border: 1px solid #EAD6D1;
  padding: 20px !important;
  box-shadow: none !important;
  margin-bottom: 16px;  /* Panels ke beech gap */
}

/* Accordion Title font-weight */
.page-id-15909 .accordion .accordion-title {
  font-weight: 700;
}

/* Responsive - Mobile & Tablet */
@media (max-width: 1024px) {
  .page-id-15909 .ux-section {
    padding: 40px 15px 30px 15px !important;
  }

  .page-id-15909 p {
    font-size: 1rem;
    margin-bottom: 16px;
  }

  .page-id-15909 h1,
  .page-id-15909 h2 {
    font-size: 1.6rem;
  }

  .page-id-15909 .accordion-panel {
    padding: 16px !important;
  }
}

@media (max-width: 768px) {
  .page-id-15909 .ux-section {
    padding: 30px 10px 20px 10px !important;
  }

  .page-id-15909 p {
    font-size: 0.95rem;
    margin-bottom: 14px;
  }

  .page-id-15909 h1,
  .page-id-15909 h2 {
    font-size: 1.4rem;
  }

  .page-id-15909 .accordion-panel {
    padding: 14px !important;
  }
}

/* =========================
   FAQ PAGE POLISHED STYLES
============================*/

/* Main FAQ Page Heading – PREMIUM POLISH */
h1.faq-title, .entry-title, .page-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.5rem !important;       /* Slightly bigger for luxury feel */
  font-weight: 700 !important;
  text-align: center !important;
  margin-top: 44px !important;        /* More spacing for open look */
  margin-bottom: 36px !important;
  letter-spacing: 2px !important;     /* More spaced */
  line-height: 1.2 !important;
  color: #2C1E1B !important;          /* Luxury dark brown */
}

/* FAQ Accordion Titles – PREMIUM POLISH */
.faq-accordion .accordion-title,
.ux-accordion .accordion-title,
.accordion .accordion-title,
.elementor-accordion .elementor-tab-title {
  font-weight: 600 !important;        /* Bolder for high-end */
  letter-spacing: 0.8px !important;   /* Subtle spacing */
  margin-bottom: 16px !important;     /* More separation between Qs */
  font-size: 1.13rem !important;      /* Slightly larger text */
}

/* Subtle Open Panel Shadow (Optional Ultra Premium Touch) */
.faq-accordion .accordion-item.open,
.ux-accordion .accordion-item.open,
.accordion .accordion-item.open {
  box-shadow: 0 2px 18px 0 rgba(60,46,42,0.04);
  border-radius: 10px;
}
/* Privacy Policy Page ke sare links ke liye hover effect */
.page-id-15909 a {
  color: #3E2C29; /* Deep brown */
  text-decoration: none;
  transition: color 0.3s ease;
}

.page-id-15909 a:hover {
  color: #7A3E3E; /* Maroon accent */
  text-decoration: underline;
  cursor: pointer;
}

.follow-instagram-container {
    display:inline-block; /* keeps underline away */
    font-size:50px; /* bigger than H1 */
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#2C1E1B; /* cocoa */
    border:none !important; /* remove grey line */
    }
    .follow-instagram-container:hover{ color:#C89CA0; }
    

/* 1️⃣ overlay link stretches edge-to-edge, sits on top */
.ig-overlay-link{
  position:absolute;
  inset:0;               /* shorthand for top:0; left:0; right:0; bottom:0; */
  z-index:50;            /* higher than every child */
  display:block;
}

/* 2️⃣ hide its text (SEO/ARIA label still works) */
.ig-overlay-link::after{
  content:'';
}

/* 3️⃣ the visible title stays below but receives no clicks */
.follow-instagram-container{
  position:relative;
}
.follow-instagram-container *{
  position:relative;
  z-index:10;
  pointer-events:none;   /* so the overlay gets the click */
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}