/** 
 * Hotel Elegant Theme
 * Elegancki styl hotelowy - luksusowa kolorystyka
 * 
 * Kolory:
 *   ##E4683F = głęboki granat (main dark)
 *   #16213e = ciemniejszy granat
 *   #0f3460 = jaśniejszy granat
 *   #d4af37 = eleganckie złoto (accent)
 *   #b8962e = ciemniejsze złoto
 *   #e6c547 = jaśniejsze złoto
 *   #722f37 = burgundowy (secondary)
 *   #f5f5dc = kremowy (light)
 **************************************************************** **/

/* ============================================
   GOOGLE FONTS - Eleganckie czcionki hotelowe
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ============================================
   GLOBALNE USTAWIENIA CZCIONEK
   ============================================ */
body {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    background-color: #faf9f6 !important;
    color: ##E4683F;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', 'Georgia', serif !important;
    color: ##E4683F !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

p, span, a, li, div {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
}

.fa,
.fa:before,
[class^="fa-"]:before,
[class*=" fa-"]:before {
    font-family: FontAwesome !important;
}

.lead, blockquote {
    font-family: 'Cormorant Garamond', 'Georgia', serif !important;
    font-size: 1.2em;
    font-style: italic;
}

/* ============================================
   GŁÓWNA KOLORYSTYKA MOTYWU
   ============================================ */

/* Główny kolor motywu [głęboki granat] */
.divider.dark .fa,
.divider.white .fa,
div.tabs ul.nav-tabs li.active a,
h4.panel-title a,
div.toggle > label,
.noimg-slider h1,
.noimg-slider p,
.list-icon li:before,
.styleColor {
    color: ##E4683F;
}

#slider h2,
#slider .image-caption .inner p.dark,
div.price-table.popular,
.styleBackground {
    color: #fff !important;
    background-color: #538ee7;
}

/* Nakładki overlay z dwoma kolorami */
.overlay.color1 {
    background: rgba(26, 26, 46, 0.85) !important;
}
.overlay.color2 {
    background: rgba(212, 175, 55, 0.8) !important;
}

/* ============================================
   DRUGI KOLOR [ZŁOTY AKCENT]
   ============================================ */
a, .styleSecondColor,
.list-icon.color li:before,
.item-box-desc small,
p.dropcap:first-letter,
ul.pagination a,
ul.pagination a:hover,
ul.pagination li.active .fa,
ul.star-rated.styleSecondColor li i,
.tp-catpion a,
.divider.styleColor .fa {
    color: #d4af37;
}

#slider .btn.btn-default {
    color: #d4af37 !important;
}

a:hover, a:active {
    color: #b8962e;
}

#slider h3, .styleSecondBackground,
.list-icon.color.circle li:before,
.featured-box-minimal i.fa,
.label-primary,
div.featured-box i.fa,
.progress-bar-primary,
ul.pagination li.active a:hover,
ul.pagination li.active a,
ul.isotope-filter li.active a,
ul.isotope-filter li.active a:hover,
i.featured-icon,
p.dropcap.color:first-letter,
.blog-timeline .timeline-item .item-date span,
ul.nav-pills li.active a,
.modal-header {
    background-color: #d4af37;
}

.styleSecondBackground,
.styleSecondBackground h1,
.styleSecondBackground h2,
.styleSecondBackground h3,
.styleSecondBackground h4,
.styleSecondBackground h5,
.styleSecondBackground h6,
.styleSecondBackground p {
    color: #fff;
}

/* ============================================
   TOP HEAD - Górny pasek
   ============================================ */
header#topHead {
    background: linear-gradient(135deg, ##E4683F 0%, #16213e 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
}

header#topHead.color {
    color: #fff;
    background-color: #d4af37;
}

header#topHead.color a {
    color: #fff;
}

header#topHead a,
header#topHead .quick-contact,
header#topHead .dropdown-toggle {
    color: #f5f5dc !important;
}

header#topHead a:hover {
    color: #d4af37 !important;
}

/* ============================================
   TOP NAV - Główna nawigacja
   ============================================ */
#header_shadow {
    display: none !important;
}

header#topNav,
header#topNav.topHead {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    transition: background 0.4s ease-in-out;
}

/* Efekt scroll - tło po przewinięciu */
header#topNav.scrolled {
    background: #E4693F !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Menu items */
header#topNav nav ul.nav-main li a {
    color: #fff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    transition: color 0.3s ease;
}

header#topNav.scrolled nav ul.nav-main li a {
    color: #f5f5dc !important;
}

