/*
Theme Name: Chic Lite Enfant
Description: Theme enfant de Celia
Author: Celia
Author URI: https://escapadesetc.fr/
Template: chic-lite
Version: 0.1.0
*/



/* nouvelle couleur principale et police */
:root {
    --primary-color: #f4524d !important;
}

a:hover,
a:focus {
    color: #f4524d !important;
}

/*enlever le chemin de l'article*/
.top-bar {
  display: none;
}

/*******************************HOMEPAGE*********************************/

/*marge autour du titre homepage*/
.header-mid {
    padding: 30px 0 !important;
}

/*marge autour du menu*/
.style-two .header-bottom {
    padding-top: 0px;
    padding-bottom: 0px;
}



/*enlever le titre de la homepage*/
.content-area .page-header .page-title {
    display: none;
}

/*marge de la zone de contenu*/
.page .content-area,
.page .widget-area {
    margin-top: 30px;
    margin-bottom: 30px;
} 


/*instagram*/
/* Bouton Instagram : survol noir */
#sbi_load .sbi_follow_btn.sbi_custom a {
  background-color: #f4524d !important; /* couleur normale */
  color: #ffffff!important;
  border-color: #f4524d !important;
}

#sbi_load .sbi_follow_btn.sbi_custom a:hover,
#sbi_load .sbi_follow_btn.sbi_custom a:focus,
#sbi_load .sbi_follow_btn.sbi_custom a:active {
  background-color: #f4524d !important; 
  border-color: #f4524d !important;    
  color: #ffffff !important; 
}



#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram .sbi_follow_btn a:focus {
  outline: 0;
  box-shadow: inset 0 0 10px 20px #f4524d !important;
}

/*************homepage gutenberg pour styliser les derniers articles************************/

/* Conteneur carré précis */
.wp-block-latest-posts__featured-image.aligncenter {
  position: relative;
  width: 100% !important;
  aspect-ratio: 1 / 1; /* carré parfait */
  overflow: hidden;
  margin: 0 !important; /* supprime la marge */
  display: block;
}

/* Image à l’intérieur du conteneur */
.wp-block-latest-posts__featured-image.aligncenter img {
  position: absolute; /* force l’image à remplir le conteneur */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* recadre sans déformer */
  object-position: center center;
  display: block;
}

.wp-block-latest-posts.is-grid li {
 /* padding-right: 12.5px;
  padding-left: 12.5px;*/
  margin-right : 0px;
}

/* Style du titre des articles du bloc Derniers Articles */
.wp-block-latest-posts__post-title {
  text-align: left !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  font-family: 'Bitter', serif !important;
  line-height: 1.24 !important;
  letter-spacing: normal !important;
  font-weight: bold !important;
  background-color: #f9f9f9;
}

.wp-block-latest-posts__post-excerpt {
  font-size: 16px!important;
  line-height: 1.5!important;
  text-align: justify!important;
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal !important;
  background-color: #f9f9f9;
  margin-top: 0px;
  margin-bottom: 0px;
}


.wp-block-button__link{
  color: #fff;
  background-color: #f4524d;
  font-size: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 0;
}

.wp-block-button__link:focus, .wp-block-button__link:hover {
  color: #fff !important;
}

@media (max-width: 768px) {
  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
     width: 100%;
  }
}
 
.wp-block-latest-posts.is-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centre les colonnes sur la ligne */
  gap: 15px;               /* espace entre les cartes */
}



.entry-content a {
  text-decoration: none !important;
}



/*slider*/

@media (max-width: 768px) {
  .texteslider  {
  	font-size: 25px !important;
}
}


@media (max-width: 768px) {
  /* Conteneur principal du slider */
  .wp-block-superblockslider-slider.slidergutenberg {
    height: 400px !important;      /* hauteur fixe adaptée mobile */
    max-height: 400px !important;
  }

  /* Slide et lien couvrant */
  .superblockslider__slide,
  .superblockslider__slide__link {
    height: 100% !important;
    max-height: 100% !important;
  }

  /* Image */
  .slidergutenberg img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
  }

  /* Texte dans le slide */
  .texteslider {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden;
    padding-top: 0px;
    margin: 0px;
  }
}

