/*
 Theme Name: Neve Child
 Template: neve
 Version: 1.2.0
*/
/* ================================
   Universal Neve Layout Fix
   Author: Your Name
   Handles desktop, laptop, tablet, and mobile
================================ */

/* Universal box-sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ================================
   Outer container (desktop and large screens)
   Container stays big but centered
================================ */
.container,
.nv-site-content,
.nv-content-wrap,
.neve-main {
    width: 100%;            /* Fill available space */
    max-width: 1400px;      /* Big container for desktop */
    margin: 0 auto;         /* Center container */
    padding-left: 80px;     /* Side spacing for desktop */
    padding-right: 80px;
    overflow: hidden;       /* Prevent inner content overflow */
}

/* ================================
   Inner content (articles, posts, pages)
   Keep content centered and readable
================================ */
article,
.posts-wrapper,
.archive-container,
.page-content {
    max-width: 1200px;       /* Readable width */
    margin: 0 auto;          /* Center content inside container */
    word-wrap: break-word;   /* Prevent long words from overflowing */
    overflow-wrap: break-word;
}

/* ================================
   Desktop mode for large screens
================================ */
@media (min-width: 1024px) {
    .container,
    .nv-site-content,
    .nv-content-wrap,
    .neve-main {
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* ================================
   Tablet and phones (responsive)
   Handles mobile layout
================================ */
@media (max-width: 1023px) {
    .container,
    .nv-site-content,
    .nv-content-wrap,
    .neve-main {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100%;      /* Fit screen width */
    }

    article,
    .posts-wrapper,
    .archive-container,
    .page-content {
        max-width: 100% !important;  /* Inner content fits container */
    }

    /* Headlines wrap correctly */
    h1, h2, h3, h4, h5, h6 {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

/* ================================
   Extra small devices (phones)
   More padding if needed
================================ */
@media (max-width: 480px) {
    .container,
    .nv-site-content,
    .nv-content-wrap,
    .neve-main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}