/*
 Theme Name: Twenty Seventeen Child
 Theme URI: https://wordpress.org/themes/twentyseventeen/
 Description: Child theme for Twenty Seventeen. Keeps homepage public while using Force Login to lock content.
 Author: Site Admin
 Template: twentyseventeen
 Text Domain: twentyseventeen-child
 Version: 1.0.0
*/
@import url("../twentyseventeen/style.css");
/* Add child theme specific styles below */

/*
 * Front page layout: 2-column (60/40) on desktop, 1-column on mobile.
 * Scoped to the homepage only to avoid side effects on other templates.
 */

/* Mobile-first: stack content (primary first, then sidebar) */
.home .wrap {
  display: block;
}

.home .wrap > #primary,
.home .wrap > #secondary {
  width: 100%;
}

/* Add a sensible vertical gap when stacked */
.home .wrap > #secondary {
  margin-top: 2rem;
}

/* From medium/large screens: switch to two columns */
@media (min-width: 960px) {
  .home .wrap {
    display: flex;
    align-items: flex-start;
    gap: 2rem; /* space between columns */
  }

  .home .wrap > #primary {
    flex: 0 1 60%;
    max-width: 60%;
    padding: 1em 0 2em;
  }

  .home .wrap > #secondary {
    flex: 0 1 40%;
    max-width: 40%;
    margin-top: 0; /* reset the mobile gap */
  }
}

/* Force stacking of header and content within page article on the homepage */
.home #primary #main article .wrap {
  padding: 0 !important; /* remove inner padding as requested */
  display: block; /* ensure normal block layout */
}

.home #primary #main article .wrap .entry-header,
.home #primary #main article .wrap .entry-content {
  float: none !important; /* neutralize any floats from theme */
  width: 100% !important; /* full width */
  clear: both; /* ensure stacking */
  display: block; /* explicit block elements */
  margin: 1em 0 0 0; /* reset any margin from theme */
}

.wp-block-button .wp-block-button__link {
  margin-top: 0.5em !important;
}