/* Theme Name: GeneratePress Child
Theme URI:
Description: Thème enfant pour GeneratePress.
Author: Noosh
Template: generatepress
Version: 1.0
Text Domain: generatepress-child */

:root {

  /* Palette Albertine */

  --blanc: #FFFFFF;
  --vert: #556146;
  --sauge: #BFC6A4;
  --orange: #E07A5F;
  --dore: #D4AF7F;
  --beige: #FCF5F4;
}

/**************** GENERAL */

body, button, input, select, textarea {
  font-family: 'nunito';
  line-height: 1.6;
}

a {
  transition: color 0.25s ease, transform 0.25s ease;
}

blockquote {
    border-left: 3px solid var(--dore);
    font-size: 18px;
    padding: 0px 20px;
}

.hi {
  background-color: #F3E9E7;
  padding: 20px;
  border-radius: 60px 59px 77px 39px;
  border: dashed #D4AF7F 2px;
  margin: 20px 0;
}

.hi p{
  margin-bottom: 0;
}

.info {
  font-style: italic;
  font-size: 0.83em;
}

h1, h2 {
  width: fit-content;
  margin: 0 auto;
}

h1, .slogan {
  color: var(--vert);
  font-family: "Crimson text";
  font-weight: 600;
}

h1{
  font-size: 2.2em;
    margin-bottom: 0.5em;
  }

.h2-wrapper{
    text-align: center;
    margin-bottom: 1.2em;}

h2 {
  display: inline;
  font-family: 'Crimson Text';
  font-size: 1.8em;
  color: var(--vert);
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--sauge) 40%, transparent) 55%,
    transparent 70%
  );
  padding: 0px 5px;
}

div#content {
  border-bottom: 3px solid var(--dore);
  margin-bottom: 9px;
}

.separate-containers .inside-article{
  padding: 0 40px 40px 40px;
}

.signature{
  font-family: 'Satisfy';
  font-size: 1.4em;
  color: var(--vert);
}
/**************** BUTTONS */

.bouton {
    margin-top: 40px;}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.bouton a,
input[type="submit"] {
  background-color: var(--orange) !important;
  color: var(--blanc);
  font-family: "nunito";
  font-weight: 700;
  font-size: 1.1em;
  border-radius: 20px 14px 19px 14px;
  padding: 7px 12px;
  margin-top: 10px;
  line-height: 1.5;
  text-decoration: none;
  box-shadow: 1px 1px 4px #00000030;
  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.bouton a::after {
  content: "➙";
  font-weight: 500;
  margin-left: 4px;
  display: inline-block;
  transform: translateX(0) rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
input[type="submit"]:hover,
.bouton a:hover {
  background-color: #cf7057 !important;
  color: var(--blanc);
}

.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.bouton a:hover::after {
  transform: translateX(3px) rotate(3deg);
}

.woocommerce button.button[name="apply_coupon"]{
  margin: 0 10px;
}

/**************** Affichage iframe video Youtube */

.alb-yt {
  position: relative;
  aspect-ratio: 16 / 9;
  max-width: 780px;
  overflow: hidden;
  margin: 1.5rem 0;
  border-radius: 12px;
}

.alb-yt iframe,
.alb-yt__btn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.alb-yt__btn {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

.alb-yt__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.alb-yt__play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 74px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  background: rgba(0,0,0,0.55);
}

.alb-yt__play::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
  border-left: 18px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

/**************** MENU */

.site-header {
  border-bottom: #d4af7f9e 3px solid;
}

.main-navigation a {
  font-size: 17px;
}

.menu svg {
  width: 25px !important;
  height: 25px !important;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--sauge) 40%, transparent) 55%,
    transparent 70%
  );
}

.main-navigation a .menu-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.main-navigation a .menu-cart-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.main-navigation a .menu-cart-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translate(60%, -60%);
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  font-weight: 600;
}

.rank-math-breadcrumb p {
    color: var(--vert);
    margin-bottom: 10px;}

.rank-math-breadcrumb a{
    color: var(--dore);
    text-decoration: none;
    transition: all 0.4s ease;
}

.rank-math-breadcrumb a:hover{
    color: var(--vert);
}

/**************** COOKIES BAR */

 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
  background-color: var(--sauge);}

