/* ============================================================
   TOUCHES FRESHUP — habillage bleu nuit du site public
   Charte : bleu nuit #0A1228 / or #C9A961 / creme #F5F0E8
   Titres en Libre Baskerville (police du logo).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root{
  --nuit:#0A1228; --nuit-doux:#141C36; --nuit-prof:#050A1A;
  --or:#C9A961; --or-clair:#D4B872; --or-fonce:#A88B47;
  --creme:#F5F0E8; --gris:#8A8472;
}

/* ---- FOND GLOBAL bleu nuit ---- */
body{background:var(--nuit) !important;color:var(--creme) !important;}
.section-padding{background:transparent !important;}
p{color:#cfc8b8 !important;}

/* Sections claires du template → bleu nuit */
section[style*="#f5f0eb"],section[style*="#fff"],.bg-light,.blog.section-padding{
  background:var(--nuit-prof) !important;
}
.about.section-padding{background:var(--nuit) !important;}
.about.bg-darkbrown{background:var(--nuit-doux) !important;}
.services-box{background:var(--nuit) !important;}
.barber-pricing{background:var(--nuit-prof) !important;}
#gallery-section{background:var(--nuit) !important;}

/* ---- COULEUR D'ACCENT : dore ---- */
.text-primary,.color-primary,a:hover,.navbar .nav-link:hover{color:var(--or) !important;}
.section-subtitle{color:var(--or) !important;letter-spacing:3px;text-transform:uppercase;font-size:.8rem;}

/* ---- TITRES : creme sur fond sombre, police du logo ---- */
h1,h2,h3,.section-title,.banner-header h1,.banner-header h2{
  font-family:'Libre Baskerville','Cormorant Garamond',serif !important;
  color:var(--creme) !important;
}
.section-title.white,.text-white,h6.text-white{color:var(--creme) !important;}
h4,h5,h6{font-family:'Cormorant Garamond',serif !important;color:var(--creme) !important;}

/* ---- BOUTONS dores ---- */
.button-1,.button-2,.btn-primary,.theme-btn,
.appointment-btn,.book-btn,input[type="submit"],.gallery-load-btn{
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;
  border-color:var(--or) !important;color:var(--nuit) !important;
  font-family:'Libre Baskerville',serif !important;letter-spacing:1px;
}
.button-1:hover,.button-2:hover,.btn-primary:hover,.theme-btn:hover,.gallery-load-btn:hover{
  background:var(--or) !important;color:var(--nuit-prof) !important;
}

/* ---- HERO ---- */
.kenburns-section{position:relative;}
.kenburns-section h1{
  font-size:clamp(34px,4vw,64px) !important;letter-spacing:.12em !important;
  color:var(--creme) !important;text-shadow:0 6px 40px rgba(5,10,26,.7);
}
.kenburns-section h2,.kenburns-section h3,.caption h1,.caption h2,.caption h3{color:var(--creme) !important;}
/* voile bleu nuit renforce sur le hero */
.kenburns-section::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,10,26,.65),rgba(10,18,40,.35) 40%,rgba(5,10,26,.85));
}
.kenburns-section .caption,.kenburns-section .v-middle{position:relative;z-index:2;}
.kenburns-section .caption::before{
  content:"SINCE 2015";display:block;font-family:'Libre Baskerville',serif;
  color:var(--or);letter-spacing:.4em;font-size:clamp(11px,1.4vw,15px);margin-bottom:14px;
}

/* ---- CARTES : services, tarifs, news ---- */
.services-box .item,.menu-list .item,.blog .item{
  background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;
  border-radius:14px;padding:26px !important;transition:transform .4s,border-color .4s;
}
.services-box .item:hover,.blog .item:hover{transform:translateY(-6px);border-color:var(--or) !important;}
.services-box .icon,.service-icon,.icon-box i,.feature-icon{color:var(--or) !important;}

/* Tarifs */
.menu-list .item .title{color:var(--creme) !important;font-size:1.1rem;}
.price,.amount,.pricing-item .price,.menu-list .price{color:var(--or-clair) !important;font-family:'Libre Baskerville',serif !important;}
.menu-list .dots{border-bottom:1px dotted rgba(201,169,97,.4) !important;}
.menu-list .item p i{color:var(--gris) !important;}

