/*
Theme Name: LuxScent Scent Marketing
Theme URI: https://luxscent.com.vn
Author: LuxScent Technology Team
Author URI: https://luxscent.com.vn
Description: Official High-Performance Scent Marketing & Aroma Nebulizer Theme for LuxScent (Theme mới hoàn toàn). Built with responsive modern aesthetics, featuring an interactive Nano Diffuser Volume Calculator (m³), 18-Scent IFRA Library, and 24/7 Floating Consultation Assistant.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxscent
Tags: custom-theme, e-commerce, one-column, full-width-template, theme-options
*/

/* Basic Reset & Font Antialiasing for WordPress Environment */
html, body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FAFAF8;
  color: #1F1F1F;
}

/* Ensure #root spans full width and plays nicely when WP Admin Bar is active */
body.admin-bar .luxscent-theme-root {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .luxscent-theme-root {
    margin-top: 46px;
  }
}

/* Prevent overflow cropping on interactive elements */
.luxscent-theme-root {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

/* Native WordPress Block & Classic Content Typography (.wordpress-post-content) */
.wordpress-post-content {
  font-family: 'Inter', sans-serif;
  color: #333333;
  line-height: 1.85;
}

.wordpress-post-content p {
  margin-bottom: 1.75rem;
  font-size: 1.05rem;
  font-weight: 300;
}

.wordpress-post-content h1,
.wordpress-post-content h2,
.wordpress-post-content h3,
.wordpress-post-content h4 {
  font-family: 'Cormorant Garamond', 'Marcellus', serif;
  color: #1D3C33;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  line-height: 1.3;
}

.wordpress-post-content h2 {
  font-size: 2.25rem;
  border-top: 1px solid #EAEAEA;
  padding-top: 1.5rem;
}

.wordpress-post-content h3 {
  font-size: 1.75rem;
}

.wordpress-post-content blockquote {
  margin: 2.5rem 0;
  padding: 2rem 2.5rem;
  background-color: #FAFAF8;
  border-left: 4px solid #346864;
  border-radius: 1.5rem;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.5rem;
  color: #1D3C33;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.wordpress-post-content ul {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 2rem;
}

.wordpress-post-content ol {
  list-style-type: decimal;
  margin-left: 1.5rem;
  margin-bottom: 2rem;
}

.wordpress-post-content li {
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
}

.wordpress-post-content img {
  border-radius: 1.5rem;
  margin: 2.5rem 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  max-width: 100%;
  height: auto;
}