html body #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-allow-all:hover, 
#moove_gdpr_cookie_info_bar > div > div > div.moove-gdpr-button-holder > button.mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-1:hover,
#moove_gdpr_cookie_info_bar > div > div > div.moove-gdpr-button-holder > button.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button.gdpr-fbo-2:hover,
html body #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:hover{
  background-color: var(--vert);}

#moove_gdpr_cookie_info_bar > div > div > div.moove-gdpr-button-holder > button.moove-gdpr-infobar-close-btn.gdpr-fbo-3{
  box-shadow:none;
  margin-left:20px;}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme.gdpr_infobar_postion_bottom{
  border-top:1px solid #20202063;
  box-shadow: 1px 1px 7px #00000030;
  background-color: var(--beige);}

body > div.gdpr_lightbox.gdpr_lightbox-opened.gdpr_lightbox-inline.moove_gdpr_cookie_modal_open{
  background:rgb(0 0 0 / 56%);} 


/**************** ACCUEIL */

.fond{
  position: relative;
  background-image: 
  linear-gradient(to right, #FCF9F8 30%, rgba(0,0,0,0) 90%), url("https://albertine-atelier.com/wp-content/uploads/2026/04/patrons-doudous-bebe-couture.jpg");
  background-position: bottom;  
  background-size: cover;
  background-repeat: no-repeat;
  height: 540px;
}

.fond img {
    position: absolute;
    bottom: 0;}

.ecriture{
  text-align: left;
}

.accueil h1 {
  text-align: left;
  margin:0;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #D4AF7F;
  font-family: 'Nunito';
}

.slogan{
  font-size: 2.4em;
  line-height: 1.3;
margin-top:30px;}

.slogan p{
  margin-bottom: 20px;}

.fond .bouton{
  margin-top: 60px;
}

.line-break {
  display: block;
}

.colo {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  padding-top:10px;
}

.ele1, .ele2, .ele3{
  text-align: center;
      color: var(--vert);
    font-size: 1.1em;
    font-weight: 600;
}

.confiance, .projets, .etsy, .avis {
display:inline-block;
}

.confiance, .etsy{
  width: 47%;
  margin-right: 2%;
  vertical-align: top;
}

.confiance .bouton {
    text-align: right;}

.projets img{
  float: right;}

.projets, .avis{
  width: 50%;
}

.extrait img {
    max-width: 20px;
    margin: 2px;}

.avis{
  text-align: center;
}

.fond {
  padding: 40px 0px;
}

.ecriture, 
.promesse,
.part2,
.partproduits,
.part3,
.introbas {
  max-width: 1200px;
  margin: auto;
  padding: 2.8em 0;
}

 .promesse{
    max-width: 1200px;
  padding: 0 0 2.8em 0;
 }

 .woocommerce ul.products li.product .price{
  text-align: left;
 }

.zoneverte{
  background-color: #bfc6a4a1;
}

.zoneverte .partproduits .woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  font-size: 16px;
  margin:0;
}

.zoneverte .woocommerce ul.products li.product{
    margin: 0 2.5% 0 0;}

.zoneverte h2{
  background: linear-gradient(to top, color-mix(in srgb, #FCF9F8 40%, transparent) 55%, transparent 70%);}

.zonefoncee {
  background-color: #F3E9E7;
}

@media (max-width: 1260px) {
.ecriture, 
.promesse,
.part2,
.part3,
.introbas {
  padding: 40px 15px;
}

.fond{
  padding:10px 0;
}
.promesse{
  padding: 0 1em 2.8em 1em;
 }

.line-break {
  display: inline;
}

.zoneverte .woocommerce ul.products li.product{
  margin:0 0 10px 0;
}

li.product.type-product.product_cat-patrons-bebe.has-post-thumbnail.product-type-simple {
  text-align: center;}

li.product.type-product.product_cat-patrons-bebe.has-post-thumbnail.product-type-simple h2.woocommerce-loop-product__title{
  text-align: left;
  display: block;
 }

.woocommerce ul.products li.product a.woocommerce-loop-product__link{
  display: inline-block;
}

.projets img{
  float:none;
margin-top: 35px;}

}

/**************** BOUTIQUE */

.woocommerce ul.products li.product a img {
  transition: transform 0.4s ease;
}

.woocommerce ul.products li.product a {
  display: block;
  overflow: hidden;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.08);
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  background-color:#fefefe;
  padding: 20px 20px 20px 20px;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #00000030;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.5em 0;}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .blog h2.entry-title{
  font-family: 'Nunito';
  font-weight: 600;
  font-size: 18.7px;
  padding: 0;
  margin-bottom: 10px;
  background: none;
  color:var(--orange);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  transition: all 0.4s ease;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title{
  color:var(--sauge);
}

.woocommerce ul.products li.product .price .free {display: inline;
  font-family: 'Crimson Text';
  font-size: 1.5em;
  font-weight: 600;
  color: var(--vert);
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--sauge) 40%, transparent) 55%,
    transparent 90%
  );
  padding: 0px 5px;
  line-height: 0;
}


