/*
Theme Name: exam-enfant
Theme URI: https://example.com/
Description: Thème enfant basé sur Mon Thème Parent
Author: Sarah
Author URI: https://example.com
Template: exam
Version: 1.0
Text Domain: exam-enfant
*/

/* =========================================================
   HEADER
   ========================================================= */

.site-header {
  width: 100%;
  background-color: #ffffff;
}

.header-container {
  width: 100%;
  max-width: 1085px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}

.site-logo img {
  max-height: 42px;
  width: auto;
  display: block;
}

.main-navigation {
  display: flex;
  align-items: center;
}

.main-menu {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.main-menu li {
  list-style: none;
}

.main-menu a {
  font-size: 0.80rem;
  font-weight: 700;
  color: #7d9bbf;
  text-decoration: none;
  transition: color 0.3s ease;
}

.main-menu a:hover,
.main-menu .current-menu-item > a,
.main-menu .current_page_item > a {
  color: #293c53;
  text-decoration: none;
}

.site-logo {
  display: inline-block;
  line-height: 1;
  text-decoration: none !important;
}

.site-logo img {
  display: block;
  width: 180px;
  height: auto;
}

/* Mobile header */
@media (max-width: 768px) {
  .site-header {
    padding: 2.5rem 0 2rem;
  }

  .header-container {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    text-align: center;
  }

  .main-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }

  .site-logo {
    font-size: 1.7rem;
  }
}

.hero {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	background: radial-gradient(circle,rgba(21, 33, 47, 1) 0%, rgba(41, 59, 81, 1) 50%, rgba(21, 33, 47, 1) 100%);
	color:white;
	padding-top: 1rem;
}


/*BODY*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-family: "Lato", sans-serif;
  font-style: normal;
}

#main.container {
  max-width: 1085px;
}

/* Featured text block */
.spaceview {
  max-width: 900px;
  margin: 0 auto;
  padding: 6rem 0 8rem;
}

/* Category */
.post-categories {
  padding-left: 0;
  margin: 0 0 1.2rem;
}

.post-categories li {
  list-style: none;
  display: inline-block;
}

.post-categories a {
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #b4ad9e;
  text-decoration: none;
}

/* Featured title */
.spaceview h2 {
  margin: 0 0 1.7rem;
  padding: 0;
  line-height: 1.2;
}

.spaceview h2 a {
  font-size: 1.85rem;
  font-weight: 400;
  color: #7d9bbf !important;
  text-decoration: none;
}

/* Paragraph text */
.post-entry-content,
.post-entry-content p {
  font-size: 0.88rem;
  font-weight: 300;
  line-height: 1.75;
  color: #7d9bbf !important;
  letter-spacing: 0;
}

/* Cards section */
.viewspace {
  margin: 0 2.5rem;
}

.innerSpaceview {
  padding: 1.6rem 0 4rem;
}

.viewspace h2 {
  margin: 0 0 1.2rem;
  padding: 0;
  line-height: 1.2;
}

.viewspace h2 a {
  font-size: 1.7rem;
  font-weight: 400;
  color: #7d9bbf !important;
  text-decoration: none;
}

.card-title a{
	color: #293c53;
}
.card-title a:hover {
	color: #8e9bbf;
}

.viewspace h2 a:hover,
.spaceview h2 a:hover,
.post-categories li a:hover {
  color: #293c53 !important;
}

/* Images */
.wp-post-image {
  width: 100%;
  display: block;
}

.viewspace > a {
  position: relative;
  display: block;
  overflow: hidden;
}

.viewspace > a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(23, 47, 116, 0.65);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.viewspace > a:hover::after {
  opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .spaceview {
    padding: 3rem 1rem 5rem;
  }

  .viewspace {
    margin: 0 1rem;
  }

  .col-6 {
    width: 100%;
  }

  .viewspace .wp-post-image {
    height: 240px;
  }
}

body.single-post #main,
body.single-post #main.container,
body.single #main,
body.single #main.container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* If the parent theme uses Bootstrap rows/columns, neutralize them only on single posts */
body.single-post #main .row,
body.single #main .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body.single-post #main [class*="col-"],
body.single #main [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Center the article itself */
body.single-post article,
body.single-post .post,
body.single-post .type-post,
body.single-post .hentry,
body.single article,
body.single .post,
body.single .type-post,
body.single .hentry {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Featured image */
body.single-post article .wp-post-image,
body.single-post .single-post-image img,
body.single article .wp-post-image,
body.single .single-post-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  filter: grayscale(100%);
}

