/* =========================================================
   TENKRO FK — Overrides du template Hotux
   =========================================================

   PALETTE DU LOGO :
     --gold        : #C49A0A  (dôme doré)
     --terracotta  : #B5451B  (texte RHTK)
     --dark-earth  : #2C1A0E  (murs du bâtiment)
     --gold-light  : #E0B820  (or clair, hover)
   ========================================================= */

/* =========================================================
   COULEURS GLOBALES — remplace le rouge-orange du template
   ========================================================= */

/* Liens & accents génériques */
a { color: #C49A0A; }
a:hover, a:focus { color: #B5451B; }

/* ---- Barre top (email / téléphone) ---- */
.headerstyle-2 .header-content {
    background: #2C1A0E !important;
}

/* ---- Zone principale du header (fond blanc → conserver pour le logo) ---- */
header.main_header_area.headerstyle-2 {
    background: #fff !important;
    border-bottom: 3px solid #C49A0A !important;
}

/* ---- Liens nav normaux ---- */
.headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li a {
    color: #2C1A0E !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    transition: color 0.2s ease !important;
}

/* ---- Liens nav actif / hover ---- */
.header_menu .navbar.navbar-default .nav.navbar-nav li:hover > a,
.header_menu .navbar.navbar-default .nav.navbar-nav li.active > a,
.headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover > a,
.headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li.active > a,
.header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li:hover > a,
.header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li.active > a {
    color: #C49A0A !important;
}

/* ---- Bouton "Réserver" dans la nav ---- */
.book_now_btn,
.header_menu .book_now_btn,
.nav-btn a {
    background: #C49A0A !important;
    border-color: #C49A0A !important;
    color: #fff !important;
}
.book_now_btn:hover,
.nav-btn a:hover {
    background: #B5451B !important;
    border-color: #B5451B !important;
}

/* ---- Boutons ---- */
.btn-orange {
    background: #C49A0A !important;
    border-color: #C49A0A !important;
    color: #fff !important;
}
.btn-orange:hover, .btn-orange:focus {
    background: #B5451B !important;
    border-color: #B5451B !important;
    color: #fff !important;
}
.btn-black {
    background: #2C1A0E !important;
    border-color: #2C1A0E !important;
    color: #fff !important;
}
.btn-black:hover, .btn-black:focus {
    background: #B5451B !important;
    border-color: #B5451B !important;
    color: #fff !important;
}

/* ---- Titres de section (texte coloré) ---- */
.section-title h2 span,
.section-title h3 span,
h2 span, h3 span {
    color: #C49A0A !important;
}

/* ---- Étoiles de notation ---- */
.fa-star.checked,
.deal-rating .fa-star.checked,
span.fa-star.checked {
    color: #C49A0A !important;
}

/* ---- Éléments texte accent du template ---- */
.room-price-text,
.price-tag,
.amount,
span.orange {
    color: #C49A0A !important;
}

/* ---- Call-to-action sections ---- */
section.call-to-action,
section.call-to-action.call-style-1 {
    background-image: none !important;
    background-color: #2C1A0E !important;
}
section.call-to-action.call-style-1:before,
section.call-to-action.call-style-1:after,
.call-to-action:before {
    display: none !important;
}
section.call-to-action h2 span {
    color: #E0B820 !important;
}

/* ---- Footer ---- */
.footer-style-1 {
    background-image: none !important;
    background-color: #1A0E00 !important;
}
.footer-style-1:before {
    display: none !important;
}
.footer-style-1 .section-title h2 span {
    color: #E0B820 !important;
}

/* ---- Liens footer ---- */
.footer-style-1 a,
.footer-links li a,
footer a {
    color: rgba(255,255,255,0.75) !important;
}
.footer-style-1 a:hover,
.footer-links li a:hover,
footer a:hover {
    color: #E0B820 !important;
}

/* ---- Section about ---- */
.about-style-1 .about-title h2 span,
.about-style-1 h3 span {
    color: #C49A0A !important;
}

/* ---- Galerie — hover overlay ---- */
.gallery-content {
    background: rgba(44, 26, 14, 0.85) !important;
}

/* ---- Formulaire de réservation (banner) ---- */
.banner-form .check-btn a,
.banner-form .check-btn button,
.banner-form input[type="submit"] {
    background: #C49A0A !important;
    border-color: #C49A0A !important;
    color: #fff !important;
}

/* ---- Icônes de service (feature boxes) ---- */
.feature-box i,
.service-icon i,
.about-feature i {
    color: #C49A0A !important;
}

/* ---- Formulaire contact — bouton submit ---- */
.contact-form #submit.btn-orange {
    background: #C49A0A !important;
    border-color: #C49A0A !important;
}
.contact-form #submit.btn-orange:hover {
    background: #B5451B !important;
    border-color: #B5451B !important;
}