/* News */
.blog .con .category a{color:var(--creme) !important;}
.blog .date{background:var(--or) !important;color:var(--nuit) !important;border-radius:6px;}
.blog .date span,.blog .date i{color:var(--nuit) !important;}

/* Galerie */
.gallery-pill{
  background:transparent !important;border:1px solid rgba(201,169,97,.4) !important;
  color:var(--creme) !important;border-radius:50px;padding:8px 22px;margin:4px;
  font-family:'Libre Baskerville',serif !important;font-size:.85rem;transition:all .3s;
}
.gallery-pill.active,.gallery-pill:hover{background:var(--or) !important;color:var(--nuit) !important;}
.gallery-grid-item img{border-radius:12px;border:1px solid rgba(201,169,97,.2);}

/* Images about avec cadre dore */
.about img{border-radius:12px;border:1px solid rgba(201,169,97,.3);}

/* ---- BORDURES / SEPARATEURS ---- */
.service-item,.pricing-item,.team-item,.card{border-color:rgba(201,169,97,.35) !important;}
hr{border-color:rgba(201,169,97,.3) !important;}
.section-title::after,.title-line,.divider{background:var(--or) !important;}

/* ---- NAVBAR ---- */
.navbar .nav-link{color:var(--creme) !important;font-family:'Libre Baskerville',serif !important;letter-spacing:.5px;}
.navbar .nav-link:hover{color:var(--or) !important;}

/* ---- FOOTER bleu nuit profond ---- */
.footer{background:var(--nuit-prof) !important;border-top:1px solid rgba(201,169,97,.2);}
.footer-title{color:var(--or) !important;font-family:'Libre Baskerville',serif !important;}
.footer a,.footer p,.footer li,.footer .tit,.footer span{color:#cfc8b8 !important;}
.footer a:hover{color:var(--or) !important;}
.footer-about-social-list a{color:var(--or) !important;border:1px solid rgba(201,169,97,.4);}
.footer-about-social-list a:hover{background:var(--or) !important;color:var(--nuit) !important;}
.footer .dots{border-bottom:1px dotted rgba(201,169,97,.3) !important;}
.market-btn{border:1px solid rgba(201,169,97,.4) !important;background:var(--nuit-doux) !important;}
.market-btn:hover{border-color:var(--or) !important;}
.market-button-title,.market-button-subtitle{color:var(--creme) !important;}
.footer-bottom{background:var(--nuit-prof) !important;}
.footer-bottom-copy-right,.footer-bottom-copy-right a{color:var(--gris) !important;}

/* ---- SECTION NAMYU (ajoutee dans le HTML) ---- */
.namyu-section{background:var(--nuit-doux) !important;padding:90px 0;}
.namyu-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.namyu-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.namyu-photo{aspect-ratio:3/4;border-radius:12px;border:1px solid rgba(201,169,97,.35);
  background:linear-gradient(160deg,var(--nuit),var(--nuit-prof));display:grid;place-items:center;
  color:var(--gris);font-style:italic;font-size:.85rem;text-align:center;padding:10px;overflow:hidden;}
.namyu-photo img{width:100%;height:100%;object-fit:cover;}
.namyu-photo:first-child{grid-row:span 2;aspect-ratio:auto;}
.namyu-text .section-subtitle{margin-bottom:10px;}
.namyu-text h2{margin-bottom:18px;}
.namyu-text .btn-namyu{display:inline-block;margin-top:24px;padding:14px 32px;
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce));color:var(--nuit);
  font-family:'Libre Baskerville',serif;letter-spacing:1px;border-radius:50px;text-decoration:none;transition:all .3s;}
.namyu-text .btn-namyu:hover{background:var(--or);color:var(--nuit-prof);}
@media(max-width:768px){.namyu-grid{grid-template-columns:1fr;gap:30px;}.namyu-photo:first-child{grid-row:auto;aspect-ratio:3/4;}}

/* ---- Preloader en bleu nuit ---- */
.preloader-bg,#preloader{background:var(--nuit-prof) !important;}