:where(.wp-block-columns) {
  margin-bottom: 0px;
}

/*bloc guides*/
.wp-block-columns.blocguideshome {
  margin-bottom: 30px;
}

/*pied de page*/

.site-info {
  padding-top: 40px !important;
}


/*banniere bas de page*/
@media (max-width: 768px) {
  .titrebannierebashome {
    font-size: 30px !important;
  }
}

@media (max-width: 768px) {
.wp-block-cover .wp-block-cover__inner-container {
    padding-right: 0 !important;
  }
}



/*********************ARTICLES**************************/



.single-post .entry-header span.category {
  margin-top: 40px;
}

.single-style-four .site-main .entry-header .entry-title {
  text-align: left;
  text-transform: uppercase;
  font-size: 35px;
}


p.akismet_comment_form_privacy_notice {
  font-size: 14px;
  }

.chic-lite-has-blocks .site-main .entry-content p img {
  float: none !important;
  margin: 0 auto !important;
}

.csRow  {
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .csColumn {
    margin-bottom: 20px !important;
  }
}

/*marge des blocs dans gutenberg*/
.no-margin-bottom {
  margin-bottom: 0px !important;
}

/*bloc preformaté*/
pre.wp-block-preformatted.has-small-font-size {
  margin-bottom: 40px;
  margin-top : 10px;
  padding: 0px;
  background: none !important;  
  font-style: italic; 
  font-family: Nunito Sans;
}

/*marge apres photo a la une*/
.single-style-four .site-main article .post-thumbnail {
  margin-bottom: 40px;
}

/*marge titre article*/
body.single-post h1.entry-title {
    margin-top: 60px !important;  
    margin-bottom: 40px !important;
}

/*reduire les cartes*/

.carte img {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  height: auto;
  max-width: 80%;
  vertical-align: bottom;
}


/*enlever flou des legendes de photos*/
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
    content: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}


/*****************************ARCHIVES********************************/

.post-count {
  display: none;
}

body[class*="post-layout-"] .site-main article .entry-title {
  font-size: 20px;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
}

.post-layout-one .site-main article .entry-header {
  margin-bottom: 30px;
}

body[class*="post-layout-"] .site-main article .entry-title a {
  background-image: none;
}

.post-layout-one .site-main article span.category {
  display: none;
}

article .entry-meta {
  display: none;
}

body[class*="post-layout-"] .site-main article .entry-content {
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: justify;
   display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

body[class*="post-layout-"] .site-main article .entry-footer {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
  font-weight: bold;
}

body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore {
 font-size: 12px;
}

body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore > svg {
  display: none;
}

.full-width.post-layout-one .site-main article {
  background-color: #f9f9f9;
}

.post-layout-one .site-main article:first-child .entry-title {
  font-size: 20px;
}

.post-layout-one .site-main article {
  padding-bottom: 0px;
}

.post-layout-one .site-main article figure.post-thumbnail {
  margin-bottom: 0px;
}

.archive .content-area .page-header {
  display: none;
}

/*taille du premier post*/

.post-layout-one .site-main article:first-child, .full-width.post-layout-one .site-main article:first-child {
  width: 30.33%;
}

@media screen and (max-width: 1024px) {
  .post-layout-one .site-main article:first-child, .full-width.post-layout-one .site-main article:first-child {
    width: 47%;
  }
}


@media screen and (max-width: 767px) {
  .post-layout-one .site-main article:first-child, .full-width.post-layout-one .site-main article:first-child {
    width: 100%;
  }
}

/*taille de l'image*/

/* Cible tous les post thumbnails sur les pages de catégories */
body.archive.category .post-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 100%; /* ratio 1:1 */
    overflow: hidden;
}

body.archive.category .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* recadre l'image pour remplir le carré */
}

/*page archives*/
body.blog .post-thumbnail  {
    position: relative;
    width: 100%;
    padding-top: 100%; /* ratio 1:1 */
    overflow: hidden;
}

body.blog .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* recadre l'image pour remplir le carré */
}


/* Vignettes sur TOUTES les autres pages (home, blog, etc.) */
.post-thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 760;
    overflow: hidden;
}

.post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
}