/* ---- Modals : en-tête ---- */
.modal-header[style*="1a1a2e"] {
    background: #2C1A0E !important;
}

/* ---- Breadcrumb actif ---- */

/* --- Slider : images bien recadrées et centrées --- */
.swiper-slide {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* --- Room cards homepage : hauteur uniforme --- */
.rooms-style1 .room-image {
    height: 340px !important;
    overflow: hidden;
}

.rooms-style1 .room-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.5s ease !important;
}

.rooms-style1 .room-item:hover .room-image img {
    transform: scale(1.06) !important;
}

/* --- Carousels rooms page : hauteur fixe --- */
.room-detail-item .carousel-inner img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
}

/* --- Services section : hauteur uniforme --- */
.service-item .service-image {
    height: 320px;
    overflow: hidden;
}

.service-item .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.service-item:hover .service-image img {
    transform: scale(1.06);
}

/* --- About images : même hauteur --- */
.about-img-box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

/* --- Galerie homepage : hauteur uniforme --- */
.gallery .brick .gallery-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}

/* --- Review slider : photo ronde uniforme --- */
.review-slider1 .slider-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

/* --- Navbar logo + nom --- */
.navbar-brand {
    height: auto !important;
    padding: 5px 15px !important;
}

.navbar-brand img.logo-black {
    height: 75px !important;
    width: auto !important;
    max-height: none !important;
}

/* --- Mission & Vision cards --- */
.mv-row { align-items: stretch; }

.mv-card {
    background: #fff;
    border: 1px solid #ede8e0;
    border-top: 4px solid #C49A0A;
    border-radius: 8px;
    padding: 36px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 18px rgba(44,26,14,0.07);
    transition: box-shadow 0.3s, transform 0.3s;
}
.mv-card:hover {
    box-shadow: 0 8px 30px rgba(44,26,14,0.14);
    transform: translateY(-4px);
}
.mv-icon {
    width: 68px; height: 68px;
    border-radius: 50%;
    background: #2C1A0E;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 20px;
}
.mv-icon i { font-size: 1.4rem; color: #E0B820; }
.mv-card h4 {
    font-size: 1rem; font-weight: 700;
    color: #2C1A0E; margin-bottom: 12px;
    text-transform: uppercase; letter-spacing: 1px;
}
.mv-card p { color: #666; line-height: 1.7; margin: 0; font-size: 0.92rem; }

/* --- Nos Coordonnées cards --- */
.coordonnees-row { align-items: stretch; }

.coord-card {
    background: #fff;
    border: 1px solid #ede8e0;
    border-top: 4px solid #C49A0A;
    border-radius: 8px;
    padding: 36px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 4px 18px rgba(44,26,14,0.07);
    transition: box-shadow 0.3s, transform 0.3s;
}
.coord-card:hover {
    box-shadow: 0 8px 30px rgba(44,26,14,0.14);
    transform: translateY(-4px);
}
.coord-icon {
    width: 68px; height: 68px;
    border-radius: 50%;
    background: #2C1A0E;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
}
.coord-icon i { font-size: 1.5rem; color: #E0B820; }
.coord-card h4 {
    font-size: 1.05rem; font-weight: 700;
    color: #2C1A0E; margin-bottom: 12px;
    text-transform: uppercase; letter-spacing: 1px;
}
.coord-card p {
    color: #555; line-height: 2;
    margin-bottom: 16px; flex-grow: 1;
}
.coord-card p a {
    color: #555 !important; text-decoration: none !important;
    transition: color 0.2s;
}
.coord-card p a:hover { color: #C49A0A !important; }
.coord-badge {
    display: inline-block;
    background: #f5ede0; color: #2C1A0E !important;
    font-size: 0.82rem; font-weight: 600;
    padding: 5px 14px; border-radius: 20px;
    margin-top: auto; text-decoration: none !important;
    transition: background 0.2s;
}
.coord-badge:hover { background: #C49A0A; color: #fff !important; }

/* --- Breadcrumb section --- */
.breadcrumb-outer {
    background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
                url('../image/a16.jpg') center center / cover no-repeat;
    padding: 60px 0;
    color: #fff;
}

.breadcrumb-outer .breadcrumb-content h2 {
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 10px;
}

.breadcrumb-outer .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
}

.breadcrumb-outer .breadcrumb-item,
.breadcrumb-outer .breadcrumb-item a {
    color: rgba(255,255,255,0.8);
}

.breadcrumb-outer .breadcrumb-item.active {
    color: #e6a21b;
}

.breadcrumb-outer .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,0.5);
}