/*
Theme Name: Generatepress theme modifications (Cosmik.me)
Theme URI: https://www.cosmik.me/
Description: Thème enfant de GeneratePress pour les modifications spécifiques de Cosmik.me
Author: Fritig Robin
Author URI: https://www.cosmik.me/
Template: generatepress
Version: 1.0.0
*/

/* Ajoutez vos styles personnalisés ici */

/* ===========================
   /ressources ONLY (page-id-897)
   =========================== */

body.page-id-897 .brz-section--boxed section{
	padding:15px 0 30px 0 !important
}
body.page-id-897 .csmk-univers {
  --csmk-bg: #f5f0e7;
  --csmk-ink: #141414;
  --csmk-muted: #6f6a62;
  --csmk-card: #ffffff;
  --csmk-radius: 22px;
  --csmk-radius-img: 18px;
  --csmk-shadow: 0 18px 45px rgba(0,0,0,.08);
  --csmk-shadow-hover: 0 22px 60px rgba(0,0,0,.12);
  --csmk-gap: 38px;
  --csmk-max: 760px;
  --csmk-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

body.page-id-897 .coconsem-meta-box,
body.page-id-897 .site-footer{
	display:none !important;
}
body.page-id-897 .grid-container .inside-article {
	padding: 0 !important;
}
body.page-id-897 .csmk-univers--tiles{
  padding: 70px 18px 80px;
  background: var(--csmk-bg);
  font-family: var(--csmk-font);
}

body.page-id-897 .csmk-univers--tiles > h1{
  margin: 0;
  text-align: center;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--csmk-ink);
  font-size: clamp(28px, 3.1vw, 44px);
  line-height: 1.08;
}

body.page-id-897 .csmk-univers--tiles .csmk-sub{
  margin: 10px auto 0;
  max-width: 430px;
  text-align: center;
     color: black;
    font-size: 19px;
  line-height: 1.55;
}

/* Le “grand bloc” crème centré */
body.page-id-897 .csmk-univers--tiles .csmk-grid{
  margin: 28px auto 0;
  max-width: var(--csmk-max);
  padding: 34px 34px 40px;
  border-radius: 12px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 1px 0 rgba(0,0,0,.03) inset;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--csmk-gap);
}

/* Card */
body.page-id-897 .csmk-univers--tiles .csmk-card{
  display: block;
  text-decoration: none;
  color: inherit;
  outline: none;
}

body.page-id-897 .csmk-univers--tiles .csmk-media{
  display: block;
  background: var(--csmk-card);
  border-radius: var(--csmk-radius);
  box-shadow: var(--csmk-shadow);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease;
}

body.page-id-897 .csmk-univers--tiles .csmk-card:hover .csmk-media,
body.page-id-897 .csmk-univers--tiles .csmk-card:focus-visible .csmk-media{
  transform: translateY(-2px);
  box-shadow: var(--csmk-shadow-hover);
}

body.page-id-897 .csmk-univers--tiles .csmk-media img{
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: var(--csmk-radius-img);
  margin: 0;
}

/* Textes sous image */
body.page-id-897 .csmk-univers--tiles .csmk-txt{
  display: block;
  text-align: center;
  padding-top: 12px;
}

body.page-id-897 .csmk-univers--tiles .csmk-txt .csmk-title{
  display: block !important;
  font-weight: 1000 !important;
  color: var(--csmk-ink) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-family: "Roboto" !important;
}

body.page-id-897 .csmk-univers--tiles .csmk-desc{
  display: block;
  margin-top: 4px;
  color: var(--csmk-muted);
  font-size: 12.5px;
  line-height: 1.35;
}

/* Responsive */
@media (max-width: 820px){
  body.page-id-897 .csmk-univers--tiles .csmk-grid{
    max-width: 680px;
    padding: 26px 22px 30px;
    gap: 26px;
  }
  body.page-id-897 .csmk-univers--tiles .csmk-media img{
    height: 220px;
  }
}

@media (max-width: 620px){
  body.page-id-897 .csmk-univers--tiles{
    padding: 54px 14px 64px;
  }
  body.page-id-897 .csmk-univers--tiles .csmk-grid{
    grid-template-columns: 1fr;
    padding: 22px 16px 26px;
    gap: 22px;
  }
  body.page-id-897 .csmk-univers--tiles .csmk-media img{
    height: 240px;
  }
}


/* Verrouillage typo (uniquement dans le bloc tiles) */
body.page-id-897 .csmk-univers--tiles,
body.page-id-897 .csmk-univers--tiles *{
  font-family: var(--csmk-font) !important;
}

body.page-id-897 .csmk-univers--tiles .csmk-title{
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.page-id-897 .csmk-univers--tiles .csmk-desc{
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}