/* ==========================================================
🖤 OXVA VAPES UK — MOBILE REFINEMENTS (2025)
Optimized for Astra Child Theme
========================================================== */

@media (max-width: 768px) {

  /* ---------- 1️⃣ Hero section tighter ---------- */
  .elementor-section.hero, #hero {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }

  /* ---------- 2️⃣ Info cards / features closer together ---------- */
  .elementor-column-gap-default .elementor-column {
    margin-bottom: 15px !important;
  }

  /* ---------- 3️⃣ Product grid button refinement ---------- */
  .oxva-card a,
  .elementor-button {
    padding: 10px 0 !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }

  /* ---------- 4️⃣ CTA boxes / call-to-actions ---------- */
  .elementor-widget-container .cta-box,
  .elementor-widget-container .shop-cta,
  .elementor-widget-container .elementor-text-editor {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  /* ---------- 5️⃣ Footer height & spacing ---------- */
  footer, .site-footer {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  /* ---------- 6️⃣ Reduce gap before footer ---------- */
  .cta-box, .elementor-widget-text-editor:last-of-type {
    margin-bottom: 10px !important;
  }

  /* ---------- 7️⃣ Footer link color tweak ---------- */
  footer p, footer li, footer a {
    color: #e6e6e6 !important;
  }

  /* ---------- 8️⃣ Footer divider line ---------- */
  footer hr, footer::before, footer::after {
    opacity: 0.2 !important;
  }

  /* ---------- 9️⃣ Remove white gaps & force black BG ---------- */
  .elementor-section, .elementor-container, .elementor-column {
    background-color: #000 !important;
  }
  body, html {
    background-color: #000 !important;
    overflow-x: hidden !important;
  }

  /* ---------- 🔟 Coming Soon section refinement ---------- */
  .elementor-heading-title {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  .elementor-widget-text-editor p {
    text-align: center !important;
    padding: 0 15px !important;
  }
  .elementor-widget-image img {
    margin: 10px auto !important;
    display: block !important;
  }
}

/* ==========================================================
💬 wpForo Dark Theme Fix
========================================================== */
@media (max-width: 1024px) {
  #wpforo-wrap,
  .wpforo,
  .wpforo-content,
  .wpforo-post,
  .wpforo-replies,
  .wpforo-topic,
  .wpforo-category {
    background-color: #000 !important;
    color: #f5f5f5 !important;
  }

  #wpforo-wrap h1, #wpforo-wrap h2, #wpforo-wrap h3, #wpforo-wrap h4,
  #wpforo-wrap a {
    color: #f24a2e !important;
  }

  #wpforo-wrap p,
  #wpforo-wrap .wpforo-post-content {
    color: #ccc !important;
    line-height: 1.6 !important;
  }

  #wpforo-wrap .wpforo-button,
  #wpforo-wrap button,
  #wpforo-wrap input[type=submit] {
    background: linear-gradient(90deg,#f24a2e,#ff4d4d) !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 10px 18px !important;
  }
}