/*
Theme Name: Booklium PYREN'AIR (Child)
Theme URI: https://pyrenair-locations.fr
Description: Thème enfant Booklium — look premium “PYREN’AIR”
Author: ChatGPT
Template: booklium
Version: 1.0.0
Text Domain: booklium-pyrenair-child
*/

/* =========================
   PYREN'AIR — Premium theme
   ========================= */

:root{
  --py-bg: #F7F6F3;
  --py-text: #121212;
  --py-muted: #5A5A5A;
  --py-white: #ffffff;
  --py-border: rgba(18,18,18,.10);
  --py-shadow: 0 10px 30px rgba(0,0,0,.10);
  --py-shadow-hero: 0 18px 50px rgba(0,0,0,.18);
  --py-radius: 18px;
  --py-radius-sm: 12px;
  --py-max: 1180px;
  --py-accent: #C97A2B; /* orange chaud premium */
}

/* Global */
body{
  color: var(--py-text);
  background: var(--py-bg);
  letter-spacing: .2px;
}

a{ text-decoration: none; }

/* Wide content */
.wp-site-blocks > *{
  max-width: var(--py-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

/* Header / Site title */
.site-title, .wp-block-site-title{
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Buttons */
.wp-block-button__link,
button, input[type="submit"], .button, .btn{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  box-shadow: none;
  border: 1px solid rgba(0,0,0,.10);
  font-weight: 800;
}
.wp-block-button.is-style-fill .wp-block-button__link{
  background: var(--py-accent) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background: transparent !important;
  color: var(--py-text) !important;
}

/* Sections / cards */
.py-section{
  background: var(--py-white);
  border: 1px solid var(--py-border);
  border-radius: var(--py-radius);
  box-shadow: var(--py-shadow);
  padding: 26px;
}
.py-card{
  background: var(--py-white);
  border: 1px solid var(--py-border);
  border-radius: var(--py-radius-sm);
  box-shadow: var(--py-shadow);
  padding: 18px;
}

/* Hero / Cover */
.wp-block-cover{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: var(--py-shadow-hero);
}
.wp-block-cover__background{
  filter: saturate(1.05) contrast(1.03);
}
.wp-block-cover__inner-container{
  max-width: var(--py-max);
  margin: 0 auto;
  padding: 70px 18px 60px 18px;
}
.wp-block-cover h1{
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 950;
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
  margin-bottom: 10px;
}
.wp-block-cover p{
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* Reduce gaps in hero text stack */
.wp-block-cover .wp-block-heading + p{ margin-top: 6px; }
.wp-block-cover p{ margin-bottom: 6px; }

/* Galleries */
.wp-block-gallery, .blocks-gallery-grid{
  gap: 14px !important;
}
.wp-block-gallery img{
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

/* Lists (atouts) */
ul.py-checklist{
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
}
ul.py-checklist li{
  padding-left: 28px;
  position: relative;
  color: var(--py-text);
  font-weight: 600;
}
ul.py-checklist li:before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--py-accent);
  font-weight: 900;
}

/* Responsive */
@media (max-width: 768px){
  .wp-site-blocks > *{
    padding-left: 14px;
    padding-right: 14px;
  }
  .wp-block-cover__inner-container{
    padding: 54px 14px 48px 14px;
  }
  .wp-block-cover h1{
    font-size: 40px !important;
  }
  ul.py-checklist{
    grid-template-columns: 1fr;
  }
}
/* ===== Fix barre gauche (logo + icônes) ===== */

/* remonte le texte/logo vertical (évite contact avec l’icône insta) */
.side-panel,
.booklium-side-panel,
[class*="side-panel"],
[class*="sidepanel"],
[class*="sidebar"] {
  padding-top: 14px !important;
}

/* donne de l'air sous le “logo” (texte vertical) */
.side-panel .site-title,
.side-panel .wp-block-site-title,
[class*="side-panel"] .site-title,
[class*="side-panel"] .wp-block-site-title {
  margin-bottom: 46px !important;
}

/* espace entre les icônes */
.side-panel a,
[class*="side-panel"] a {
  margin: 10px 0 !important;
}

/* si les icônes sont dans une liste/zone sociale, on force l'espacement vertical */
.side-panel .social-icons a,
.side-panel .social a,
.side-panel .social-links a,
[class*="side-panel"] .social-icons a,
[class*="side-panel"] .social a,
[class*="side-panel"] .social-links a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.05) !important;
  margin: 12px auto !important;
  transition: all .25s ease !important;
}

/* hover premium */
.side-panel .social-icons a:hover,
.side-panel .social a:hover,
.side-panel .social-links a:hover,
[class*="side-panel"] .social-icons a:hover,
[class*="side-panel"] .social a:hover,
[class*="side-panel"] .social-links a:hover {
  background: #c97a2b !important;
  transform: translateY(-2px) !important;
}
/* ==============================
   PYREN'AIR - BARRE GAUCHE PRO
   ============================== */

/* remonte légèrement le bloc logo */
.site-menu-left .site-header .site-branding{
    margin-top: -8px !important;
    margin-bottom: 22px !important;
}

/* espace avant les icônes sociales */
.site-menu-left .site-header .social-menu-wrapper{
    margin-top: 18px !important;
}

/* espace entre les icônes */
.site-menu-left .site-header .social-menu li{
    margin: 12px 0 !important;
}

/* style premium des icônes */
.site-menu-left .site-header .social-menu a{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}

/* effet au survol */
.site-menu-left .site-header .social-menu a:hover{
    background: #c97a2b;
    color: white;
    transform: translateY(-2px);
}
/* ===== Ajustement barre gauche PYREN'AIR ===== */

/* remonte légèrement le texte vertical */
.site-menu-left .site-header .site-branding{
    margin-top: -15px !important;
}

/* descend un peu les icônes sociales */
.site-menu-left .site-header .social-menu-wrapper{
    margin-top: 35px !important;
}

/* espace entre les icônes */
.site-menu-left .site-header .social-menu li{
    margin: 14px 0 !important;
}
/* ===== Barre gauche PYREN'AIR ===== */

/* aligne le contenu de la barre vers le haut */
.site-menu-left .site-header{
    display:flex;
    flex-direction:column;
    justify-content:flex-start !important;
}

/* position du logo vertical */
.site-menu-left .site-header .site-branding{
    margin-top:20px !important;
    margin-bottom:40px !important;
}

/* espace avant les icônes sociales */
.site-menu-left .site-header .social-menu-wrapper{
    margin-top:30px !important;
}

/* espace entre les icônes */
.site-menu-left .site-header .social-menu li{
    margin:14px 0 !important;
}
/* barre gauche plus propre */
.site-menu-left .social-menu-wrapper{
    margin-top:60px !important;
}

/* icone facebook plus élégante */
.site-menu-left .social-menu li a{
    background:transparent !important;
    border:1px solid rgba(0,0,0,0.15);
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transition:all .3s ease;
}

/* effet hover */
.site-menu-left .social-menu li a:hover{
    background:#c92c3a;
    color:white;
    border-color:#c92c3a;
}