/**************** FICHE PRODUIT */

.woocommerce div.product .woocommerce-product-gallery__image {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

h1.product_title.entry-title {
    text-align: left;
}

 .related.products h2, .woocommerce-order h2{
  display: block;
  margin-bottom: 1.2em;
 }

 .cart_totals h2{
  display: inline-block;
  margin-bottom: 1.2em;
 }

/* Base : la galerie doit être un repère de positionnement */
.woocommerce div.product div.images .woocommerce-product-gallery {
  position: relative;
}

.woocommerce div.product div.images .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce div.product div.images .flex-direction-nav a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.10);
  opacity: 1;
  text-decoration: none;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 5;
}

.woocommerce div.product div.images .flex-direction-nav .flex-prev {
  left: -48px;
}

.woocommerce div.product div.images .flex-direction-nav .flex-next {
  right: -48px;
}

.woocommerce div.product div.images .flex-direction-nav a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: dashicons;
  font-size: 20px;
  text-indent: 0;
  color: var(--vert);
}

.woocommerce div.product div.images .flex-direction-nav .flex-prev:before {
  content: "\f053";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}

.woocommerce div.product div.images .flex-direction-nav .flex-next:before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}

@media (max-width: 768px) {
  .woocommerce div.product div.images .flex-direction-nav .flex-prev {
    left: 8px;
  }

  .woocommerce div.product div.images .flex-direction-nav .flex-next {
    right: 8px;
  }
}



.woocommerce-Price-amount.amount {
  color: var(--vert);
  font-weight: 700;
}

p.price {
  margin: 15px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--dore);
    background-color: #F3E9E7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color: var(--vert);
  font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fcf9f8;
    border-bottom-color: #fcf9f8;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
   font-weight: 700;
   color: var(--vert);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    border-bottom: 1px solid var(--dore);
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
  width:46%;
}

/**************** BLOG MERE*/

.entry-meta {
  display: none;
}

.blog #main{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;}

  .blog h1 { grid-column: 1 / -1; }

.blog .post{
  display: flex;
  flex-direction: column;
  background-color:#fefefe;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #00000030;
}

.blog .inside-article {
    padding: 20px 20px 20px 20px;
}

.blog h2.entry-title a{
  color:var(--orange)
}

.post-image:not(:first-child), .entry-summary:not(:first-child){
  margin-top: 10px;
}

/* Rendre la carte entière cliquable*/
.blog .inside-article {
    position: relative;
}

.blog .entry-title a::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.blog .post-image img {
  transition: transform 0.4s ease;
}

.blog .inside-article:hover img {
  transform: scale(1.08);
}

.blog .post-image{
  overflow: hidden;}

.blog .inside-article .entry-title a, .blog .inside-article .read-more{
  transition: all 0.4s ease;
  }

.blog .inside-article:hover .entry-title a, .blog .inside-article:hover .read-more{
  color: var(--sauge);
}

/**************** ARTICLE BLOG TYPE */

.entry-date,
.posted-on,
time.published,
time.updated {
  display: none;
}

.comment-metadata time,
.comment-meta time,
.comment-metadata .comment-date {
  display: none;
}

.entry-meta {
    text-align: center;
    font-family: 'Satisfy';
    font-size: 1.4em;
    margin-top: 0;
}

/**************** Sidebar */