/* Category above title */
body.single-post .post-categories,
body.single .post-categories {
  padding-left: 0 !important;
  margin: 1rem 0 1.2rem !important;
}

body.single-post .post-categories li,
body.single .post-categories li {
  list-style: none;
  display: inline-block;
}

body.single-post .post-categories a,
body.single .post-categories a {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  color: #b4ad9e !important;
  text-decoration: none !important;
}

body.single-post .post-categories a:hover,
body.single .post-categories a:hover {
  color: #293c53 !important;
}

/* Article title */
body.single-post h1,
body.single-post .single-post-title,
body.single .single-post-title {
  font-size: 2.7rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #7d9bbf !important;
  margin: 1rem 0 0.6rem !important;
}

/* Meta line: date + author */
body.single-post .single-post-meta,
body.single-post .entry-meta,
body.single .single-post-meta,
body.single .entry-meta {
  font-size: 0.8rem !important;
  font-weight: 300 !important;
  color: #b4ad9e !important;
  margin-bottom: 2rem !important;
}

body.single-post .single-post-meta a,
body.single-post .entry-meta a,
body.single .single-post-meta a,
body.single .entry-meta a {
  color: #233246 !important;
  text-decoration: none !important;
}

body.single-post .single-post-meta a:hover,
body.single-post .entry-meta a:hover,
body.single .single-post-meta a:hover,
body.single .entry-meta a:hover {
  text-decoration: underline !important;
}

/* Article text */
body.single-post .entry-content,
body.single-post .post-entry-content,
body.single-post .single-post-content,
body.single .entry-content,
body.single .post-entry-content,
body.single .single-post-content {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .entry-content p,
body.single-post .post-entry-content p,
body.single-post .single-post-content p,
body.single .entry-content p,
body.single .post-entry-content p,
body.single .single-post-content p {
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: #293c53 !important;
  margin-bottom: 1.5rem !important;
}

/* Separator before previous/next navigation */
body.single-post hr,
body.single .single-post-separator {
  width: 100% !important;
  max-width: 760px !important;
  border: none !important;
  border-top: 1px solid #e5e5e5 !important;
  margin: 3rem auto 2rem !important;
}

/* Previous / next navigation */
body.single-post .post-navigation,
body.single .post-navigation {
  width: 100% !important;
  max-width: 760px !important;
  margin: 2rem auto 5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  box-sizing: border-box !important;
  float: none !important;
}

body.single-post .post-navigation > div,
body.single .post-navigation > div {
  padding: 0 !important;
}

body.single-post .post-navigation a,
body.single-post .single-nav-button,
body.single .post-navigation a,
body.single .single-nav-button {
  display: inline-block !important;
  padding: 0.8rem 1.3rem !important;
  border: 1px solid #b4ad9e !important;
  border-radius: 0 !important;
  color: #7d9bbf !important;
  background-color: transparent !important;
  font-size: 0.85rem !important;
  font-weight: 300 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

body.single-post .post-navigation a:hover,
body.single-post .single-nav-button:hover,
body.single .post-navigation a:hover,
body.single .single-nav-button:hover {
  border-color: #293c53 !important;
  background-color: #293c53 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.single-post article,
  body.single-post .post,
  body.single-post .type-post,
  body.single-post .hentry,
  body.single article,
  body.single .post,
  body.single .type-post,
  body.single .hentry {
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.single-post h1,
  body.single-post .single-post-title,
  body.single .single-post-title {
    font-size: 2rem !important;
  }

  body.single-post .post-navigation,
  body.single .post-navigation {
    max-width: 100% !important;
    flex-direction: column !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.single-post .post-navigation a,
  body.single .post-navigation a {
    width: 100% !important;
    text-align: center !important;
  }
}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
  width: 100%;
  background-color: #293c53 !important;
  margin-top: 5rem;
  padding: 1rem 0;
  color: white;
}

.footer-container {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-left{
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 0.75rem;
}

/* Mobile footer */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }

  .footer-left,
  .footer-right {
    justify-content: center;
    flex-wrap: wrap;
  }
}