/*
 Theme Name: Astra Full-Width Desktop Navy (Child)
 Theme URI: https://example.com/astra-fullwidth-desktop-navy-child
 Author: ChatGPT
 Author URI: https://example.com
 Description: Child theme for Astra that forces full-bleed layout on desktop while preserving Astra defaults on mobile, with a subtle light navy background.
 Version: 1.0.1
 Template: astra
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, full-width, one-column, responsive-layout
 Text Domain: astra-fullwidth-desktop-navy
*/

/* Inherit parent styles */
@import url("../astra/style.css");

/* Light navy background for the site */
body {
  background-color: #f5f8fc;
}

/* Ensure main content and header/footer remain white for readability */
.site-content,
.main-header-bar,
.site-footer {
  background-color: #ffffff;
}

/* Keep Astra default on small screens; apply full-bleed only at >= 1024px */
@media (min-width: 1024px) {

  .single-post .site-content .ast-container,
  .single .site-content .ast-container,
  .page .site-content .ast-container {
    max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ast-separate-container .ast-article-single,
  .ast-separate-container .ast-article-single .entry-content,
  .ast-separate-container .ast-article-post,
  .ast-separate-container .ast-article-post .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .single-post .ast-article-single .entry-content,
  .single .ast-article-single .entry-content,
  .page .ast-article-single .entry-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 80rem; /* readable line-length cap */
  }

  .single-post .ast-article-single .post-thumb img,
  .single .ast-article-single .post-thumb img,
  .page .ast-article-single .post-thumb img {
    width: 100vw;
    max-width: 100vw;
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .single-post #secondary, .single #secondary, .page #secondary {
    display: none !important;
  }
  .content-area {
    width: 100% !important;
  }

  .main-header-bar {
    box-shadow: 0 2px 14px rgba(0,0,0,.06);
  }
  .site-footer {
    box-shadow: 0 -2px 14px rgba(0,0,0,.04);
  }
}

a {
  text-decoration-thickness: .08em;
  text-underline-offset: .2em;
}

button, .button, input[type="submit"] {
  border-radius: 6px;
  padding: .75rem 1.125rem;
}