.sidebar .widget {
    background-color: #F3E9E7;}

.woocommerce ul.product_list_widget li a{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  align-items: center;}

.woocommerce ul.product_list_widget li img {
  margin: 0;
  width:100%;
}

.woocommerce ul.product_list_widget li, .widget ul li {
    padding: 0 0 20px 0;}

    .woocommerce ul.product_list_widget li:last-child , .widget ul li:last-child {
  padding:0;
}

.widget-title, h2.wp-block-heading{
  font-size: 1.4em;
  background: linear-gradient(to top, color-mix(in srgb, var(--dore) 40%, transparent) 55%, transparent 70%);
  font-weight: 600;
  margin-bottom: 1.2em;
  display: block;
  }

.inside-right-sidebar a{
  text-decoration: none;
  color:var(--vert);
  font-weight: 500;
  transition: all 0.4s ease;
  }

.woocommerce ul.product_list_widget li a {
  font-weight: 500;}

.inside-right-sidebar a:hover{
  color: var(--sauge);
}

a.zoom{
  display: inline-block;
  transition: transform 0.25s ease;}

a.zoom:hover{
  transform: scale(1.1);
}

a.zoom{
    line-height: 2em;
}

.inside-right-sidebar .woocommerce-Price-amount{
  display:none;
}

/**************** PANIER */

.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background-color: white;
}

.woocommerce-info{
  border-top-color: var(--dore);
}

.woocommerce-info::before{
  color:var(--dore);
}

.woocommerce-message{
  border-top-color: var(--sauge);
}

.woocommerce-error{
  border-top-color: var(--orange);
}

.woocommerce-error::before{
  color:var(--orange);

}

.woocommerce-message::before{
  color:var(--sauge);
}

.woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-quantity {
  display: none;
}

.woocommerce-cart table.cart th.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
  display: none;
}

.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .cart button[name="update_cart"],
.woocommerce-page.woocommerce-cart button[name="update_cart"] {
  display: none;
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart button[name="update_cart"],
  .woocommerce-cart .cart button[name="update_cart"],
  .woocommerce-page.woocommerce-cart button[name="update_cart"] {
    display: none !important;
  }
}

body.woocommerce-page table.cart td.actions .input-text {
  width: 200px !important;
}

/**************** PAGE DE CHECKOUT */

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  position: relative;
  color: transparent;
}

body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {
  content: "Total";
  position: absolute;
  left: 0;
  top: 0;
  color: blue !important;
}

body.woocommerce-checkout h1.entry-title {
  display: none;
}

.woocommerce-checkout-review-order-table thead {
  display: none;
}

.woocommerce-checkout h3#order_review_heading {
  display: none;
}

#customer_details > div.col-1{  
  width: 100%;
}

.alb-checkout-columns {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.alb-checkout-left {
  flex: 0 0 50%;
}

.alb-checkout-right {
  flex: 0 0 40%;
}

.alb-checkout-right table.shop_table {
  width: 100%;
  table-layout: fixed;
}

.cart_item .product-quantity{
  display: none;
}

tr.cart-subtotal {
    display: none;}

/**************** FOOTER */

/*le coller en bas de page*/

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* IMPORTANT : cibler le bon wrapper GeneratePress */
#page {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Le vrai contenu */
#content {
    flex: 1;
}


/*------------*/

.site-footer a {
  color: var(--vert);
  text-decoration: none;
  transition: color 0.25s ease, transform 0.25s ease;
}

.site-footer a:hover {
  color: var(--blanc);
}

.secu{
  max-width: 320px;}

.chaine{
  max-width: 130px;}

.footer-widget-3 a{
  display: inline-block;
  transition: transform 0.25s ease;}

.footer-widget-3 a:hover{
  transform: scale(1.1);
}

.footer-widget-3 p {
    line-height: 2em;
}

.footer-widget-3{
  text-align: right;
}

/**************** RESPONSIVE */

@media (max-width: 900px) {
  .alb-checkout-columns {
    display: block;
  }

  .alb-checkout-left,
  .alb-checkout-right {
    width: 100%;
  }

  .colo {
    grid-template-columns: 1fr;
  }
  
  .confiance, .projets, .etsy, .avis{
    display: block;
    width: 100%;
  }

 .blog #main{
  grid-template-columns: 1fr;
    }

}

@media (max-width: 768px) {
  .woocommerce div.product div.images .flex-direction-nav .flex-prev {
    left: 8px;
  }

  .woocommerce div.product div.images .flex-direction-nav .flex-next {
    right: 8px;
  }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
  width: 100%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
  padding: 0 12px;
}

}