/* =====================================
   SAFARI HOTEL — BOOKING FORM FIX
===================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Jost:wght@300;400;500&display=swap');

  .sh-header {
    font-family: 'Jost', sans-serif;
    background: #fff;
    border-bottom: 0.5px solid rgba(0,0,0,0.1);
  }

  .sh-topbar {
    background: #1a1a18;
    padding: 9px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .sh-contacts {
    display: flex;
    gap: 32px;
    list-style: none;
    margin: 0; padding: 0;
    flex-wrap: nowrap;
  }
  .sh-contacts li {
    font-size: 13px;
    color: #d4c5a6;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
  }
  .sh-contacts li i { color: #c9a96e; font-size: 14px; flex-shrink: 0; }

  .sh-topright {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin-left: 24px;
  }

  .sh-socials {
    display: flex;
    gap: 14px;
  }
  .sh-socials a {
    color: #8a7d65;
    font-size: 13px;
    transition: color 0.2s;
    text-decoration: none;
  }
  .sh-socials a:hover { color: #c9a96e; }

  .sh-divider {
    width: 1px;
    height: 16px;
    background: #3a3a36;
    flex-shrink: 0;
  }

  .sh-book-btn {
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1a1a18;
    background: #c9a96e;
    padding: 8px 20px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    border: none;
    cursor: pointer;
    white-space: nowrap;
  }
  .sh-book-btn:hover { background: #b8956a; color: #fff; }

  .sh-lang {
    font-size: 12px;
    color: #b8a98a;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
  }
  .sh-lang:hover .sh-lang-dd { opacity: 1; visibility: visible; top: 28px; }
  .sh-lang-dd {
    position: absolute;
    top: 38px; left: 0;
    background: #fff;
    border: 0.5px solid rgba(0,0,0,0.12);
    min-width: 70px;
    opacity: 0; visibility: hidden;
    transition: all 0.2s;
    z-index: 99;
  }
  .sh-lang-dd a {
    display: block;
    padding: 7px 14px;
    font-size: 12px;
    color: #1a1a18;
    text-decoration: none;
    letter-spacing: 0.06em;
  }
  .sh-lang-dd a:hover { color: #c9a96e; }

  .sh-mainbar {
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid rgba(0,0,0,0.07);
  }

  .sh-logo {
    display: flex;
    flex-direction: column;
    padding: 18px 0;
    text-decoration: none;
    flex-shrink: 0;
  }
  .sh-logo-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    font-weight: 600;
    color: #1a1a18;
    letter-spacing: 0.08em;
    line-height: 1;
  }
.sh-logo-name-white {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    font-weight: 600;
    color: #f3ebeb;
    letter-spacing: 0.08em;
    line-height: 1;
  }

  .sh-logo-sub {
    font-size: 9px;
    color: #c9a96e;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-top: 3px;
  }
  .sh-logo-accent {
    width: 36px;
    height: 1px;
    background: #c9a96e;
    margin-top: 5px;
  }

  .sh-nav {
    display: flex;
    align-items: center;
  }
  .sh-nav ul { list-style: none; margin: 0; padding: 0; display: flex; }
  .sh-nav ul li { position: relative; }
  .sh-nav ul li a {
    display: block;
    padding: 24px 18px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #3a3a36;
    text-decoration: none;
    transition: color 0.2s;
    position: relative;
    white-space: nowrap;
  }
  .sh-nav ul li a::after {
    content: '';
    position: absolute;
    bottom: 18px; left: 18px;
    width: 0; height: 1px;
    background: #c9a96e;
    transition: width 0.3s;
  }
  .sh-nav ul li.active a,
  .sh-nav ul li:hover > a { color: #c9a96e; }
  .sh-nav ul li:hover > a::after,
  .sh-nav ul li.active a::after { width: calc(100% - 36px); }

  .sh-dropdown {
    position: absolute;
    top: 100%; left: 0;
    background: #fff;
    min-width: 180px;
    border-top: 2px solid #c9a96e;
    border-bottom: 0.5px solid rgba(0,0,0,0.1);
    border-left: 0.5px solid rgba(0,0,0,0.08);
    border-right: 0.5px solid rgba(0,0,0,0.08);
    opacity: 0; visibility: hidden;
    transform: translateY(6px);
    transition: all 0.22s;
    z-index: 99;
  }
  .sh-nav ul li:hover .sh-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
  .sh-dropdown li a {
    padding: 10px 18px;
    font-size: 12px;
    letter-spacing: 0.06em;
    border-bottom: 0.5px solid rgba(0,0,0,0.05);
    color: #3a3a36 !important;
  }
  .sh-dropdown li a::after { display: none !important; }
  .sh-dropdown li a:hover { color: #c9a96e !important; background: #faf8f4; }

  .sh-search {
    width: 34px; height: 34px;
    border: 0.5px solid rgba(0,0,0,0.15);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    margin-left: 8px;
    transition: border-color 0.2s, background 0.2s;
    flex-shrink: 0;
  }
  .sh-search:hover { border-color: #c9a96e; background: #fdf9f4; }
  .sh-search i { font-size: 15px; color: #3a3a36; }

  .sh-breadcrumb-bar {
    background: #f9f7f3;
    padding: 8px 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 0.5px solid rgba(0,0,0,0.06);
  }
  .sh-breadcrumb-bar span {
    font-size: 11px;
    color: #a09070;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .sh-breadcrumb-bar .crumb-sep { color: #c9a96e; }
  .sh-breadcrumb-bar .crumb-active { color: #c9a96e; font-weight: 500; }

  .sh-promo-strip {
    background: #c9a96e;
    padding: 7px 32px;
    text-align: center;
  }
  .sh-promo-strip span {
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 500;
  }
  .sh-promo-strip strong { font-weight: 700; }

/* ======================
   SAFARI HOTEL BRANDING
====================== */

