/*
Theme Name: D'co Nature by Rarissim
Version: 1.0
Description: A child theme of Astra
Template: astra
Author: Administrator
*/
@import url("../astra/style.css");
/* Your awesome customization starts here */

/* Colors 
VERT #61a62d (foncé) #afd54d (clair)
TURQUOISE #60a1aa (clair) #1a6471 (foncé) */ 
/* GENERALITES */

/* Masque les titres sur tout sauf les pages blog et single */
body:not(.blog):not(.single) .entry-title {display: none;}

/* To Top */
body #ast-scroll-top {color: #fff; border-radius:4px;}

/* Single */
.single .entry-title {color:#000;}
.blog .entry-title,
.single.entry-meta a,
.blog .entry-meta a,
.blog #main .entry-title a  {color: #1a6471;}
.blog #main .entry-title a:hover    {color: #afd54d;}
body:not(.home) .wp-block-heading   {color:#fff;}
.blog #main .ast-article-inner    {background-color: #fff; color: #000;}
  /* Liens */
.wp-block-group a,
a:active    {font-weight: bold; color: #1a6471;}
#main .wp-block-media-text__content p a     {color : #1a6471;}
.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {text-decoration: none; color : #1a6471;}
    /* Lettrine */
.wp-block-group .has-drop-cap:not(:focus):first-letter {font-size: 3.4em; font-weight: 600; line-height: 0.8; color: #1a6471;}
    /* Titres de blocs */
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link,
#ast-desktop-header .site-navigation li:focus, 
#ast-desktop-header .site-navigation li:hover   {color: #61a62d;}
.wp-block-media-text    {border-radius:4px;}
.wp-block-media-text__content p {color: #000;}
    /* To Top */
#ast-scroll-top {color: #1a6471;}

/* HOME */  
.home .entry-header       {display: none;}
/* Slider */
#main .n2-ss-slider .n2-ss-section-main-content {justify-content: end !important;}
#main div#n2-ss-2 .n-uc-J3ZmYNuTdCPw-inner {padding: 0 !important;}

/* --------- Icône maison corrigée et colorée --------- */
#menu-item-89 > a.menu-link {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; padding: 0; font-size: 0; /* masque le texte "Bienvenue" */ box-sizing: border-box; background: none; border: none; color: var(--ast-global-color-1, #1a6471); /* 💚 couleur par défaut visible */ transition: color 0.2s ease;}

/* Icône Font Awesome "maison" */
#menu-item-89 > a.menu-link::before {content: "\f015"; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; font-style: normal; text-transform: none; font-variant: normal; speak: none; font-size: 1.2rem; line-height: 1; color: currentColor; position: absolute; top: 50%;
  left: 50%; transform: translate(-50%, -50%) scale(1); transition: transform 0.2s ease, color 0.2s ease;}

/* --- Hover --- */
#menu-item-89:hover > a.menu-link {color: #61a62d; /* 💚 vert du thème au survol */}
#menu-item-89:hover > a.menu-link::before {transform: translate(-50%, -50%) scale(1.2) rotate(8deg);}

/* --- Page active --- */
#menu-item-89.current-menu-item > a.menu-link,
#menu-item-89.current-menu-ancestor > a.menu-link {color: #61a62d; /* garde la couleur verte si actif */}

/* Ajuste la taille sur mobile */
@media (max-width: 768px) {
  #menu-item-89 > a.menu-link {width: 2.6rem; height: 2.6rem;}
  #menu-item-89 > a.menu-link::before {font-size: 1.4rem;}
}

/* SERVICES */
::marker,
.page-id-13 .entry-content>p a,
.page-id-23 .entry-content>p a    {color: #afd54d;}

/* REALISATIONS */
.wp-singular #main .post   {background-color: #fff; border-radius: 6px; color: #000;}

/* CONTACT */
.entry-content .wpforms-field-container .wpforms-field-label,
.entry-content .wpforms-field-container .wpforms-field-sublabel     {color:#fff;}
.entry-content .wpforms-submit-container #wpforms-submit-49  {background-color: #afd54d; color: #000;}

/* BLOCS ACCUEIL*/
/* =========================
   Animation fadeInUp
   ========================= */
@keyframes fadeInUp {
  from {opacity: 0; transform: translateY(20px);  }
  to {opacity: 1;transform: translateY(0);}
}

/* =========================
   Design blocks
   ========================= */
.wp-block-media-text {box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);}
.wp-block-media-text {position: relative; margin-bottom: 2rem;
  background: #fff; padding: 4rem 1rem 1rem; box-sizing: border-box; border-radius: 6px; transition: transform 0.3s ease, box-shadow 0.3s ease; opacity: 0; animation: fadeInUp 0.8s ease forwards;}
.wp-block-media-text:nth-of-type(1){ animation-delay:0.2s; }
.wp-block-media-text:nth-of-type(2){ animation-delay:0.4s; }
.wp-block-media-text:nth-of-type(3){ animation-delay:0.6s; }

/* Effet hover du bloc */
.wp-block-media-text:hover {transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
.wp-block-media-text__media {z-index:1;}

/* =========================
   Titre en haut du bloc
   ========================= */
.wp-block-media-text h2 {position: absolute; top: 1rem; left: 1rem;
  right: 1rem; margin: 0; padding-bottom: 0.5rem; border-bottom: 1px solid #61a62d; font-weight: bold; text-align: left; transition: color 0.3s ease, border-color 0.3s ease;}
.wp-block-media-text:hover h2 {color: #4c8523; border-color: #4c8523;}

/* =========================
   Image
   ========================= */
.wp-block-media-text__media img {display: block; max-width: 100%; border-radius: 6px; transition: transform 0.4s ease;}
.wp-block-media-text:hover img {transform: scale(1.05);}

/* =========================
   Texte
   ========================= */
.wp-block-media-text__content p {margin: 0.5rem 0;}

/* =========================
   Responsive
   ========================= */

/* Mobile : empilement naturel (titre déjà au-dessus grâce à position:absolute) */
@media (max-width: 768px) {
  .wp-block-media-text {padding: 5rem 1rem 1rem;}
  .wp-block-media-text h2 {text-align: center;}
  .wp-block-media-text__content p {text-align: center;}
}

/* Desktop large : 3 colonnes à partir de 1200px */
@media (min-width: 1200px) {
  .wp-block-group.is-layout-constrained {display: flex; justify-content: space-between; gap: 2%; flex-wrap: wrap;}
  .wp-block-group.is-layout-constrained > .wp-block-media-text {width: 30%; margin-bottom: 0;}
}

@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {margin-top: 0;}
}


@media (max-width: 921px) {
    /* Menu sur mobile */
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, 
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle    {color: #61a62d; background-color: transparent;}
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover > .menu-link,
    #ast-mobile-header .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle {background: transparent;}
    /* Background sur mobile */ 
    body:not(.home) .site-content {background-color: #60a1aa;}
}