/*
Theme Name: Hello Child
Template: hello-elementor
Text Domain: hello-child
Author: Natun Kicho Developer
Description: Child theme styles for Hello Elementor with NKSP single post layout fixes and wider container
Version: 1.0
*/

/* =========================================================
   1. Global: Force wider Elementor container for boxed sections
   ========================================================= */
body .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-page .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



/* =========================================================
   3. Responsive adjustments
   ========================================================= */
@media (max-width: 1200px) {
    body .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1100px !important;
    }
}

@media (max-width: 992px) {
    body .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 900px !important;
    }

    body.single-post #nksp-content-area.nksp-wrapper .nksp-container {
        flex-direction: column !important;
    }
    body.single-post #nksp-content-area.nksp-wrapper .nksp-sidebar {
        display: none !important;
        width: 100% !important;
        position: relative !important;
        top: auto !important;
    }
}

/* ===== NKSP Layout ===== */
.nksp-container {
  display: flex;
  flex-wrap: nowrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  gap: 40px;
}

/* Main content area */
.nksp-main {
  flex: 1;
  min-width: 0;
}

/* Sidebar */
.nksp-sidebar {
  width: 320px;
  flex-shrink: 0;
}

/* Sidebar widgets styling */
.nksp-sidebar .widget {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Sidebar Title */
.nksp-sidebar .widget-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 5px;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .nksp-container {
    flex-direction: column;
  }

  .nksp-sidebar {
    display: none !important; /* hide on mobile */
  }
}

@media (max-width: 600px) {
    body .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 95% !important;
    }
}

/* =========================================================
   4. Extra small helpers (optional)
   ========================================================= */
.nksp-container img {
    max-width: 100%;
    height: auto;
}