/*
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.   ***************/


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


}

/* ==========================================================================
   CHI PILATES SANCTUARY — QUIET LUXURY SINGLE POST & EDITORIAL STYLES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&subset=vietnamese&display=swap');

/* Single Post Featured Hero Title Banner */
.blog-featured-title, 
.page-title.blog-featured-title {
  background: linear-gradient(135deg, #1C1917 0%, #2D3413 50%, #444E1D 100%) !important;
  padding: 4rem 0 3.5rem 0 !important;
}

.blog-featured-title h1, 
.blog-featured-title .entry-title,
.single-post h1.entry-title {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #F7FAF4 !important;
  font-weight: 600 !important;
  font-size: 2.35rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

.blog-featured-title .entry-meta, 
.blog-featured-title .entry-category a,
.single-post .entry-meta,
.single-post .entry-category a {
  color: #DCE9A8 !important;
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}

.blog-featured-title .entry-category a:hover {
  color: #FFFFFF !important;
}

/* Post Content Typography & Palette */
.single-post article .entry-content h2, 
.single-post article .entry-content h3, 
.single-post article .entry-content h4 {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  margin-top: 2.25rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.4 !important;
}

.single-post article .entry-content p,
.single-post article .entry-content li {
  font-family: 'DM Sans', sans-serif !important;
  color: #1E2215 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.single-post article .entry-content a {
  color: #7C563A !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.single-post article .entry-content a:hover {
  color: #2E3708 !important;
}

/* Table of Contents Plugin Enhancement (Easy TOC) */
#ez-toc-container {
  background: #F7FAF4 !important;
  border: 1px solid #D5DAD1 !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  box-shadow: 0 8px 24px -4px rgba(68, 78, 29, 0.05) !important;
}

#ez-toc-container .ez-toc-title-container {
  border-bottom: 1px solid #D5DAD1 !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}

#ez-toc-container .ez-toc-title {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

#ez-toc-container a {
  color: #46483C !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

#ez-toc-container a:hover {
  color: #7C563A !important;
  padding-left: 4px !important;
}

/* Sidebar Styling */
.post-sidebar .widget-title, 
.post-sidebar h3, 
.post-sidebar .widgettitle {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  border-bottom: 2px solid #2E3708 !important;
  font-size: 1.15rem !important;
  padding-bottom: 0.5rem !important;
  letter-spacing: -0.01em !important;
}

.post-sidebar ul li a {
  color: #46483C !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.post-sidebar ul li a:hover {
  color: #2E3708 !important;
  padding-left: 5px !important;
}


/* ==========================================================================
   CHI PILATES SANCTUARY — QUIET LUXURY SINGLE POST & EDITORIAL STYLES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&subset=vietnamese&display=swap');

/* Single Post Featured Hero Title Banner */
.blog-featured-title, 
.page-title.blog-featured-title {
  background: linear-gradient(135deg, #1C1917 0%, #2D3413 50%, #444E1D 100%) !important;
  padding: 4rem 0 3.5rem 0 !important;
}

.blog-featured-title h1, 
.blog-featured-title .entry-title,
.single-post h1.entry-title {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #F7FAF4 !important;
  font-weight: 600 !important;
  font-size: 2.35rem !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

.blog-featured-title .entry-meta, 
.blog-featured-title .entry-category a,
.single-post .entry-meta,
.single-post .entry-category a {
  color: #DCE9A8 !important;
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}

.blog-featured-title .entry-category a:hover {
  color: #FFFFFF !important;
}

/* Post Content Typography & Palette */
.single-post article .entry-content h2, 
.single-post article .entry-content h3, 
.single-post article .entry-content h4 {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  margin-top: 2.25rem !important;
  margin-bottom: 1rem !important;
  line-height: 1.4 !important;
}

.single-post article .entry-content p,
.single-post article .entry-content li {
  font-family: 'DM Sans', sans-serif !important;
  color: #1E2215 !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.single-post article .entry-content a {
  color: #7C563A !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.single-post article .entry-content a:hover {
  color: #2E3708 !important;
}

/* Table of Contents Plugin Enhancement (Easy TOC) */
#ez-toc-container {
  background: #F7FAF4 !important;
  border: 1px solid #D5DAD1 !important;
  border-radius: 1.5rem !important;
  padding: 1.5rem !important;
  box-shadow: 0 8px 24px -4px rgba(68, 78, 29, 0.05) !important;
}

#ez-toc-container .ez-toc-title-container {
  border-bottom: 1px solid #D5DAD1 !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}

#ez-toc-container .ez-toc-title {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

#ez-toc-container a {
  color: #46483C !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

#ez-toc-container a:hover {
  color: #7C563A !important;
  padding-left: 4px !important;
}

/* Sidebar Styling */
.post-sidebar .widget-title, 
.post-sidebar h3, 
.post-sidebar .widgettitle {
  font-family: 'Lora', 'Playfair Display', Georgia, serif !important;
  color: #2E3708 !important;
  border-bottom: 2px solid #2E3708 !important;
  font-size: 1.15rem !important;
  padding-bottom: 0.5rem !important;
  letter-spacing: -0.01em !important;
}

.post-sidebar ul li a {
  color: #46483C !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.post-sidebar ul li a:hover {
  color: #2E3708 !important;
  padding-left: 5px !important;
}


/* ==========================================================================
   GLOBAL DEFENSIVE RULES: ADMIN BAR & RESPONSIVE NAV
   ========================================================================== */
body.admin-bar header.fixed,
body.admin-bar .fixed.top-0,
body.admin-bar #chi-00_top_navbar header,
body.admin-bar #chi-blog-00_top_navbar header {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar header.fixed,
  body.admin-bar .fixed.top-0,
  body.admin-bar #chi-00_top_navbar header,
  body.admin-bar #chi-blog-00_top_navbar header {
    top: 46px !important;
  }
}

@media (min-width: 640px) {
  .chi-block-root .sm\:flex { display: flex !important; visibility: visible !important; }
}
@media (min-width: 768px) {
  .chi-block-root .md\:flex { display: flex !important; visibility: visible !important; }
}
@media (min-width: 1024px) {
  .chi-block-root .lg\:flex { display: flex !important; visibility: visible !important; }
}