header#topNav nav ul.nav-main > li:hover > a,
header#topNav nav ul.nav-main li.active > a,
header#topNav nav ul.nav-main li.active > a:hover,
header#topNav nav ul.nav-main li.active > a:focus {
    color: #fff !important;
}

header#topNav.scrolled nav ul.nav-main > li:hover > a,
header#topNav.scrolled nav ul.nav-main li.active > a,
header#topNav.scrolled nav ul.nav-main li.active > a:hover,
header#topNav.scrolled nav ul.nav-main li.active > a:focus {
    color: #d4af37 !important;
}

/* Ikona domku */
header#topNav nav ul.nav-main li a .fa-home {
    font-family: FontAwesome !important;
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    color: #fff !important;
}

header#topNav.scrolled nav ul.nav-main li a .fa-home {
    color: #fff !important;
}

/* Dropdown menu */
header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu,
header#topNav nav ul.nav-main ul.dropdown-menu {
    background-color: ##E4683F;
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}

header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover,
header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a {
    background-color: #16213e;
}

header#topNav nav ul.nav-main li.dropdown:hover > a:after {
    border-bottom: ##E4683F 10px solid;
}

header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
    color: #d4af37;
    font-family: 'Playfair Display', serif;
}

header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a,
header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
    color: #f5f5dc !important;
    font-family: 'Montserrat', sans-serif;
}

header#topNav nav ul.nav-main ul.dropdown-menu > li > a:hover {
    color: #d4af37 !important;
}

/* ============================================
   PAGE TITLE
   ============================================ */
header#page-title {
    color: ##E4683F;
    background: linear-gradient(135deg, #faf9f6 0%, #f5f5dc 100%);
}

header#page-title h1,
header#page-title h2 {
    color: ##E4683F;
    font-family: 'Playfair Display', serif !important;
}

/* ============================================
   PRZYCISKI
   ============================================ */
.btn-default {
    border: 2px solid #d4af37;
    color: #d4af37;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    border: 2px solid ##E4683F;
    background-color: ##E4683F;
    color: #fff;
}

.btn-primary {
    background-color: #d4af37 !important;
    border: 2px solid #d4af37;
    color: ##E4683F !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    border: 2px solid ##E4683F;
    background-color: ##E4683F !important;
    color: white !important;
}

/* ============================================
   TOGGLE & ACCORDION
   ============================================ */
div.toggle.active > label {
    color: #fff;
    background-color: #d4af37;
}

/* ============================================
   PANELE
   ============================================ */
.panel-primary .panel-heading {
    background: linear-gradient(135deg, ##E4683F 0%, #16213e 100%);
    border-bottom: 2px solid #d4af37;
}

.panel-body {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}

/* ============================================
   FEATURED BOX
   ============================================ */
div.featured-box i.fa:after {
    border-color: #d4af37;
}

div.featured-box.nobg.border-only i.fa {
    color: #d4af37;
    border-color: #d4af37;
}

i.featured-icon,
i.featured-icon:after {
    border: 1px solid #d4af37;
}

i.featured-icon.empty {
    color: #d4af37 !important;
}

/* ============================================
   POPOVER
   ============================================ */
.popover-title {
    color: #fff;
    background: linear-gradient(135deg, ##E4683F 0%, #16213e 100%);
}

/* ============================================
   TESTIMONIALS
   ============================================ */
.testimonial.color1 p,
.testimonial.color1 cite {
    color: #fff;
    background-color: ##E4683F;
}

.testimonial.color2 p,
.testimonial.color2 cite {
    color: ##E4683F;
    background-color: #d4af37;
}

/* ============================================
   OWL CAROUSEL
   ============================================ */
.owl-theme .owl-controls .owl-buttons div {
    color: #d4af37;
    border: 2px solid #d4af37;
    background: transparent;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background: #d4af37;
    color: ##E4683F;
}

/* ============================================
   SLIDER
   ============================================ */

#slider {
    position: relative;
}

#slider li {
    position: relative;
}

#slider .fullscreen-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

/* Gradient na każdym slajdzie — nie znika przy przełączaniu */
#slider .fullscreen-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.62) 0%,
        rgba(0, 0, 0, 0.38) 22%,
        rgba(0, 0, 0, 0.15) 50%,
        rgba(0, 0, 0, 0.04) 75%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
    pointer-events: none;
}

#slider .image-caption {
    z-index: 2;
}

#slider .slides-navigation a.prev,
#slider .slides-navigation a.next {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 120;
}

#slider .slides-navigation a.prev:after,
#slider .slides-navigation a.next:after {
    font-family: FontAwesome !important;
    color: #fff !important;
}

#slider .slides-navigation a.prev:hover,
#slider .slides-navigation a.next:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