/* ---- SECTION AVIS GOOGLE ---- */
.reviews-section{background:var(--nuit) !important;padding:90px 0;}
.reviews-note{margin:-10px 0 44px;color:#cfc8b8;font-size:1.1rem;}
.reviews-note .reviews-stars{color:var(--or);letter-spacing:3px;margin-right:8px;}
.reviews-note strong{font-family:'Libre Baskerville',serif;color:var(--or-clair);font-size:1.6rem;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
.review-card{background:var(--nuit-doux);border:1px solid rgba(201,169,97,.3);border-radius:14px;padding:26px;transition:transform .4s,border-color .4s;}
.review-card:hover{transform:translateY(-5px);border-color:var(--or);}
.review-card .review-stars{color:var(--or);letter-spacing:3px;margin-bottom:12px;}
.review-card p{color:#cfc8b8 !important;font-size:1rem;line-height:1.6;margin-bottom:16px;font-style:italic;}
.review-card b{font-family:'Libre Baskerville',serif;color:var(--creme);letter-spacing:.5px;}
@media(max-width:900px){.reviews-grid{grid-template-columns:1fr;}}

/* ---- SECTION HAPPY DAYS ---- */
.happy-section{background:var(--nuit-prof) !important;padding:80px 0;}
.happy-card{position:relative;overflow:hidden;text-align:center;border:1px solid var(--or);border-radius:20px;padding:60px 30px;background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(201,169,97,.16),transparent 70%),var(--nuit);max-width:760px;margin:0 auto;}
.happy-days{display:flex;gap:10px;justify-content:center;margin-bottom:20px;}
.happy-days span{padding:6px 18px;border:1px solid rgba(201,169,97,.5);border-radius:50px;color:var(--or-clair);font-style:italic;}
.happy-big{font-family:'Libre Baskerville',serif;font-size:clamp(70px,12vw,130px);line-height:1;color:var(--or);text-shadow:0 0 50px rgba(201,169,97,.35);}
.happy-card h2{margin:12px 0 10px;letter-spacing:.08em;}
.happy-card p{color:#cfc8b8 !important;max-width:28em;margin:0 auto 28px;}

/* ---- SECTION EQUIPE ---- */
.team-section{background:var(--nuit) !important;padding:90px 0;}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.team-member{text-align:center;}
.team-photo{aspect-ratio:3/4;border-radius:14px;border:1px solid rgba(201,169,97,.35);background:linear-gradient(160deg,var(--nuit-doux),var(--nuit-prof));display:grid;place-items:center;font-family:'Libre Baskerville',serif;font-size:3.5rem;color:var(--or-fonce);margin-bottom:16px;transition:border-color .4s,transform .4s;overflow:hidden;}
.team-photo img{width:100%;height:100%;object-fit:cover;}
.team-member:hover .team-photo{border-color:var(--or);transform:translateY(-5px);}
.team-member b{display:block;font-family:'Libre Baskerville',serif;color:var(--creme);letter-spacing:.06em;font-size:1.2rem;}
.team-member span{color:var(--or);font-style:italic;}
@media(max-width:768px){.team-grid{grid-template-columns:1fr 1fr;}}

/* ---- RATTRAPAGE : brun du template #91765a → dore, partout ---- */
/* boutons, fonds, champs qui utilisent encore le brun d'origine */
.login-btn,.signup-btn,.submit-btn,.auth-btn,
button[type="submit"],.btn-submit,.password-toggle,
.choose-shop-btn,.eye-btn,.toggle-password{
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;
  border-color:var(--or) !important;color:var(--nuit) !important;
}
.choose-shop-btn{background:transparent !important;color:var(--or) !important;border-color:rgba(201,169,97,.4) !important;}
.choose-shop-card:hover .choose-shop-btn{background:var(--or) !important;border-color:var(--or) !important;color:var(--nuit) !important;}
/* liens et textes d'accent du parcours */
.forgot-link,.signup-link,.auth-link,.forgot-password a{color:var(--or) !important;}

/* ---- Bouton oeil (afficher mot de passe) → dore ---- */
button:has(.ti-eye),button:has(i.ti-eye),.ti-eye{color:var(--nuit) !important;}
button:has(.ti-eye){background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;border-color:var(--or) !important;}

/* ============================================================
   PAGE RÉSERVATION — habillage bleu nuit
   ============================================================ */
/* Cartes de services (fond blanc → bleu nuit) */
.services-1 .item{
  background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;
  border-radius:14px !important;transition:transform .4s,border-color .4s;
}
.services-1 .item:hover{transform:translateY(-6px);border-color:var(--or) !important;}
.services-1 .item h5{color:var(--creme) !important;}
.services-1 .item p{color:#cfc8b8 !important;}
.services-1 .item h6{color:var(--or-clair) !important;font-family:'Libre Baskerville',serif !important;}
.services-1 .item .icon,.services-1 .item .shape .icon{color:var(--or) !important;}
.services-1 .item .shape{opacity:.05 !important;}

/* Bouton "Réservez maintenant" (brun → doré) */
.btn-form1-submit{
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;
  color:var(--nuit) !important;border:none !important;
  font-family:'Libre Baskerville',serif !important;letter-spacing:1px;
}
.btn-form1-submit:hover{background:var(--or) !important;color:var(--nuit-prof) !important;}

/* Conteneur du formulaire de réservation (crème → bleu nuit) */
.booking-box{background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;border-radius:16px !important;}
.booking-box .head-box h4{color:var(--creme) !important;}
.booking-box label{color:var(--or) !important;}
/* Champs et menus déroulants : fond sombre, texte clair */
.booking-box .form-control,.booking-box .select1_inner,.booking-box input,.booking-box select{
  background:var(--nuit-prof) !important;color:var(--creme) !important;border:1px solid rgba(201,169,97,.3) !important;
}
.booking-box .form-control::placeholder,.booking-box input::placeholder{color:var(--gris) !important;}
/* Récapitulatif prix */
.booking-box .total-box,.booking-box .summary,.booking-box .price-summary{background:var(--nuit-prof) !important;color:var(--creme) !important;}
/* Bouton final "Prendre un rendez-vous" reste doré (deja via button-1) */
.booking-box .btn-form1-submit,.booking-box button[type="submit"]{
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;color:var(--nuit) !important;width:100%;
}
/* Message promo vert → bleu nuit */
.booking-box [style*="f0fdf4"]{background:var(--nuit-prof) !important;border-color:var(--or) !important;}

/* ---- RÉSERVATION : corrections finales ---- */
/* Masquer les logos de barbershops concurrents (demo template) */
.clients{display:none !important;}
/* Titre "Nos Services" gris → creme */
.services-1 .section-title,.services-1 .section-title.text-white{color:var(--creme) !important;}
/* Menus deroulants select2 : fond sombre, texte clair, plus de bande blanche */
.select2-container--default .select2-selection--single,
.select2-selection--single,.select2-selection{
  background:var(--nuit-prof) !important;border:1px solid rgba(201,169,97,.3) !important;
  color:var(--creme) !important;height:auto !important;padding:6px 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--creme) !important;line-height:32px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100% !important;}
.select2-dropdown{background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;}
.select2-container--default .select2-results__option{color:var(--creme) !important;background:var(--nuit-doux) !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--or) !important;color:var(--nuit) !important;}
.select1_inner,.input1_inner{background:transparent !important;}

/* ---- Bouton "Vérifier" code promo (brun → doré) ---- */
#btn-check-promo,.btn-check-promo,button[id*="promo"],.promo-check-btn{
  background:linear-gradient(135deg,var(--or-clair),var(--or-fonce)) !important;
  color:var(--nuit) !important;border-color:var(--or) !important;
}

/* ============================================================
   ESPACE CLIENT — liste de rendez-vous (panel/dashboard)
   ============================================================ */
/* Cartes de rendez-vous (fond blanc → bleu nuit, texte lisible) */
.ams-panel .card,.panel .card,.mc-card .card{
  background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;
  border-radius:14px !important;transition:border-color .3s,transform .3s;
}
.ams-panel .card:hover{border-color:var(--or) !important;transform:translateY(-3px);}
.ams-panel .card h6,.ams-panel .card p,.ams-panel .card span:not(.badge){color:var(--creme) !important;}
.ams-panel .card .border-left{border-color:rgba(201,169,97,.25) !important;}
/* Conteneur mc-card */
.mc-card{background:var(--nuit-doux) !important;border:1px solid rgba(201,169,97,.3) !important;border-radius:14px !important;}
.mc-card .card-title,.mc-card h1,.mc-card h2,.mc-card h3,.mc-card h4,.mc-card h5,.mc-card h6{color:var(--creme) !important;}
/* Cartes statistiques du haut (single-info-box) : garder leurs couleurs mais texte clair */
.single-info-box{border:1px solid rgba(201,169,97,.2) !important;}
.single-info-box .info-box-content,.single-info-box p,.single-info-box h3,.single-info-box h4{color:var(--creme) !important;}
/* Titre de la page */
.ams-panel .card-title,.panel .section-title{color:var(--creme) !important;}
/* Badges de statut : garder lisibles */
.badge.badge-warning{background:var(--or) !important;color:var(--nuit) !important;}
.badge.badge-success{background:#3a7d5c !important;color:#fff !important;}
.badge.bg-danger{background:#9d3b4a !important;color:#fff !important;}
.badge.bg-primary{background:var(--nuit) !important;color:var(--creme) !important;}
/* Pagination espace client */
.panel .pagination a,.ams-panel .pagination a{border-color:rgba(201,169,97,.3) !important;color:var(--creme) !important;}

/* ---- ESPACE CLIENT : ciblage renforcé des cartes rdv ---- */
.ams-panel .mc-card .card,
.ams-panel .card.mb-3,
body .ams-panel .card,
.mc-card .card.mb-3.p-2,
.mc-card div.card{
  background-color:#141C36 !important;background-image:none !important;
  border:1px solid rgba(201,169,97,.3) !important;border-radius:14px !important;
}
.ams-panel .mc-card .card h6,
.ams-panel .mc-card .card *:not(.badge){color:#F5F0E8 !important;}
.ams-panel .mc-card .card .badge{color:inherit !important;}
.ams-panel .mc-card{background-color:#141C36 !important;}
.ams-panel .mc-card .title,.ams-panel .mc-card .card-title h4{color:#F5F0E8 !important;}

/* ============================================================
   PAGE "Liste de rendez-vous" client (admin/appointment/index-customer)
   ============================================================ */
.kenburns-section .panel-body .card,
.kenburns-section .card.mb-3,
.kenburns-section div.card.p-2{
  background-color:#141C36 !important;background-image:none !important;
  border:1px solid rgba(201,169,97,.3) !important;border-radius:14px !important;
}
.kenburns-section .panel-body .card h6,
.kenburns-section .panel-body .card *:not(.badge){color:#F5F0E8 !important;}
.kenburns-section .panel-body .card .border-left{border-color:rgba(201,169,97,.25) !important;}
.kenburns-section .panel-title{color:#F5F0E8 !important;}
/* barre de recherche / filtres de la page */
.panel-search,.panel-toolbar,.panel-search-box{background:transparent !important;}
.unit-select-box,.form-select,.ams-input select,.ams-input input{
  background-color:#050A1A !important;color:#F5F0E8 !important;border:1px solid rgba(201,169,97,.3) !important;
}
.toolbar-item,.panel-srch-btn{background:var(--nuit-doux) !important;color:#F5F0E8 !important;border:1px solid rgba(201,169,97,.3) !important;}
.toolbar-item.active,.panel-srch-btn:hover{background:var(--or) !important;color:var(--nuit) !important;}
.dataTable-length,.dataTable-filter,.dataTable-length *,.dataTable-info{color:#cfc8b8 !important;}
/* badges statut */
.kenburns-section .badge.badge-warning{background:var(--or) !important;color:var(--nuit) !important;}
.kenburns-section .badge.badge-success{background:#3a7d5c !important;color:#fff !important;}
.kenburns-section .badge.bg-danger{background:#9d3b4a !important;color:#fff !important;}