/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0
*/

:root {
  --theme-site-background: #111111 !important;
  --theme-body-font-color: #eaeaea !important;
  --theme-text-color: #eaeaea !important;
  --theme-headings-color: #ffffff !important;

  --theme-link-initial-color: #999999 !important;
  --theme-link-hover-color: #f0f0f0 !important;

  --theme-palette-color-1: #999999 !important;
  --theme-palette-color-2: #f0f0f0 !important;
  --theme-palette-color-3: #eaeaea !important;
  --theme-palette-color-4: #999999 !important;
  --theme-palette-color-5: #222222 !important;
}

/* Fond réel de tous les conteneurs Blocksy */
html,
body,
.ct-site,
.ct-page,
.ct-content,
.site-content,
.ct-container,
.ct-container-inner,
header,
footer,
.ct-header,
.ct-footer {
  background-color: var(--theme-site-background) !important;
}

/* Texte global */
body,
.ct-content,
.entry-content,
.ct-page,
.site-content {
  color: var(--theme-body-font-color) !important;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  color: var(--theme-headings-color) !important;
}

/* Liens */
a {
  color: var(--theme-link-initial-color) !important;
}
a:hover {
  color: var(--theme-link-hover-color) !important;
}

/* Cartes / blocs blancs internes */
.wp-block,
.wp-block-group,
.wp-block-cover,
.wp-block-media-text,
.wp-block-columns,
.wp-block-column {
  background: transparent !important;
}

.ct-header,
.ct-header * {
  background-color: #111111 !important;
}

.ct-header .ct-container,
.ct-header .ct-container-inner {
  background: transparent !important;
}


/* Grid style */

.works-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem
}

.work-item {
  background: #111;
  text-align: center;
  font-size: 0.85rem;
}

.work-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

.work-item h2 {
  margin-top: 0.75rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  color: #eaeaea;
}

.works-archive {
  max-width: 1400px;
  margin: 0 auto;
  padding: 4rem 3rem;
}

/* Single work */


.work-single {
  max-width: 1200px;
  margin: 0 auto;
  padding: 5rem 3rem;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem;
}

.work-image img {
  width: 100%;
  height: auto;
}

.work-meta h1 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.work-description {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #ccc;
}

/* Responsive */

@media (max-width: 1200px) {
  .works-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 800px) {
  .works-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .works-grid {
    grid-template-columns: 1fr;
  }
}


/* Onglet actif */

.menu-item.current-menu-item > a,
.menu-item.current-menu-ancestor > a {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

.menu-item > a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
  opacity: 0.8;
}

.tax-artist.term-gilles-vuillard .menu-gilles > a,
.tax-artist.term-egle-petrauskaite .menu-egle > a {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}


/* Apparition fadein */

main {
  opacity: 0;
  animation: pageFadeIn 0.7s ease forwards;
}

.oeuvre-item:nth-child(1)  { animation-delay: 0.05s; }
.oeuvre-item:nth-child(2)  { animation-delay: 0.1s; }
.oeuvre-item:nth-child(3)  { animation-delay: 0.15s; }
.oeuvre-item:nth-child(4)  { animation-delay: 0.2s; }
.oeuvre-item:nth-child(5)  { animation-delay: 0.25s; }
.oeuvre-item:nth-child(6)  { animation-delay: 0.3s; }
.oeuvre-item:nth-child(7)  { animation-delay: 0.35s; }
.oeuvre-item:nth-child(8)  { animation-delay: 0.4s; }

@keyframes pageFadeIn {
  to {
    opacity: 1;
  }
}