/*
Theme Name: Adapei des Pyrénées-Atlantiques
Theme URI: https://www.adapei64.fr
Author: Marie Lafargue
Author URI: https://www.monautremaingauche.fr
Description: Site internet de l'Adapei des PA
Requires at least: 6.0
Tested up to: 6.4.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adapeidespyreneesatlantiques
Tags: 
*/

/*************************
SOMMAIRE 
**************************/
/*
01- Zonage 
02- Header et navigation
03- Textes, titres et liens
04- Formulaires
05- Woocommerce
06- Footer
*/


/**************************
01- Zonage 
***************************/
/* Réglages généraux de zones */
@media screen and (min-width: 960px) {
.head_coordonnees, 
.head_raccourcis,
.head_acces,
.foot_general
 {
  padding: 1em 7em;
}
}
/* Main contenu */
main.wp-block-query, 
main.wp-block-group {
  width:80vw;
  margin:20px auto !important;
}

/* Barre du haut mobile */
@media screen and (max-width: 960px) {
  .head_raccourcis, .raccourcis {
    display:block !important;
    text-align:center;
  }
  .head_raccourcis .wp-block-site-logo {
    width:100% !important;
  }
  .raccourcis nav { 
    display:none;
  }
}

/* Accueil */


/*************************
2- Header et navigation
*************************/
/* Coordonnées et acces rapides */
/*
@media screen and (max-width: 640px) {
  .head_coordonnees, 
  .head_acces {
    display:none !important;
}
}
*/
.head_coordonnees, .head_acces {
  background:#F4F4F4;
font-size:0.8em;
}
.head_coordonnees {
  border-bottom:1px solid #ccc;
}
.head_coordonnees nav li, .head_acces nav li {
  border-right:1px solid #ccc;
  padding-right:2em;
} 

@media screen and (min-width: 640px) {
  .head_coordonnees {
  }
}

/* Logo et Raccourcis */
@media screen and (min-width: 960px) {
 .head_raccourcis {
  display:flex;
  flex-direction: row;
 }
 .head_raccourcis li {
   flex:auto;
 }

}

/* Logo */
.head_raccourcis img {
  width:20em;
  margin:1em 5em 1em 0;
}

/* Navigations */

@media screen and (min-width: 960px) {
.head_raccourcis nav li {
  flex-basis:30%;
}
.head_raccourcis nav li a {
  background:no-repeat 5% center;
  background-size:3.5em;
  padding:30px 80px;
}
.head_raccourcis nav li a:hover, 
.head_raccourcis nav li a:active, 
.head_raccourcis nav li a:focus {
  color:#fff !important;
}
}

/*** Menu Je suis... ***/
header .wp-block-navigation__container {
  gap:normal !important;
}
ul.head_jesuis {
  background:#075F73;
  border:1px solid #ccc;
  margin:0px 5% -20px 5% !important;
  position:relative;
  z-index:200;
}
.head_jesuis li {
  flex-basis:25%;
  text-align:center;
  border-right:1px solid #8EAFB9;
  margin:0 !important;
}
header .head_jesuis a {
  display: flex;
  width: 100%;
  height: 100%;
  padding:15%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  font-size: 0.9em;
  font-weight:500;
  z-index: 9;
  background-color:none;
  transition: all .4s;
  background-size: 20%;
  background-position: 10%  center;
  background-repeat:no-repeat;
}

.head_jesuis li:nth-child(6) {
  border-right:0;
}
.head_jesuis li a:link, .head_jesuis li a:visited {
  color:#fff !important;
}
.head_jesuis li a:hover, .head_jesuis li a:active,
.head_jesuis li.current-menu-item a:link,
.head_jesuis li.current-menu-item a:visited
{
  color:#017e98 !important;
  background-color:#fff;
}


/****** Sous menu *****/
ul.wp-block-navigation-submenu {
  flex-basis:100%;
  width:100%;
}
.wp-block-navigation-submenu ul {
  background-color:#075F73!important;
  
}
.wp-block-navigation-submenu ul li {border:0px;}



