/*
Theme Name: LunarBarVape
Theme URI: https://coderitsolution.com/
Author: Coder IT Solution
Author URI: https://coderitsolution.com/
Description: A modern and fully customizable WordPress theme built with custom Elementor widgets. Designed for flexibility, performance, and easy content management, it allows users to create stunning layouts without coding. The theme features responsive design, reusable Elementor components, clean structure, and seamless customization, making it ideal for modern websites and businesses.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://coderitsolution.com/
Text Domain: lunarbarvape
*/

/* ==========================================================================
   Basic Reset & Global Styles
   ========================================================================== */
* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    max-width: 100vw;
    overflow-x: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.6;
    color: #1a1a1a;
    background-color: #ffffff;
}

a {
    color: #6a3de8;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 20px 40px; */
    /* border-bottom: 1px solid #eee; */
}

.site-branding .site-title {
    margin: 0;
    font-size: 1.6rem;
}

.main-navigation ul {
    list-style: none;
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Content
   ========================================================================== */
.site-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px;
}

.entry-title {
    margin-top: 0;
}

/* ==========================================================================
   Header Bottom Gap for ALL Pages
   ========================================================================== */
.content-page,
.products-page,
.hero-section,
.story-card,
.verify-page,
.legal-page,
.faq-page,
.contact-page {
  margin-top: 120px !important;
}

@media (max-width: 767px) {
  .content-page,
  .products-page,
  .hero-section,
  .story-card,
  .verify-page,
  .legal-page,
  .faq-page,
  .contact-page {
    margin-top: 90px !important;
  }
}