/*
Theme Name:   sbatheme-Child
Description:  Thème enfant de sbatheme
Author:       adweb-conseil
Template:     sbatheme
Version:      1.0.0
*/

.actu-content .excerpt {
    color: #727779 !important; 
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.simple-btn:focus-visible,
.transparent-btn:focus-visible,
.rounded-btn:focus-visible,
.underline-btn:focus-visible,
.wpcf7 .wpcf7-form input[type="submit"]:focus-visible,
select[name="language"]:focus-visible,
.list-searchform input:focus-visible,
.newsletter .right-part .form-newsletter input[type="email"]:focus-visible {
  outline: 3px solid #B3123B !important; 
  box-shadow: 0 0 0 2px #ffffff;
}

.actu .actu-category {
  font-size: 1.375rem; 
}

.actu .actu-content {
  padding-top: 1.5rem; 
}

.actu .actu-content .title {
  margin-top: 0.25rem; 
}

.page-template-home section.hero .instants .instant:focus .instant-content .instant-text,
.page-template-home section.hero .instants .instant:focus-within .instant-content .instant-text {
  opacity: 1;
  pointer-events: initial;
}

.page-template-home section.hero .instants .instant:focus .instant-content .instant-filter,
.page-template-home section.hero .instants .instant:focus-within .instant-content .instant-filter {
  opacity: 1;
}

/* Rend visible au clavier le bouton "Lire la suite" des articles */
.actu:focus .read-more,
.actu:focus-within .read-more {
  opacity: 1;
  pointer-events: initial;
}

.skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 10000;
    padding: 12px 20px;
    background: #fff;
    color: #353d41;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    border: 2px solid #dd1133;
    border-radius: 4px;
    transform: translateY(calc(-100% - 16px));
    transition: transform 0.2s ease-out;
}

.skip-link:focus {
    transform: translateY(0);
    outline: 3px solid #353d41;
    outline-offset: 2px;
}

#main-content:focus {
    outline: none;
}

.rgaa-main-title {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contact-header {
  position: relative; /* déjà présent, à garder */
}

.contact-header::before {
  content: "";
  position: absolute;
  inset: 0; /* équivaut à top:0; right:0; bottom:0; left:0; */
  background-color: rgba(0, 0, 0, 0.45); /* ajuste 0.45 pour assombrir plus ou moins */
  z-index: 1;
  pointer-events: none; /* pour ne pas bloquer les clics sur le contenu */
}

.contact-header > * {
  position: relative;
  z-index: 2;
}

.breadcrumb a, .breadcrumb ul li  {
  color: #5c6367 ; /* rgb(53, 61, 65) - même couleur que l'élément actif, ratio ~11:1 */
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #DD1133; /* ou la couleur de marque du site, à vérifier qu'elle reste >= 4.5:1 sur fond blanc */
  text-decoration: underline;
}

.contact-header {
  background-color: #3b4a5a; /* couleur de secours proche du ciel de la photo */
  background-image: url("https://tourisme-hautpoitou.fr/app/uploads/2022/06/mongolfiere.jpg");
  background-size: cover;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

.page-template-contact .wpcf7-form fieldset.cf-row {
    border: none;
    margin: 0;
    padding: 0;
}

.single-post .post-body .post-sidebar .post-sidebar-content .filter-container .filter-item span {
    color: #5A666C !important; 
}

.actu .actu-content .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    max-height: 40px;
}

.page-template-instant .main.explorez,
.page-template-list .main.explorez {
  --list-color: #DE7C00 !important;
}
.page-template-list .main.explorez {
  --shadow-color: rgba(222, 124, 0, 0.26) !important;
}
.single.single-a-pied-ou-a-velo,
.single.single-au-bord-de-leau,
.single.single-piscine,
.single.single-sport-et-nature,
.single.single-randonnee {
  --single-color: #DE7C00 !important;
}

header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.detente-color {
  color: #DE7C00 !important;
}
header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.detente-color a::after {
  background: #DE7C00 !important;
}
header.header .header-container .mobile-menu .right-part .main-menu ul.menu li.menu-item-depth-0.detente-color {
  background: rgba(222, 124, 0, 0.9) !important;
}
header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.detente-color ul.sub-menu,
header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.detente-color ul.sub-menu::before,
header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.detente-color ul.sub-menu::after {
  background: rgba(222, 124, 0, 0.8) !important;
}
.footer-colors-bar span.detente-color {
  background: #DE7C00 !important;
}

header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.current-menu-item > a.menu-link {
  font-weight: 800;
}
header.header .header-container .header-menu .main-menu ul.menu li.menu-item-depth-0.current-menu-item > a.menu-link::after {
  height: 5px; 
}

header.header .header-container .header-menu .main-menu ul.menu li ul.sub-menu li.menu-item-depth-1 a.menu-link:hover,
header.header .header-container .header-menu .main-menu ul.menu li ul.sub-menu li.menu-item-depth-1 a.menu-link:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 700;
}

header.header .header-container .header-menu .main-menu ul.menu li:hover ul.sub-menu,
header.header .header-container .header-menu .main-menu ul.menu li:focus-within ul.sub-menu {
  pointer-events: initial;
  opacity: 1;
  height: 43px;
}

.rgaa-main-title {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.single-description {
  color: #575b5e !important; 
}

.map-noscript a:hover,
.map-noscript a:focus {
  color: rgb(221, 17, 51) !important;
}

.informations-popin-content {
  background-color: #dd1133; 
  z-index: 21;
  overflow-y: auto;
  max-height: 80vh;
}

.indication-posts {
  color: #595959 !important; 
}

.category {
  color: #595959 !important; 
}

.page-template-list .main section.list-content .display .mosaique .posts-list .card .commune {
  max-width: calc(100% - 20px);
  box-sizing: border-box;
  white-space: normal;
  word-break: break-word;
}

.page-template-list .main section.list-content .display .mosaique .posts-list .card:hover .card-title,
.page-template-list .main section.list-content .display .mosaique .posts-list .card:focus .card-title,
.page-template-list .main section.list-content .display .mosaique .posts-list .card:focus-within .card-title {
  background: rgba(255, 255, 255, 0.9);
  height: 75%;
  bottom: 25%;
}

.page-content a,
.entry-content a {
  color: #00856c; 
  text-decoration: underline;
}

.page-content a:hover,
.page-content a:focus-visible {
  color: #015043; 
  text-decoration: underline;
}

.page-content a:focus-visible {
  outline: 2px solid #006C59;
  outline-offset: 2px;
}

.tarifs li {
  color: #353D41;
}

.credit-sba {
  color: #353D41;
  text-decoration: none;
}