/**
* Custom color styles for Drupal multi-site with Bootstrap 3 base theme.
* This file defines the color palette. Each site may override it.
*/

/* ===== Font ===== */
@font-face {
    font-family: 'IndieFlower';
    src: url('../fonts/IndieFlower-Regular.ttf') format('truetype');
}

/* ===== Base Colors ===== */
body {
    color: #111;
    background: #FFF;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.view-header,
.navbar-brand {
    color: #007D2F;
}

a,
a:focus {
    color: #0E3938;
}

a:hover {
    color: #007D2F;
}

.help-block {
    color: #6a6a6a;
}

.form-type-checkbox {
    color: #0E3938;
}

/* ===== Message bar ===== */
.alert-success {
    color: #222;
    background-color: #C7EAC7;
    border-color: #0E3938;
}

/* ===== Navbar ===== */
.navbar {
    background: #EEE;
    border-color: #111;
}

.navbar-default .navbar-text,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand a,
.navbar-default .navbar-nav > li > a,
.navbar-default .menu--reservations > .last > a {
    color: #0E3938;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand a:hover,
.navbar-default .navbar-brand a:focus {
    color: #007D2F;
}

.navbar-default .expanded:hover,
.navbar-default .expanded a:hover,
.navbar-default .expanded:focus,
.navbar-default .expanded a:focus,
.navbar-default .navbar-text:hover,
.navbar-default .navbar-text a:hover,
.navbar-default .navbar-text:focus,
.navbar-default .navbar-text a:focus {
    background-color: #C7EAC7;
    color: #111;
}
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus,
.navbar-default .expanded:active,
.navbar-default .expanded:hover,
.navbar-default .expanded:focus {
    background-color: #C7EAC7;
    border: 1px solid #0E3938;
    border-radius: 5px;
    color: #111;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .menu--reservations > .last > a:hover,
.navbar-default .menu--reservations > .last > a:focus,
.navbar-default .menu--main > .last > a:focus {
    background-color: #C7EAC7;
    color: #333;
}

.navbar-default .navbar-nav > .open,
.navbar-default .navbar-nav > .open:hover,
.navbar-default .navbar-nav > .open:focus {
    background-color: #C7EAC7;
    border: 1px solid #0E3938;
    border-radius: 5px;
    color: #333;
}

.navbar-default .navbar-text > .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .menu--reservations > .last > a,
.navbar-default .menu--reservations > .last > a:hover,
.navbar-default .menu--reservations > .last > a:focus {
    background-color: #C7EAC7;
    border: 1px solid #0E3938;
    border-radius: 5px;
    color: #0E3938;
}

.dropdown-menu {
    background-image: linear-gradient(#fff, #eee 50%, #e4e4e4);
    border: 1px solid #cccccc;
}

.dropdown-menu > li > a:hover {
    color: #000;
    text-decoration: none;
    background-color: #C7EAC7;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #0E3938;
    color: #fff;
    font-weight: bold;
}

/* ===== Menu Bouton reserver ===== */
.navbar-default .navbar-nav > .last > a {
    color: #FFF;
    background-image: linear-gradient(#C7EAC7, #007D2F 40%, #0E3938);
    border: 1px solid #0E3938;
}
.navbar-default .navbar-nav > .last > a:hover {
    color: #FFF;
}
.navbar-default .menu--reservations > .last > a {
    color: #333;
    background-image: none;
    background-color: #FFF;
    border: 0;
}
/* ===== Buttons ===== */

/*.view-id-formules .formules .node-readmore a,*/
/*.view-id-formules .formules-saison .node-readmore a,*/
/*.view-id-formules .formules .field--name-field-btn-reservation a,
.view-id-formules .formules-saison .field--name-field-btn-reservation a,*/
/*.field--name-field-btn-reservation .a,*/

/*.formules-grid .field--name-field-btn-reservation a,*/
.view-id-formules .formules .node-readmore a:focus,
.view-id-formules .formules-saison .node-readmore a:focus,
/*.view-id-formules .formules .field--name-field-btn-reservation a:focus,
.view-id-formules .formules-saison .field--name-field-btn-reservation a:focus,
.field--name-field-btn-reservation a:focus,*/
.formules-grid-1 .node-readmore a,
.formules-grid-3 .node-readmore a,
.formules-grid .node-readmore a,
.btn-primary,
.btn-booking,
.btn-primary:focus,
.btn-booking:focus,
.node-readmore a,
.node-readmore a:focus {
    color: #FFF;
    background-image: linear-gradient(#C7EAC7, #007D2F 40%, #0E3938);
    border: 1px solid #C7EAC7;
    transition: background-color 0.3s ease;
    border-radius: 4px;
}

.view-id-formules .formules .node-readmore a:hover,
.view-id-formules .formules-saison .node-readmore a:hover,
/*.view-id-formules .formules .field--name-field-btn-reservation a:hover,
.view-id-formules .formules-saison .field--name-field-btn-reservation a:hover,
.field--name-field-btn-reservation a:hover,
.formules-grid .field--name-field-btn-reservation a:hover,*/
.formules-grid-1 .node-readmore a:hover,
.formules-grid-3 .node-readmore a:hover,
.formules-grid .node-readmore a:hover,
.btn-primary:hover,
.btn-booking:hover,
.navbar-default .menu--main > .last > a:hover,
.node-readmore a:hover {
    color: #FFF;
    background-image: linear-gradient(#0E3938, #007D2F 60%, #C7EAC7);
    border: 1px solid #0E3938;
    transition: background-color 0.3s ease;
    border-radius: 4px;
}

.btn-primary a,
.btn-booking a,
a.btn-primary,
.footer a.btn-primary,
a.btn-booking,
.footer a.btn-booking,
.btn-primary a:focus,
.btn-booking a:focus,
.btn-primary a:hover,
.btn-booking a:hover,
a.btn-primary:hover,
.footer a.btn-primary:hover,
a.btn-booking:hover,
.footer a.btn-booking:hover {
    color: #FFF;
    text-decoration: none;
}

.btn-link {
    text-shadow: none;
    color: #007D2F;
}

/* ===== Flying Bouton reserver ===== */
.sticky {
  background-color: transparent;
  border: inherit;
}

/* ===== Breadcrumb ===== */
.breadcrumb,
.breadcrumb > li + li:before,
.breadcrumb > .active {
    color: #222;
}

/* ===== Language drop-down ===== */
.lang-dropdown-select-element {
    color: #0E3938;
    border: 1px solid #EEE;
}

/* ===== Borders ===== */
.page-header,
.navbar {
    border-bottom: 1px solid #0E3938;
}

.footer {
    border-top: 1px solid #0E3938;
}

hr {
    border: 1px solid #0E3938;
}

/* ===== ColorBox ===== */
#cboxTitle,
#cboxCurrent,
#cboxPrevious,
#cboxNext {
	color: #C7EAC7;
}

/* ===== WebForm ===== */
.legend {
	color: #0E3938;
}

/* ===== Container: formules-grid ===== */
.formules-grid-1.views-row,
.formules-grid-3.views-row,
.formules-grid.views-row {
    background-color: #eaefea;
    border: 1px solid #ddd;
}

.formules-grid-1.views-row:hover,
.formules-grid-3.views-row:hover,
.formules-grid.views-row:hover {
    border-color: #8bc34a;
}

.formules-grid-1 .field--name-field-btn-reservation a:hover,
.formules-grid-3 .field--name-field-btn-reservation a:hover,
.formules-grid .field--name-field-btn-reservation a:hover {
    background-color: transparent:
}

.formules-grid-1 .node-readmore a:hover,
.formules-grid-3 .node-readmore a:hover,
.formules-grid .node-readmore a:hover {
    background-color: #7ab03f;
}

/* ===== View galerie ===== */
.view-gallerie-photo img,
.stage .field--name-field-images .field--item img,
.idee-de-sejour-externe .field--name-field-images .field--item img,
.chambre .field--name-field-images .field--item img {
    border: 3px solid #0E3938;
}

.view-gallerie-photo img:hover,
.stage .field--name-field-images .field--item img:hover,
.idee-de-sejour-externe .field--name-field-images .field--item img:hover,
.chambre .field--name-field-images .field--item img:hover {
    border-color: #007D2F;
}

.view-gallerie-photo a {
    color: #0E3938;
}

.view-gallerie-photo p {
    background: rgba(17, 17, 17, .5);
    color: #FFF;
}

/* ===== View Carousel ===== */
.carousel-caption h3 {
    color: #FFF;
}

/* ===== View Formules ===== */
/*.formules-grid .formules,
.formules-grid .formules-saison,
.formules-grid .chambre,
.formules-grid .extras,
.formules-grid {
    border: 1px solid #0E3938;
    background-color: #eaefea;
}*/

/*.formules .node--chambre--teaser,
.formules-saison .node--chambre--teaser {
    background-color: transparent;
}*/

/*.formules a,
.view-id-formules .formules-saison a {
    color: #0E3938;
}*/

.formules .node-readmore a,
.formules-saison .node-readmore a/*,
.formules .field--name-field-btn-reservation a,
.formules-saison .field--name-field-btn-reservation a,
.field--name-field-btn-reservation a*/ {
    color: #FFF;
    background-image: linear-gradient(#C7EAC7, #007D2F 40%, #0E3938);
    background-repeat: no-repeat;
    border: 1px solid #0E3938;
}
.field--name-field-prix .field--item,
.chambres .field--name-field-prix .field--item,
.extras .field--name-field-prix .field--item,
.formules .field--name-field-prix .field--item,
.formules-saison .field--name-field-prix .field--item,
.formules-saison .field--name-field-prix-basse-saison .field--item,
.formules-saison .field--name-field-prix-moyenne-saison .field--item,
.formules-saison .field--name-field-prix-haute-saison .field--item,
.produits-paysans .field--name-field-prix .field--item,
.stage .field--name-field-prix .field--item,
.page-node-type-chambre .field--name-field-prix .field--item,
.page-node-type-extras .field--name-field-prix .field--item,
.page-node-type-formules .field--name-field-prix .field--item,
.page-node-type-formules-saison .field--name-field-prix .field--item,
.page-node-type-formules-saison .field--name-field-prix-basse-saison .field--item,
.page-node-type-formules-saison .field--name-field-prix-moyenne-saison .field--item,
.page-node-type-formules-saison .field--name-field-prix-haute-saison .field--item,
.page-node-type-stage .field--name-field-prix .field--item {
    color: #0E3938;
}

.page-node-type-formules .field--name-field-nombre-de-couchages,
.formules .field--name-field-nombre-de-couchages,
.formules-saison .field--name-field-nombre-de-couchages {
    color: #0E3938;
}

.view-id-extras_vue .formules {
    border: 10px solid #FFF;
    border-radius: 30px;
}

.formules .field--name-field-info-f h3,
.formules-saison .field--name-field-info-f h3 {
	color: #0e3938;
}

.formules-saison .alert-success,
.formules .alert-success {
    background-color: #dff0d8;
}

/* ===== View Chambres ===== */
/*.node--chambre--teaser {
    border: 1px solid #0E3938;
    background-color: #C7EAC7;
}*/

.node--chambre--teaser a {
    color: #333;
    background: rgb(212, 232, 243, 0.8);
}

.node--chambre--teaser a:hover {
    color: 2px solid #666;
}

/* ===== Content text ===== */
.stage.teaser .field--name-field-info-f,
.page-node-type-formules .field--name-field-info-f,
.page-node-type-formules-saison .field--name-field-info-f,
.page-node-type-produits-paysans .field--name-field-info-f,
.page-node-type-stage .field--name-field-info-f {
    background-color: #C7EAC7;
    border: 1px solid #0E3938;
    border-radius: 5px;
    box-shadow: 3px 3px #0E3938;
}

/* ===== Vues Partenaires / Randonnées ===== */
.view-id-partenaires .views-row,
.view-id-randonnee .views-row {
    border-bottom: #C7EAC7;
}

/* ===== View Séjours ===== */
.block-views-blockidees-sejours-block-1 .collapsiblockTitleCollapsed,
.block-views-blockidees-sejours-block-2 .collapsiblockTitleCollapsed {
    background-image: linear-gradient(#C7EAC7, #007D2F 40%, #0E3938);
    border: 1px solid #0E3938;
}

.block-views-blockidees-sejours-block-1 .collapsiblockTitleCollapsed h2,
.block-views-blockidees-sejours-block-2 .collapsiblockTitleCollapsed h2 {
    color: #333;
}

/* ===== View Produits Paysan ===== */
.formules-grid .produits-paysans.teaser {
	height: 375px;
}

/* ===== View FAQ ===== */
.view-faq .card {}
.view-faq .class-header .btn-link,
.view-faq .class-header .btn-link a {
    color: #000;
    background-color: #C7EAC7;
    border: 2px solid #0E3938;
    border-radius: 5px;
    transition: background-color 0.5s ease;
}
.view-faq .class-header .btn-link:hover,
.view-faq .class-header .btn-link[aria-expanded="true"] {
    color: #0E3938;
    background-color: #FFF;
    border: 2px solid #0E3938;
    border-radius: 10px;
}

/* ===== GDPR ===== */
#gdpr-popup {
    background-color: #007D2F;
}

#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button {
    background-color: #C7EAC7;
}

.form-item-gdpr-warning {
    background-color: #6D94BF;
    color: #FFF;
    border: 2px solid #0E3938;
}

.form-item-gdpr-warning a {
    color: #FFF;
}

/* ===== Livre d'Or ===== */
.view-livre-d-or a,
.view-livre-d-or a:hover,
.view-livre-d-or a:focus {
    color: #FFF;
}
/* Transformer les étoiles RateIt en vert Accueil Paysan (#27ae60) */
.rateit-selected, 
.rateit-hover {
    /* Cette astuce utilise un filtre SVG pour teinter l'étoile en vert */
    /* Remplacez #27ae60 par le code vert exact de votre charte si besoin */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2327ae60"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') !important;
    background-repeat: no-repeat;
    background-position: left;
}

/* Si le module utilise des sprites (une seule image avec plusieurs étoiles), 
   le filtre SVG ci-dessus peut ne pas suffire. Dans ce cas, utilisez le filtre CSS natif : */
.rateit-selected {
    /* Fallback si l'image de fond est une étoile jaune/rouge standard */
    filter: brightness(0) saturate(100%) invert(41%) sepia(86%) saturate(608%) hue-rotate(102deg) brightness(95%) contrast(86%);
    /* Ce filtre transforme le jaune/rouge en vert #27ae60 approximatif */
}

/* Pour le survol (hover), on peut mettre un vert plus clair */
.rateit-hover {
    filter: brightness(0) saturate(100%) invert(65%) sepia(55%) saturate(430%) hue-rotate(95deg) brightness(96%) contrast(89%);
}
/* ===== Livret ===== */
.livret-dashboard {
    color: #000;
    background-color: #C7EAC7;
    border: 3px solid #0E3938;
}

.livret-dashboard a,
.livret-dashboard a:focus {
    color: #000;
}

.livret-dashboard a:hover {
    color: #000;
}

/* ===== Modal ===== */
.modal-page-dialog {
    color: #0E3938;
}

.modal-page-dialog h2,
.modal-page-dialog h2 small {
    color: #0E3938;
}

.modal-body {
    background-color: rgb(44 96 116 / 72%);
}

/* ===== Footer ===== */
footer {
    background: #eee;
    color: #333;
}

footer a {
    color: #0E3938;
}

.footer a:hover {
    color: #000;
}

/* ===== Fiche de réservation ===== */
.external-calendar {
    border: 1px solid #0E3938;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #C7EAC7;
    color: #0E3938;
}

.table-striped > tbody > tr:nth-of-type(2n+1) a {
    color: #000;
}

/* ===== Calendrier ===== */
.calendar-view-table a,
.calendar-view-table .calendar-view-day__row > * {
    color: #eee;
}

.calendar-view-table th {
    background-color: #0E3938;
}

.calendar-view-table .calendar-view-day__number {
    background-color: #0E3938;
}

.calendar-view-day__row .is-multi--middle,
.calendar-view-table .calendar-view-day__row {
    background-color: #6D94BF;
}

.calendar-view-table .calendar-view-day__row.hover {
    border: 2px solid #000;
}

.sunday {
    background-color: #FFC3A4;
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #222;
        border-bottom: 2px solid #0E3938;
        border-radius: 5px;
    }
}