/* 
Theme Name: Boxcard Child 
Theme URL: http://staging.ashleyvaught.com
Description: Boxcard Child 
Theme Author: Ashley Vaught
Author URL: http://staging.ashleyvaught.com
Template: boxcard 
Version: 1.0.0 
Text Domain: boxcard-child 
*/

/* ---------------------------------------------------------
   Quick visual cleanup
--------------------------------------------------------- */

/* Lighten overall page background */
body {
  background: #f3f3f3;
}


/* Soften post/card appearance */
.post,
.hentry,
article {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.06);
}


/* Keep post interiors white */
.post-inner,
.entry-inner {
  background: #fff;
}


/* Clean up sidebar contrast */
.sidebar,
.sidebar .widget,
#sidebar {
  background: #111 !important;
}


/* Sidebar links */
.sidebar a,
.sidebar .widget a,
#sidebar a,
#sidebar .widget a {
  color: #d8d8d8 !important;
}

.sidebar a:hover,
.sidebar .widget a:hover,
#sidebar a:hover,
#sidebar .widget a:hover {
  color: #ff8a00 !important;
}

/* ---------------------------------------------------------
   Work History page cleanup
   Page ID: 150
--------------------------------------------------------- */

/* Light page background */
body.page-id-150 {
  background: #f3f3f3;
}

/* ---------------------------------------------------------
   Work History page — remove left column/header sidebar
   Page ID: 150
--------------------------------------------------------- */

body.page-id-150 #header {
  display: none !important;
}

body.page-id-150 .main,
body.page-id-150 #page {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-150 .main-inner,
body.page-id-150 .content {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}

body.page-id-150 .blog-card,
body.page-id-150 .entry-header,
body.page-id-150 .entry-footer,
body.page-id-150 .entry > *:not(.alignfull) {
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center and widen main content */
body.page-id-150 #content,
body.page-id-150 .content-area,
body.page-id-150 .main,
body.page-id-150 main {
  width: 100% !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* Page title */
body.page-id-150 .entry-title,
body.page-id-150 h1 {
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1.05;
  margin-bottom: 1.5rem;
}

/* Main content typography */
body.page-id-150 .entry-content {
  font-size: 1.1rem;
  line-height: 1.7;
}

/* Section headings */
body.page-id-150 .entry-content h2 {
  font-size: 1.7rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #111;
  padding-bottom: .35rem;
}

/* Job / role headings */
body.page-id-150 .entry-content h3 {
  font-size: 1.25rem;
  margin-top: 2rem;
  margin-bottom: .25rem;
}

/* Paragraph spacing */
body.page-id-150 .entry-content p {
  margin-bottom: 1.25rem;
}

/* List spacing */
body.page-id-150 .entry-content ul {
  margin-bottom: 2rem;
}

body.page-id-150 .entry-content li {
  margin-bottom: .6rem;
}

/* ---------------------------------------------------------
   Work History page — polish
--------------------------------------------------------- */

body.page-id-150 .blog-card {
  max-width: 820px !important;
  padding: 3.5rem 4rem !important;
  background: #fff;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);
}

/* Slightly reduce the huge title */
body.page-id-150 .entry-title {
  font-size: clamp(2.8rem, 5vw, 4.2rem) !important;
  margin-bottom: 2rem !important;
}

/* Make the intro photo less dominant */
body.page-id-150 .entry-content .wp-block-image:first-of-type img {
  max-width: 360px !important;
  width: 100% !important;
  height: auto !important;
}

/* Improve body readability */
body.page-id-150 .entry-content {
  font-size: 20px;
  line-height: 1.65;
}

/* Screenshots / portfolio images */
body.page-id-150 .entry-content .wp-block-image img {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

/* But do not over-shadow the portrait */
body.page-id-150 .entry-content .wp-block-image:first-of-type img {
  box-shadow: none;
}

/* Cleaner separators */
body.page-id-150 .wp-block-separator {
  max-width: 180px;
  margin: 2.5rem auto;
  border-top: 1px solid #ddd;
}

/* Section headings */
body.page-id-150 .entry-content h2 {
  border-bottom: 2px solid #333;
  padding-bottom: 0.35rem;
}

/* ---------------------------------------------------------
   Work History page — mobile refinement
   Page ID: 150
--------------------------------------------------------- */

@media (max-width: 700px) {

  /* Let the page breathe less like a desktop document */
  body.page-id-150 {
    background: #f6f5f1;
  }

  /* Make the white page feel intentional, not like a tiny PDF */
  body.page-id-150 .blog-card {
    width: calc(100vw - 2rem) !important;
    max-width: none !important;
    margin: 1rem auto 2rem !important;
    padding: 2.25rem 1.45rem !important;
    box-shadow:
      0 4px 12px rgba(0, 0, 0, 0.08),
      0 16px 28px rgba(0, 0, 0, 0.10);
  }

  /* Remove desktop max-width behavior from inner elements */
  body.page-id-150 .entry > *:not(.alignfull),
  body.page-id-150 .entry-content > * {
    max-width: 100% !important;
  }

  /* Tighten the title so it does not overwhelm the page */
  body.page-id-150 .entry-title,
  body.page-id-150 h1 {
    font-size: clamp(2.2rem, 9vw, 3.2rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em;
    margin-bottom: 2.25rem !important;
  }

  /* Make the opening section feel more designed */
  body.page-id-150 .entry-content h2:first-of-type {
    margin-top: 0 !important;
  }

  body.page-id-150 .entry-content h2 {
    font-size: clamp(1.55rem, 7vw, 2.15rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.45rem;
    border-bottom: 2px solid #333;
  }

  /* Improve paragraph rhythm on mobile */
  body.page-id-150 .entry-content {
    font-size: 18px !important;
    line-height: 1.68 !important;
  }

  body.page-id-150 .entry-content p {
    margin-bottom: 1.15rem !important;
  }

  /* Keep role headings from feeling too timid */
  body.page-id-150 .entry-content h3 {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
  }

  /* Lists need more structure on mobile */
  body.page-id-150 .entry-content ul {
    padding-left: 1.15rem;
    margin-bottom: 1.75rem;
  }

  body.page-id-150 .entry-content li {
    margin-bottom: 0.7rem;
  }

  /* Make separators less precious on small screens */
  body.page-id-150 .wp-block-separator {
    max-width: 120px;
    margin: 2rem auto;
  }
}