.hidden {
    display: none;
}

.overflow-hidden {
    overflow: hidden !important;
}

/* Classes génériques  */
.btn-transparent{
    background-color: white !important;
    border-color: #4e4d4d;
}

.btn-danger:hover {
    background-color: #d54f4f;
}
.btn-danger {
    background-color: #c13d3d;
    border-color: #c13d3d;
}

h1, .hero-title {
    font-family: "Oleo Script", system-ui;
    font-weight: 400;
    font-style: normal;
}

.hero-title {
    font-size: 4em;
}

.header-logo {
    font-family: 'Dancing Script', cursive;
    font-weight: bold;
    font-size: 1.7em;
}
.header-logo b {
    padding-left: 20px;
}

.menu-text, .copyright, .footer-social-inline i, a:hover {
    color: #F9FBFB;
}

.btn-default:hover {
    background-color: #edcd9a !important;
    color: #F9FBFB;
}
.btn-default {
    background-color: #E9B86B !important;
    border-color: #E9B86B !important;
    color: #F9FBFB;
}
.palette-color-logo, .hero-description b, .product h4, .product h3  {
    color: #E9B86B;
}

h1, .hero-title, .menu-text.active  {
    color: #FDADA4;
}

h2 {
    font-size: 1.6em;
}

.h2-text {
    font-style: italic;
}

h4 {
    font-size: 1.3em;
}

.newsletter-content {
    padding: 30px;
}

.product, .newsletter-content {
    background-color: white;
    border-radius: 6px;
    box-shadow: 2px 4px 4px lightgray;
}

.palette-color-bg {
    background-color: #F6F6F6;
}

.footer-section {
    box-shadow: 20px 24px 24px 24px darkgray;
    color: #F9FBFB;
}

/* */
.palette-color-navbar-bg, .footer-section {
    background-color: #629495 !important;
}
.footer-section h1 {
    color: #EBCBC1
}


.hero-description {
    font-size: 1.8em;
    color: #629495;
}

.btn-secondary {
    background-color: #A9AEB2;
    border-color: #A9AEB2;
}

.btn-secondary:hover {
    background-color: #C4D0D1;
    color: #F9FBFB;
}


.hero-description b {
    font-family: "Oleo Script", system-ui;
    font-weight: 600;
    font-size: 1.2em;
}

.palette-color-login-bg {
    background-color: #EBCBC1;
}

.avatar {
    border-radius: 50%;
    box-shadow: 0px 0px 15px #000;
    position: absolute;
    top: -100px;
    left: 0px;
}

.main-p {
    background-color: white;
    padding: 30px;
    box-shadow: 2px 4px 4px lightgray;
    border-radius: 6px;
    margin: 10px
}

.palette-color-text {
    color: #A9AEB1;
}

.palette-color-text-bg {
    background-color: #A9AEB1;
}


/* *** Header menu palette-color-navbar-bg *** */
.header-section .header-inner {
    min-height: 80px;
    background-color: #629495;
}
.header-section.is-sticky.header-sticky-bg-dark .header-inner, .mobile-menu-content, .mobile-menu-header {
    background-color: #629495 !important;
}
.header-section.is-sticky .header-inner {
    background-color: #629495 !important;
}

/* *** Menu palette hero-title *** */
.menu-login .fa-user { font-size: 1.1em}
.menu-login{
    background-color: #FDADA4;; padding: 0 10px; margin-left: 10px;
}
/* Header Right Start varier col-xl-2 */
@media only screen and (min-width: 1280px) {
    .menu-medias {
       display: block;
    }
}
@media only screen and (max-width: 1280px) {
    .menu-medias {
        display: none;
    }
}

/* Bg intro1-section */
@media only screen and (min-width: 1280px) {
    .intro1-section {
        height: 400px;
    }
}
@media only screen and (max-width: 1280px) {
    .intro1-section {
        height: 200px !important;
    }
}

/* *** Avatar *** */
@media only screen and (min-width: 1280px) {
    .avatar {
        position: absolute;
        top: -110px;
        left: 10px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 1280px) {
    .avatar {
        position: relative !important;
        top: 20px !important;
        left: 0px !important;
        margin-bottom: 20px;
    }
}

/* Header menu */
.intro1-section {
    height: 400px; background-image: url('/assets/custom/images/bg/bg1.jpg');   box-shadow: 0px 0px 2px 2px darkgray;"
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-section.is-sticky .header-inner{
    box-shadow: 0px 0px 2px 2px darkgray;
}






/* ************************* Date calendar ************************* */
.calendar {
    width: 280px;
    font-family: sans-serif;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #4b3fa7;
    font-weight: 600;
    margin-bottom: 10px;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    text-align: center;
}

.calendar-days div {
    padding: 8px;
    cursor: pointer;
    border-radius: 6px;
}

.calendar-days div:hover {
    background: #eee;
}

.calendar-days .selected {
    background: #f5dede !important;
    color: #000 !important;
    border-radius: 6px !important;
}

.calendar-days .muted {
    color: #bbb;
}


/* ************************* Planner calendar ************************* */
.day-planner {
    font-family: sans-serif;
    width: 100%;
}

.planner-header {
    text-align: center;
    font-weight: bold;
}

/* Grid */
.planner-grid {
    display: grid;
    grid-template-columns: 60px repeat(1, 1fr); /* time + 4 columns */
    border-top: 1px solid #ccc;
}

/* Time column */
.time {
    font-size: 12px;
    color: #777;
    padding: 4px;
    border-bottom: 1px solid #eee;
}

/* Slots */
.slot {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    height: 30px;
    cursor: pointer;
}

/* Hover */
.slot:hover {
    background: #f5f5f5;
}

/* Selected */
.calendar div.unavailable {
    color: lightgray;
}


/* Selected */
.slot.active {
    background: #e8bcbc;
}

/* Example busy */
.slot.busy {
    background: #f4f4f4; /* #e8bcbc */
    opacity: 0.7;
}

/* Default (half-hour = dashed) */
.time,
.slot {
    border-bottom: 1px solid #BEBEBE;
}

/* Full hour = solid */
.time.hour,
.slot.hour {
    border-bottom: 1px dashed #ddd;
}