.logo{

display:flex;

align-items:center;

}

.site-logo{

height:95px;

width:auto;

transition:.3s;

object-fit:contain;

}

.site-logo:hover{

transform:scale(1.04);

}

/* Header */

.header-section{

background:
rgba(255,255,255,.96);

backdrop-filter:blur(8px);

}

/* Menu */

.nav-menu .mainmenu li a{

font-weight:600;

}

.nav-menu .mainmenu li a:hover{

color:#004c97;

}

/* Responsive */

@media(max-width:991px){

.site-logo{

height:75px;

}

}
/* HERO SAFARI */

.hero-text{

padding-top:170px;

}

.hero-subtitle{

display:inline-block;

padding:10px 18px;

background:#D4A017;

color:#fff;

font-size:12px;

letter-spacing:.22em;

margin-bottom:25px;

}

.hero-text h1{

font-size:74px;

line-height:82px;

margin-bottom:28px;

}

.hero-text p{

font-size:20px;

max-width:620px;

line-height:34px;

}


.hero-buttons{

display:flex;

gap:18px;

align-items:center;

}


.hero-outline-btn{

padding:14px 28px;

border:1px solid #fff;

color:#fff;

transition:.3s;

}


.hero-outline-btn:hover{

background:#fff;

color:#0C4E90;

}


/* BOOKING */

.booking-form{

border-radius:16px;

padding:45px;

backdrop-filter:blur(12px);

background:
rgba(255,255,255,.96);

}

.booking-form h3{

font-size:42px;

margin-bottom:30px;

text-align:center;

}

.booking-form button{

background:#dfa974 !important;

border:none !important;

}

.booking-form button:hover{

background:#08386a !important;

}


/* DATE */

.date-input{

cursor:pointer;

}


/* SELECT */

.booking-form .nice-select{

font-weight:500;

}


/* MOBILE */

@media(max-width:991px){

.hero-text{

padding-top:80px;

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-text h1{

font-size:50px;

line-height:60px;

}

}