/* Menu Mobile */

/**************************
03- Textes titres et liens
***************************/
h1 {
  color:#017e98;
}
h1.wp-block-post-title {
  font-size:3em;
  margin: 50px 0 1em 0;
}
h2.wp-block-heading {
  font-size:2em;
  color:#b6c125;
}

/* Liens */
a {
  transition:all .4s;
  color:#017e98;
  text-decoration:none;

}
main a {
  border-bottom:1px dotted;
}

/* Bandeau Accueil */
.bloc-accueil h3 {
  color:#017e98;
  font-size:1.5rem;
}

/* Chiffres clés */
.chiffres-cles {
  color:#fff;
}
.chiffres-cles .cc-chiffre {
  font-size:2rem;
  font-weight:700;
  margin:0;
}
.chiffres-cles .cc-desc1{
  margin:0;
}
.chiffres-cles .cc-desc2{
  margin:0;
font-size:0.7rem;
}

/* Ils nous font confiance / Coordonnées */
.confiance h3, .coordonnees h3 {
  color:#017e98;
  font-size:2rem;
  margin:0;
}
.confiance h3 {
  text-align:center;
}


/**************************
04- Formulaires
***************************/


/***************************
05- Woo Commerce / Boutique 
**************************/
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
  max-width:80% !important;
}

/* Mon panier */
.shop_table a {
  color:#000000;
}
.woocommerce .quantity .qty,
.boutique_details-produit .wc-block-add-to-cart-form .quantity .qty {
  width:5em !important;
}

/* Liste des catégories */
ul.wc-block-product-categories-list {
  padding:10px 12px;
  list-style:none;
  font-size:0.8em;
}
ul.wc-block-product-categories-list li::before {
  content: "\25AA"; 
  color: #b6c125;
  display: inline-block; 
  width: 0.8em;
  margin-left: -1em;
}

/* Nos produits */
.boutique_listeproduits {
  padding:0 !important;
}
.tax-product_cat .boutique_listeproduits {
  margin:0 10%;
}
.wc-block-grid__products li, 
.boutique_listeproduits .type-product {
  flex:1 0 23% !important;
  border:1px solid #f1f1f1;
  border-radius:4px;
  margin: 0 2% 7% 0;
}
.wc-block-grid__products .wc-block-grid__product-link, .boutique_listeproduits .type-product a {
  text-decoration:none !important;
}
.wc-block-grid__products .wc-block-grid__product-title, 
.boutique_listeproduits .type-product h3 {
  font-size:1.8em;
  font-weight:500;
  color:#017e98;
}

/* Mon panier - Col Droite */
.boutique_monpanier {
  background-color:#f7f7f7;
  padding:2em;
}
.boutique_monpanier h2 {
  color:#017e98;
}

/* Détails produit */
.woocommerce-breadcrumb {
  position:relative;
  margin:-100px 0 100px 0 !important;
  background:#00000077;
  padding:10px !important;
  color:#fff;
}
.woocommerce-breadcrumb a {
  color:#fff;
}
.boutique_details-produit {
  padding:0 10% 0 10%;
}
.boutique_details-produit .woocommerce-Price-amount {
  font-size:1.8em;
  font-weight:700;
  color:#017e98;
}
.pwb-single-product-brands {display:none !important;}

/* Onlgets */
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active  {
  background-color:transparent !important;
  font-size:1.2em;
  border: 0 !important;
  border-right:1px solid #cfcfcf !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight:400 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  font-weight:700 !important;
} 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {display:none !important;}





/***************************
6- Footer 
***************************/
.foot_general, .foot_legal {
  margin: 0px;
}
/*** Footer général ***/
.foot_general {
  background-color:#075F73;
  color:#fff;
  padding-top:2em;
}
/*** Footer legal ****/
.foot_legal {
  background:#222;
  padding:1em;
  color:#fff;
}