/*
Theme Name: BlankSlate
Version: 2026
Text Domain: blankslate
*/

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');

/* RESET TOTAL POUR WORDPRESS */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fff; font-family: 'Inter Tight', sans-serif; -webkit-font-smoothing: antialiased; }

/* HEADER */
 #header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: #fff;
      z-index: 1000;
      padding-top: 40px;
      padding-bottom: 35px;
    }

.header-wrapper {
    width: 1200px; /* 1200px - padding */
    margin: 0 auto;
    padding: 0 20px;
}

 #site-title {
      display: block;
      font-size: 44px;
      font-weight: 700;
      color: #000;
      margin-bottom: 4px;
      text-align: left;
    }

#nav {
      display: flex;
      flex-direction: row;
      gap: 25px;
      margin-top: 12px;
      text-align: left;
    }

  #nav a {
      font-size: 28px;
      font-weight: 700;
    }

#nav a.active { color: #F6AC0D; }

/* CONTENU */
#content {
    width: 1200px;
    margin: 0 auto;
    padding: 210px 20px 80px 20px;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 40px;
}

.grid-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.grid-item img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

/* LÉGENDES */
  .project-title {
      color: #000; /* Noir */
      display: block;
      line-height: 1.4;
    }

    .project-year {
      color: #888; /* Gris */
      display: block;
      line-height: 1.4;
    }

 @media (max-width: 1240px) {
      .header-wrapper, #content { width: 100%; }
    }

    @media (max-width: 920px) {
      #content { padding-top: 180px; }
      #site-title { font-size: 32px; }
      .projects-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      #header { padding: 15px 0 10px 0; }
      .header-wrapper { padding: 0 12px; }
      #site-title { font-size: 26px; }
      #nav a { font-size: 18px; }
      #nav { gap: 12px; }
      #content { padding: 140px 12px 60px 12px; }
      .projects-grid {
        grid-template-columns: 1fr;
        gap: 35px;
      }

/* SUPPRESSION ÉLÉMENTS WP */
header, footer, .entry-title, .screen-reader-text { display: none !important; }