/* ===== MAKEUART LUXE THEME ===== */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Cormorant+Garamond:wght@300;400;500;600&family=Montserrat:wght@300;400;500;600&display=swap");

/* --- Global Luxe --- */
html { scroll-behavior: auto !important; }
body { font-family: "Montserrat", sans-serif !important; color: #1a1a1a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #faf9f7 !important; }
h1, h2, h3, h4, h5 { font-family: "Playfair Display", serif !important; }
p { font-family: "Montserrat", sans-serif !important; line-height: 1.8; }

/* --- Navbar Luxe --- */
.navbar, nav { background: #0a0a0a !important; border-bottom: 1px solid rgba(201,169,110,0.3); padding: 15px 0 !important; }
.navbar a, nav a, .nav-link { color: #e8e0d0 !important; font-family: "Montserrat", sans-serif !important; font-weight: 400; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; transition: color 0.3s ease !important; }
.navbar a:hover, nav a:hover, .nav-link:hover { color: #C9A96E !important; }
.navbar-brand, .logo, nav .brand { color: #C9A96E !important; }

/* --- Hero Carousel Luxe --- */
.carousel { position: relative; }
.carousel-item { min-height: 85vh; }
.carousel-item img { object-fit: cover; min-height: 85vh; filter: brightness(0.82) contrast(1.05) saturate(1.15); }
.card-img-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(10,10,10,0.45) 60%, rgba(10,10,10,0.7) 100%) !important; z-index: 1; }
.carousel-caption-new { z-index: 2; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
.carousel-caption-new h5 { font-family: "Cormorant Garamond", serif !important; font-size: 28px !important; font-weight: 400; color: #D4B87A !important; letter-spacing: 5px; text-transform: none; margin-bottom: 25px; text-shadow: 0 1px 8px rgba(0,0,0,0.3); font-style: italic; }
.carousel-caption-new h2 { font-family: "Playfair Display", serif !important; font-size: 52px !important; font-weight: 700; color: #FFFFFF !important; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 2px 15px rgba(0,0,0,0.4), 0 0 40px rgba(201,169,110,0.15); line-height: 1.25; }
.carousel-caption-new h2 i { color: #C9A96E; margin-left: 10px; }
.carousel-control-prev-icon, .carousel-control-next-icon { filter: none; background-color: rgba(201,169,110,0.5); border-radius: 50%; padding: 20px; }
.carousel-indicators button { background-color: #C9A96E !important; width: 12px; height: 12px; border-radius: 50%; margin: 0 6px; }

/* --- Search Filter Bar Luxe --- */
.filter-bg { background: #0a0a0a !important; padding: 0 !important; margin-top: -40px; position: relative; z-index: 10; }
.main-filter { background: #ffffff; border-radius: 0; padding: 25px 35px !important; box-shadow: 0 15px 50px rgba(0,0,0,0.12); border: 1px solid rgba(201,169,110,0.15); }
.main-filter .form-control { border: none; border-bottom: 2px solid #e0d5c1; border-radius: 0; font-family: "Montserrat", sans-serif; font-size: 14px; letter-spacing: 1px; padding: 12px 5px; background: transparent; transition: border-color 0.3s; }
.main-filter .form-control:focus { border-bottom-color: #C9A96E; box-shadow: none; }
.main-filter .btn, .filter-bg .btn { background: #0a0a0a !important; color: #C9A96E !important; border: 2px solid #C9A96E !important; border-radius: 0; padding: 12px 40px; font-family: "Montserrat", sans-serif !important; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; font-size: 13px; transition: all 0.4s ease !important; }
.main-filter .btn:hover, .filter-bg .btn:hover { background: #C9A96E !important; color: #0a0a0a !important; }

/* --- Section Titles Luxe --- */
.section-title, h2.fw-bold, h3.fw-bold, .container > h2, .container > h3, h2[style], h3[style] { font-family: "Playfair Display", serif !important; color: #1a1a1a !important; font-weight: 600 !important; letter-spacing: 1px; position: relative; }

/* --- Reviews Section Luxe --- */
.container.review { background: linear-gradient(135deg, #faf9f7 0%, #f0ebe3 100%) !important; padding: 60px 30px !important; border-radius: 0 !important; border: 1px solid rgba(201,169,110,0.15); }
.review .review-content { background: #ffffff !important; padding: 30px !important; border-radius: 0 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important; border-left: 3px solid #C9A96E; transition: all 0.4s ease; }
.review .review-content:hover { box-shadow: 0 8px 35px rgba(0,0,0,0.1) !important; transform: translateY(-3px); }
.review .review-content p { font-family: "Cormorant Garamond", serif !important; font-size: 17px !important; font-style: italic; color: #444 !important; line-height: 1.7; }
.review .review-content h5 { font-family: "Montserrat", sans-serif !important; font-size: 14px !important; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a !important; }
.review-avatar { width: 55px !important; height: 55px !important; border-radius: 0 !important; background: linear-gradient(135deg, #C9A96E, #a8894f) !important; color: white !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; font-weight: 600 !important; font-family: "Playfair Display", serif !important; flex-shrink: 0 !important; box-shadow: 0 4px 15px rgba(201,169,110,0.4) !important; }
.checked { color: #C9A96E !important; }

/* --- Category Cards Luxe --- */
.card.overflow-hidden { border: none !important; border-radius: 0 !important; overflow: hidden; position: relative; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; box-shadow: 0 5px 25px rgba(0,0,0,0.1); }
.card.overflow-hidden:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important; }
.card.overflow-hidden img { transition: transform 0.6s ease, filter 0.6s ease; }
.card.overflow-hidden:hover img { transform: scale(1.08); filter: brightness(0.7); }
.card.overflow-hidden .card-img-overlay { background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 50%) !important; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px !important; }
.card.overflow-hidden h4, .card.overflow-hidden h5 { font-family: "Playfair Display", serif !important; color: #fff !important; font-weight: 600; letter-spacing: 1px; }
.card.overflow-hidden p { font-family: "Montserrat", sans-serif !important; color: rgba(255,255,255,0.85) !important; font-size: 13px; letter-spacing: 0.5px; }

/* --- Featured Jobs Luxe --- */
.uk-slider-items .card, .job-card { border: none !important; border-radius: 0 !important; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.4s ease !important; overflow: hidden; }
.uk-slider-items .card:hover, .job-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.15); transform: translateY(-5px); }
[uk-slidenav-previous], [uk-slidenav-next] { color: #C9A96E !important; }

/* --- Why Choose / Expert Section Luxe --- */
.fa-calendar-check, .fa-user-check, .fa-shield-halved, .fa-check-circle, .fa-circle-check { color: #C9A96E !important; font-size: 28px; }

/* --- Text Content Section Luxe --- */
.content-section h2, .row h2 { font-family: "Playfair Display", serif !important; font-size: 38px !important; color: #1a1a1a; line-height: 1.3; }

/* --- Buttons Global Luxe --- */
.btn-primary, .btn-warning, .btn-success, a.btn { background: #0a0a0a !important; color: #C9A96E !important; border: 2px solid #C9A96E !important; border-radius: 0 !important; padding: 14px 35px !important; font-family: "Montserrat", sans-serif !important; font-weight: 600 !important; letter-spacing: 3px !important; text-transform: uppercase !important; font-size: 13px !important; transition: all 0.4s ease !important; text-decoration: none !important; }
.btn-primary:hover, .btn-warning:hover, .btn-success:hover, a.btn:hover { background: #C9A96E !important; color: #0a0a0a !important; border-color: #C9A96E !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(201,169,110,0.3); }

/* --- Footer Luxe --- */
footer, .footer { background: #0a0a0a !important; color: #c0b8a8 !important; padding: 60px 0 20px !important; border-top: 2px solid #C9A96E; }
footer h5, footer h4, .footer h5, .footer h4, footer strong { color: #C9A96E !important; font-family: "Playfair Display", serif !important; font-size: 16px !important; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px !important; }
footer p, .footer p { color: #8a8070 !important; font-size: 14px; line-height: 1.8; }
footer a, .footer a { color: #c0b8a8 !important; transition: color 0.3s; text-decoration: none; font-size: 14px; letter-spacing: 0.5px; }
footer a:hover, .footer a:hover { color: #C9A96E !important; }
footer .form-control, .footer input[type="email"] { background: transparent !important; border: none; border-bottom: 1px solid #C9A96E; border-radius: 0; color: #fff !important; padding: 10px 5px; }
footer .btn, .footer .btn { background: #C9A96E !important; color: #0a0a0a !important; border: none !important; border-radius: 0 !important; font-weight: 600; letter-spacing: 2px; }

/* --- Luxe Decorative Elements --- */
.gold-divider { width: 60px; height: 2px; background: #C9A96E; margin: 15px auto; }

/* --- Selection Color --- */
::selection { background: #C9A96E; color: #fff; }
::-moz-selection { background: #C9A96E; color: #fff; }

/* --- Scrollbar Luxe --- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #C9A96E; }
::-webkit-scrollbar-thumb:hover { background: #a8894f; }

/* --- Link Style --- */
a { color: #C9A96E; transition: all 0.3s ease; }
a:hover { color: #a8894f; }

/* --- Responsive Luxe --- */
@media (max-width: 768px) {
  .carousel-caption-new h5 { font-size: 16px !important; letter-spacing: 2px; }
  .carousel-caption-new h2 { font-size: 28px !important; letter-spacing: 1px; }
  .carousel-item { min-height: 60vh; }
  .carousel-item img { min-height: 60vh; }
  .main-filter { padding: 20px !important; }
}
@media (max-width: 480px) {
  .carousel-caption-new h2 { font-size: 22px !important; }
  .carousel-caption-new h5 { font-size: 14px !important; }
}

/* === FRESHA UX === */
.how-it-works{padding:70px 0;background:#fff;text-align:center}
.how-it-works h2{font-family:"Playfair Display",serif;font-size:36px;color:#1a1a1a;margin-bottom:10px}
.how-it-works .subtitle{color:#888;font-size:16px;margin-bottom:50px;letter-spacing:1px}
.step-card{text-align:center;padding:30px 20px}
.step-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#C9A96E,#a8894f);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:32px;box-shadow:0 8px 25px rgba(201,169,110,0.35);transition:transform 0.3s}
.step-card:hover .step-icon{transform:scale(1.1);box-shadow:0 12px 35px rgba(201,169,110,0.5)}
.step-card h4{font-family:"Playfair Display",serif;font-size:20px;color:#1a1a1a;margin-bottom:12px}
.step-card p{color:#777;font-size:14px;line-height:1.7}
.cta-banner{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:50px 0;text-align:center}
.cta-banner h3{font-family:"Playfair Display",serif;color:#fff;font-size:30px;margin-bottom:10px}
.cta-banner p{color:#c0b8a8;font-size:16px;margin-bottom:25px}
.btn-book{background:#C9A96E!important;color:#0a0a0a!important;border:none!important;border-radius:0!important;padding:16px 45px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important;font-size:14px!important;text-decoration:none!important;display:inline-block;transition:all 0.3s!important}
.btn-book:hover{background:#fff!important;color:#0a0a0a!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,0.2)}
.stats-bar{background:#faf9f7;padding:40px 0;border-top:1px solid rgba(201,169,110,0.15);border-bottom:1px solid rgba(201,169,110,0.15)}
.stat-item{text-align:center;padding:15px}
.stat-number{font-family:"Playfair Display",serif;font-size:36px;color:#C9A96E;font-weight:700}
.stat-label{font-size:13px;color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:5px}
.main-filter .form-control::placeholder{color:#aaa;font-style:italic}

/* ===== UIKit Slider Fallback (fix scroll bug) ===== */
.uk-slider-items {
  display: flex !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
  list-style: none;
  padding: 0;
  margin: 0;
}
.uk-slider-items > li {
  flex: 0 0 25% !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  min-width: 0;
}
@media (max-width: 960px) {
  .uk-slider-items > li {
    flex: 0 0 33.333% !important;
  }
}
@media (max-width: 640px) {
  .uk-slider-items > li {
    flex: 0 0 50% !important;
  }
}
.uk-position-relative.uk-visible-toggle {
  overflow: hidden;
}
/* Fix Bootstrap carousel scroll conflict */
.carousel {
  touch-action: manipulation;
}
.carousel .carousel-item {
  backface-visibility: hidden;
}
/* ===== SCROLL FIX OVERRIDE ===== */
html { scroll-behavior: auto !important; }
body { position: relative; }