#slider li .noimg-slider h1 {
    color: ##E4683F !important;
    font-family: 'Playfair Display', serif !important;
}

#slider li.styleBackground .noimg-slider,
#slider li.styleBackground h1,
#slider li.styleBackground h2,
#slider li.styleBackground p {
    color: #fff !important;
}

/* ============================================
   TOP SEARCH, TOP LOGIN
   ============================================ */
#topHead .signin-dd form button,
#topHead .signin-dd form button:hover,
#topHead .signin-dd form button:active,
header#topNav li.search form button,
header#topNav li.search form button:hover,
header#topNav li.search form button:active {
    background-color: #d4af37 !important;
}

#topHead .signin-dd form button:after,
header#topNav li.search form button:after {
    border: #d4af37 10px solid;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* ============================================
   FOOTER
   ============================================ */
footer {
    background: linear-gradient(135deg, ##E4683F 0%, #16213e 100%) !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #d4af37 !important;
    font-family: 'Playfair Display', serif !important;
}

footer a {
    color: #f5f5dc !important;
}

footer a:hover {
    color: #d4af37 !important;
}

footer p, footer span, footer li {
    color: #c9c9c9;
}

/* ============================================
   DODATKOWE ELEGANCKIE ELEMENTY
   ============================================ */

/* Separator z ornamentem */
.divider.elegant:before,
.divider.elegant:after {
    content: "❧";
    color: #d4af37;
    font-size: 1.2em;
}

/* Złota linia dekoracyjna */
.gold-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #d4af37 0%, #e6c547 50%, #d4af37 100%);
    margin: 15px auto;
}

/* Elegancka ramka */
.elegant-border {
    border: 2px solid #d4af37;
    padding: 20px;
    position: relative;
}

.elegant-border:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

/* Box shadow elegancki */
.elegant-shadow {
    box-shadow: 0 10px 40px rgba(26, 26, 46, 0.1);
}

/* ============================================
   LOGO BOX - dostosowanie
   ============================================ */
header#topNav a.logo {
    color: ##E4683F !important;
}

header#topNav.scrolled a.logo {
    color: #d4af37 !important;
}

/* Logo container */
.hidden-xs.hidden-sm div[style*="position:fixed"],
.hidden-md.hidden-lg div[style*="position:fixed"] {
    background: linear-gradient(to bottom right, rgba(255,255,255,0.98), rgba(250,249,246,0.95)) !important;
    border: 1px solid rgba(212, 175, 55, 0.2);
}

/* ============================================
   MOBILE BUTTON
   ============================================ */
header#topNav button.btn-mobile {
    background-color: ##E4683F !important;
    border-color: #d4af37 !important;
    color: #d4af37 !important;
}

header#topNav button.btn-mobile:hover {
    background-color: #d4af37 !important;
    color: ##E4683F !important;
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */
/* ::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f5f5dc;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4af37 0%, #b8962e 100%);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: ##E4683F;
} */

/* ============================================
   SELECTION STYLING
   ============================================ */
::selection {
    background: #d4af37;
    color: ##E4683F;
}

::-moz-selection {
    background: #d4af37;
    color: ##E4683F;
}

/* ============================================
   MOBILNY PASEK DOLNY — telefon, lokalizacja, rezerwacja
   ============================================ */
#mobile-bottom-bar {
    display: none !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
    padding: 8px 4px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

#mobile-bottom-bar a {
    flex: 1 1 33.333%;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 10px 4px 8px;
    color: ##E4683F !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    transition: background 0.2s ease, color 0.2s ease;
}

#mobile-bottom-bar a + a {
    border-left: 1px solid #eee;
}

#mobile-bottom-bar a i {
    font-size: 28px;
    color: #E4693F !important;
    line-height: 1;
    flex-shrink: 0;
}

#mobile-bottom-bar a span {
    color: ##E4683F;
    font-size: 9px;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

#mobile-bottom-bar a:hover,
#mobile-bottom-bar a:active,
#mobile-bottom-bar a:focus {
    background: #faf9f6;
    color: #E4693F !important;
}

#mobile-bottom-bar a:hover span,
#mobile-bottom-bar a:active span,
#mobile-bottom-bar a:focus span {
    color: #E4693F;
}

#mobile-bottom-bar a:hover i,
#mobile-bottom-bar a:active i,
#mobile-bottom-bar a:focus i {
    color: ##E4683F !important;
}

@media (max-width: 767px) {
    #mobile-bottom-bar.visible-xs {
        display: flex !important;
        flex-direction: row !important;
    }

    body {
        padding-bottom: 64px;
    }
}

@media (min-width: 768px) {
    #mobile-bottom-bar {
        display: none !important;
    }
}