/*
 ╔══════════════════════════════════════════════════════════════════╗
 ║  CARNA ALAÇATI  —  Meyhane Identity CSS                         ║
 ║  Palette: #7a3629 · #f7d8a6 · #ffffff · #0d0d0d                 ║
 ║  All turquoise / ocean / teal values overridden here.           ║
 ║  Single source of truth — no inline styles needed.              ║
 ╚══════════════════════════════════════════════════════════════════╝
*/

/* ─────────────────────────────────────────────────────────────────
   1. DESIGN TOKENS
───────────────────────────────────────────────────────────────── */

:root {
  --wine:          #7a3629;
  --wine-deep:     #5c2a1e;
  --wine-light:    #a04840;
  --wine-pale:     rgba(122,54,41,0.10);
  --wine-faint:    rgba(122,54,41,0.05);

  --gold:          #f7d8a6;
  --gold-deep:     #e8c080;
  --gold-pale:     rgba(247,216,166,0.20);
  --gold-faint:    rgba(247,216,166,0.08);

  --white:         #ffffff;
  --off-white:     #faf8f5;
  --warm-white:    #f5f2ec;

  --black:         #0d0d0d;
  --black-rich:    #111111;
  --ink:           #1c1008;
  --ink-70:        rgba(28,16,8,0.70);
  --ink-50:        rgba(28,16,8,0.50);
  --ink-30:        rgba(28,16,8,0.30);

  --white-80:      rgba(255,255,255,0.80);
  --white-55:      rgba(255,255,255,0.55);
  --white-30:      rgba(255,255,255,0.30);
  --white-12:      rgba(255,255,255,0.12);
  --white-06:      rgba(255,255,255,0.06);

  --border-wine:   rgba(122,54,41,0.18);
  --border-gold:   rgba(247,216,166,0.22);
  --border-light:  rgba(28,16,8,0.08);

  /* Legacy token remaps — kills all turquoise */
  --ocean:         #7a3629;
  --ocean-deep:    #5c2a1e;
  --ocean-light:   #a04840;
  --sand:          #f7d8a6;
  --sand-light:    #e8c080;
  --sand-pale:     rgba(247,216,166,0.12);
  --cream:         #faf8f5;
  --border-sand:   rgba(247,216,166,0.20);
}


/* ─────────────────────────────────────────────────────────────────
   2. GLOBAL
───────────────────────────────────────────────────────────────── */

html, body { background: var(--off-white) !important; }

body {
  color: var(--ink-70) !important;
  font-family: 'Jost', 'Poppins', sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.012em;
  line-height: 1.85;
}

main { background: var(--off-white) !important; }

#preloader {
  background: var(--black-rich) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-loader="circle-side"] {
  border-color: rgba(247,216,166,0.12) !important;
  border-top-color: var(--gold) !important;
  border-width: 1.5px !important;
  width: 38px !important;
  height: 38px !important;
}

::-webkit-scrollbar       { width: 3px; }
::-webkit-scrollbar-track { background: var(--black-rich); }
::-webkit-scrollbar-thumb { background: rgba(122,54,41,0.45); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--wine); }

::selection { background: rgba(122,54,41,0.18); color: var(--ink); }


/* ─────────────────────────────────────────────────────────────────
   3. TYPOGRAPHY
───────────────────────────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  color: var(--ink) !important;
  letter-spacing: 0.02em;
}

h1 em, h2 em, h3 em, h4 em {
  font-style: italic;
  color: var(--wine-light) !important;
  font-weight: 400;
}

a                { color: var(--wine); text-decoration: none; transition: color 0.3s ease; }
a:hover, a:focus { color: var(--wine-light); }

p { color: var(--ink-50); font-weight: 400; line-height: 1.85; }

.section-label,
.exp-label,
.feat-eyebrow,
.about-eyebrow,
.vision-eyebrow,
.cta-label,
.c-eyebrow,
.slide-label {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  letter-spacing: 4.5px !important;
  text-transform: uppercase !important;
  color: var(--wine) !important;
}

.section-label::before, .section-label::after,
.cta-label::before,     .cta-label::after,
.slide-label::before,   .slide-label::after {
  background: var(--gold-deep) !important;
  opacity: 0.65;
}

.main_title_2 span    { background: transparent !important; }
.main_title_2 span em { background: var(--wine) !important; }
.main_title_2 span::before { background: rgba(122,54,41,0.18) !important; }


/* ─────────────────────────────────────────────────────────────────
   4. HEADER
───────────────────────────────────────────────────────────────── */

header.header {
  background: var(--wine) !important;
  border-bottom: none !important;
}

header::after {
  background: linear-gradient(to right, var(--wine), var(--gold)) !important;
}

nav#menu.main-menu > ul > li span > a {
  color: rgba(255,255,255,0.68) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
}

nav#menu.main-menu > ul > li span > a::after { background: var(--gold) !important; }

nav#menu.main-menu > ul > li span > a:hover,
nav#menu.main-menu > ul > li span > a.active { color: var(--white) !important; opacity: 1; }

header.header.sticky {
  background: rgb(122 54 41 / 97%) !important;
  border-bottom: 0.5px solid rgba(247,216,166,0.14) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 2px 32px rgba(0,0,0,0.45) !important;
}

header.header.sticky nav#menu.main-menu > ul > li span > a { color: rgba(255,255,255,0.55) !important; }

header.header.sticky nav#menu.main-menu > ul > li span > a:hover,
header.header.sticky nav#menu.main-menu > ul > li span > a.active { color: var(--gold) !important; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { background-color: rgba(255,255,255,0.82) !important; }

header.sticky .hamburger-inner,
header.sticky .hamburger-inner::before,
header.sticky .hamburger-inner::after { background-color: rgba(255,255,255,0.82) !important; }

ul#top_menu > li > a.btn_1,
ul#top_menu > li > a.reserve-header {
  background: var(--black-rich) !important;
  border: none !important;
  color: var(--white) !important;
  border-radius: 0 !important;
  letter-spacing: 2.5px !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  padding: 10px 22px !important;
}

ul#top_menu > li > a.btn_1:hover,
ul#top_menu > li > a.reserve-header:hover {
  background: var(--wine-deep) !important;
  color: var(--white) !important;
  transform: translateY(-1px);
}

header.sticky ul#top_menu > li > a.btn_1,
header.sticky ul#top_menu > li > a.reserve-header { background: var(--black-rich) !important; color: var(--white) !important; }

nav#menu.main-menu ul ul { background: rgba(13,13,13,0.97) !important; border: 0.5px solid rgba(247,216,166,0.12) !important; }
nav#menu.main-menu ul ul li a { color: rgba(255,255,255,0.52) !important; border-bottom-color: rgba(247,216,166,0.06) !important; }
nav#menu.main-menu ul ul li a:hover { color: var(--gold) !important; background: rgba(122,54,41,0.08) !important; }


/* ─────────────────────────────────────────────────────────────────
   5. LANGUAGE SWITCHER
───────────────────────────────────────────────────────────────── */

a.lang-current {
  background: rgba(247,216,166,0.06) !important;
  border: 0.5px solid rgba(247,216,166,0.20) !important;
  color: rgba(255,255,255,0.62) !important;
}

a.lang-current:hover {
  background: rgba(122,54,41,0.18) !important;
  border-color: rgba(247,216,166,0.35) !important;
  color: var(--white) !important;
}

header.sticky a.lang-current { background: rgba(247,216,166,0.05) !important; border-color: rgba(247,216,166,0.18) !important; color: rgba(255,255,255,0.55) !important; }
header.sticky a.lang-current:hover { color: var(--gold) !important; }

ul.lang-dropdown {
  background: rgba(13,13,13,0.97) !important;
  border: 0.5px solid rgba(247,216,166,0.14) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55) !important;
}

ul.lang-dropdown li a { color: rgba(255,255,255,0.52) !important; }
ul.lang-dropdown li a:hover { color: var(--gold) !important; background: rgba(122,54,41,0.08) !important; padding-left: 18px !important; }
ul.lang-dropdown li.active a { color: var(--gold) !important; background: rgba(122,54,41,0.10) !important; }


/* ─────────────────────────────────────────────────────────────────
   6. BUTTONS
───────────────────────────────────────────────────────────────── */

a.btn_1, .btn_1 {
  background: var(--wine) !important;
  border: none !important;
  color: var(--white) !important;
  border-radius: 0 !important;
  letter-spacing: 2.5px !important;
  font-weight: 400 !important;
  font-family: 'Jost', sans-serif !important;
  transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease !important;
}

a.btn_1:hover, .btn_1:hover {
  background: var(--wine-deep) !important;
  color: var(--white) !important;
  box-shadow: 0 8px 30px rgba(122,54,41,0.35) !important;
  transform: translateY(-2px);
}

a.btn_sand, .btn_sand {
  background: var(--gold) !important;
  color: var(--ink) !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: 2.5px !important;
  font-weight: 500 !important;
}

a.btn_sand:hover, .btn_sand:hover { background: var(--gold-deep) !important; color: var(--ink) !important; }

a.btn_1.outline, .btn_1.outline {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  color: var(--white) !important;
}

a.btn_1.outline:hover, .btn_1.outline:hover {
  border-color: var(--gold) !important;
  background: rgba(247,216,166,0.12) !important;
  color: var(--white) !important;
  box-shadow: 0 8px 28px rgba(247,216,166,0.15) !important;
}

.hero-slider .btn_1, .slide-content .btn_1, .slide-content a.btn_1 {
  background: var(--wine) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 0 !important;
}

.hero-slider .btn_1:hover, .slide-content .btn_1:hover, .slide-content a.btn_1:hover {
  background: var(--wine-deep) !important;
  box-shadow: 0 10px 32px rgba(122,54,41,0.40) !important;
}

.cta-content .btn_1.outline { border: 1px solid rgba(247,216,166,0.35) !important; color: var(--white) !important; background: transparent !important; }
.cta-content .btn_1.outline:hover { border-color: var(--gold) !important; background: rgba(122,54,41,0.22) !important; box-shadow: 0 12px 40px rgba(122,54,41,0.25) !important; }


/* ─────────────────────────────────────────────────────────────────
   7. HERO SLIDER
───────────────────────────────────────────────────────────────── */

.hero-slider { background: var(--black-rich) !important; }

.slide-overlay {
  background: linear-gradient(
    to bottom,
    rgba(13,13,13,0.42) 0%,
    rgba(13,13,13,0.18) 40%,
    rgba(13,13,13,0.22) 62%,
    rgba(13,13,13,0.68) 100%
  ) !important;
}

.slide-title    { font-family: 'Cormorant Garamond', serif !important; font-weight: 400 !important; color: var(--white) !important; letter-spacing: 0.04em !important; }
.slide-subtitle { color: rgba(255,255,255,0.72) !important; letter-spacing: 3.5px !important; }
.slide-label    { color: var(--gold) !important; }
.slide-label::before, .slide-label::after { background: rgba(247,216,166,0.45) !important; }

.slider-arrow { background: rgba(247,216,166,0.06) !important; border: 0.5px solid rgba(247,216,166,0.18) !important; color: var(--white) !important; }
.slider-arrow:hover { background: rgba(122,54,41,0.25) !important; border-color: rgba(247,216,166,0.40) !important; }

.slider-dots .dot { background: rgba(255,255,255,0.20) !important; border: 0.5px solid rgba(255,255,255,0.08) !important; }
.slider-dots .dot.active { background: var(--gold) !important; border-color: rgba(247,216,166,0.40) !important; }
.slider-dots .dot:hover { background: rgba(247,216,166,0.45) !important; }


/* ─────────────────────────────────────────────────────────────────
   8. HERO_IN — INNER PAGE BANNERS
───────────────────────────────────────────────────────────────── */

.hero_in { background: var(--black-rich) !important; background-size: cover !important; background-position: center !important; }

.hero_in.general     { background-image: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0.62)), url('/public/img/carna/carna-hero-about.webp') !important; }
.hero_in.restaurants { background-image: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0.62)), url('/public/img/carna/carna-hero-menu.webp') !important; }
.hero_in.contacts    { background-image: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0.62)), url('/public/img/carna/carna-hero-contact.webp') !important; }
.hero_in.gallery-page{ background-image: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0.62)), url('/public/img/carna/carna-hero-gallery.webp') !important; }

.hero_in .wrapper { background: linear-gradient(to bottom, rgba(13,13,13,0.38) 0%, rgba(13,13,13,0.58) 100%) !important; }
.hero_in .wrapper h1      { color: var(--white) !important; }
.hero_in .wrapper h1 span { background-color: var(--wine) !important; }
.hero_in .wrapper p       { color: rgba(255,255,255,0.62) !important; }


/* ─────────────────────────────────────────────────────────────────
   9. EXPERIENCES
───────────────────────────────────────────────────────────────── */

.experiences-section { background: var(--off-white) !important; }
.experiences-header h2 { color: var(--ink) !important; }
.experiences-header p  { color: var(--ink-50) !important; }

.exp-overlay {
  background: linear-gradient(to top, rgba(13,13,13,0.94) 0%, rgba(13,13,13,0.42) 50%, rgba(13,13,13,0.12) 80%, transparent 100%) !important;
}

.exp-card:hover .exp-overlay {
  background: linear-gradient(to top, rgba(13,13,13,0.97) 0%, rgba(122,54,41,0.30) 55%, rgba(13,13,13,0.15) 80%, transparent 100%) !important;
}

.exp-label { color: var(--gold) !important; }
.exp-title { color: var(--white) !important; }
.exp-desc  { color: rgba(255,255,255,0.48) !important; }
.exp-link  { color: var(--gold) !important; border-bottom-color: var(--gold) !important; }
.exp-link:hover { color: var(--white) !important; }


/* ─────────────────────────────────────────────────────────────────
   10. ABOUT
───────────────────────────────────────────────────────────────── */

.about-eyebrow { color: var(--wine-light) !important; }
.about-body    { color: rgba(255,255,255,0.65) !important; }
.about-stats   { border-top: 0.5px solid rgba(247,216,166,0.14) !important; }
.stat-val      { color: var(--gold) !important; font-family: 'Cormorant Garamond', serif !important; }
.stat-lbl      { color: rgba(255,255,255,0.32) !important; }

.about-badge { background: rgba(13,13,13,0.94) !important; border: 0.5px solid rgba(247,216,166,0.22) !important; }
.about-badge-year { color: var(--gold) !important; }
.about-badge-lbl  { color: rgba(255,255,255,0.32) !important; }

a.box_feat {
  background: #111111 !important;
  border: 0.5px solid rgba(247,216,166,0.12) !important;
  border-radius: 0 !important;
  color: rgba(255,255,255,0.52) !important;
  transition: border-color 0.4s ease, box-shadow 0.5s ease, transform 0.5s ease !important;
}

a.box_feat:hover { border-color: rgba(122,54,41,0.55) !important; box-shadow: 0 16px 52px rgba(0,0,0,0.45) !important; transform: translateY(-8px) !important; }
a.box_feat i  { color: var(--wine-light) !important; }
a.box_feat h3 { color: var(--white) !important; }
.feat-eyebrow { color: rgba(247,216,166,0.55) !important; }
.feat-title   { color: var(--white) !important; }
.feat-desc    { color: rgba(255,255,255,0.40) !important; }
.feat-icon    { color: var(--wine-light) !important; }

.bg_color_1 { background: #111111 !important; }
.bg_color_1 .main_title_2 h2 { color: var(--white) !important; }
.bg_color_1 .main_title_2 p  { color: rgba(255,255,255,0.42) !important; }

.vision-card    { background: var(--wine) !important; border: none !important; }
.vision-eyebrow { color: rgba(247,216,166,0.70) !important; }
.vision-title   { color: var(--white) !important; }
.vision-text    { color: rgba(255,255,255,0.78) !important; }

.atm-img { border-radius: 0 !important; }


/* ─────────────────────────────────────────────────────────────────
   11. MENU
───────────────────────────────────────────────────────────────── */

.menu-tabs { border-bottom: 0.5px solid rgba(122,54,41,0.15) !important; }

.menu-tab-btn {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: rgba(28,16,8,0.35) !important;
  border-bottom: 1.5px solid transparent !important;
  background: none !important;
  padding: 18px 20px 16px !important;
  transition: color 0.3s ease, border-color 0.3s ease !important;
}

.menu-tab-btn.active, .menu-tab-btn:hover { color: var(--wine) !important; border-bottom-color: var(--wine) !important; }

.menu-item-price, .item-price { color: var(--wine) !important; font-family: 'Cormorant Garamond', serif !important; font-size: 1.1rem !important; font-weight: 500 !important; }
.menu-category-label, .cat-tag { background: var(--wine) !important; color: var(--white) !important; border-radius: 0 !important; }


/* ─────────────────────────────────────────────────────────────────
   12. GALLERY
───────────────────────────────────────────────────────────────── */

.gallery-section { background: var(--off-white) !important; }
.gallery-header h2 { color: var(--ink) !important; }
.gallery-header p  { color: var(--ink-50) !important; }
.gallery-item      { border-radius: 0 !important; }

.gallery-overlay {
  background: linear-gradient(to top, rgba(13,13,13,0.80) 0%, rgba(13,13,13,0.05) 55%, rgba(122,54,41,0.08) 100%) !important;
}

.gallery-icon { border: 1.5px solid rgba(247,216,166,0.60) !important; color: var(--white) !important; }
.gallery-item:hover .gallery-icon { background: var(--wine) !important; border-color: var(--wine) !important; }


/* ─────────────────────────────────────────────────────────────────
   13. CTA
───────────────────────────────────────────────────────────────── */

.cta-section { background-image: url('/public/img/carna/carna-cta-bg.webp') !important; background-color: #0d0d0d !important; }
.cta-overlay { background: rgba(0,0,0,0.62) !important; }
.cta-content h2    { color: var(--white) !important; }
.cta-content h2 em { color: var(--gold) !important; }
.cta-content p     { color: rgba(255,255,255,0.52) !important; }


/* ─────────────────────────────────────────────────────────────────
   14. CONTACT
───────────────────────────────────────────────────────────────── */

.contact-info-bar { background: var(--black-rich) !important; }
.contact-info-bar ul li { border-right-color: rgba(247,216,166,0.08) !important; }
.contact-info-bar ul li i     { color: rgba(247,216,166,0.60) !important; }
.contact-info-bar ul li h4    { color: var(--white) !important; }
.contact-info-bar ul li span,
.contact-info-bar ul li a     { color: rgba(255,255,255,0.38) !important; }
.contact-info-bar ul li a:hover { color: var(--gold) !important; }
.contact-info-bar ul li small { color: rgba(255,255,255,0.20) !important; }

@media (max-width: 767px) { .contact-info-bar ul li { border-bottom-color: rgba(247,216,166,0.08) !important; } }

.info-card { background: var(--white) !important; border: 0.5px solid rgba(122,54,41,0.12) !important; border-radius: 0 !important; }
.info-card i { color: rgba(122,54,41,0.55) !important; }
.info-card-label { color: rgba(28,16,8,0.30) !important; }
.info-card p { color: rgba(28,16,8,0.48) !important; }

.contact-input { border: 0.5px solid rgba(122,54,41,0.18) !important; border-radius: 0 !important; background: var(--white) !important; color: var(--ink) !important; font-family: 'Jost', sans-serif !important; }
.contact-input:focus { border-color: rgba(122,54,41,0.50) !important; box-shadow: 0 0 0 3px rgba(122,54,41,0.07) !important; }
.contact-input::placeholder { color: rgba(28,16,8,0.20) !important; }

select.contact-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%237a3629' d='M5 6L0 0h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

.alert-success { background: rgba(122,54,41,0.06) !important; border: 0.5px solid rgba(122,54,41,0.22) !important; color: var(--wine) !important; }
.alert-error   { background: rgba(150,30,30,0.04) !important; border: 0.5px solid rgba(150,30,30,0.16) !important; }

.map-wrapper iframe { filter: grayscale(0.12) sepia(0.08) !important; }
.field-label { font-size: 0.58rem !important; letter-spacing: 2px !important; color: rgba(28,16,8,0.38) !important; }


/* ─────────────────────────────────────────────────────────────────
   15. FOOTER
───────────────────────────────────────────────────────────────── */

footer { background: var(--black-rich) !important; border-top: 0.5px solid rgba(247,216,166,0.12) !important; }

footer h5 { color: var(--gold) !important; letter-spacing: 3.5px !important; font-size: 0.65rem !important; font-family: 'Jost', sans-serif !important; text-transform: uppercase !important; }

footer .footer-desc { color: rgba(255,255,255,0.28) !important; font-size: 0.88rem; line-height: 1.85; }

footer .footer-social a { background: rgba(247,216,166,0.04) !important; border: 0.5px solid rgba(247,216,166,0.12) !important; color: rgba(255,255,255,0.35) !important; }
footer .footer-social a:hover { background: var(--wine) !important; border-color: var(--wine) !important; color: var(--white) !important; box-shadow: 0 6px 20px rgba(122,54,41,0.35) !important; transform: translateY(-3px); }

footer .footer-links li a { color: rgba(255,255,255,0.30) !important; font-size: 0.85rem; font-weight: 400; transition: color 0.3s ease; }
footer .footer-links li a:hover { color: var(--gold) !important; padding-left: 0 !important; }

.footer-contact-item i     { color: var(--wine-light) !important; }
.footer-contact-item a,
.footer-contact-item span  { color: rgba(255,255,255,0.30) !important; }
.footer-contact-item a:hover { color: var(--gold) !important; }

.footer-bottom { border-top: 0.5px solid rgba(247,216,166,0.08) !important; }
.footer-bottom p, .footer-bottom a   { color: rgba(255,255,255,0.18) !important; }
.footer-bottom a:hover               { color: var(--gold) !important; }
.footer-bottom-links a               { color: rgba(255,255,255,0.18) !important; }
.footer-bottom-links a:hover         { color: var(--gold) !important; }

ul#additional_links li a       { color: rgba(255,255,255,0.20) !important; }
ul#additional_links li a:hover { color: var(--gold) !important; }


/* ─────────────────────────────────────────────────────────────────
   16. FORM CONTROLS — GENERAL
───────────────────────────────────────────────────────────────── */

.form-control { border: 0.5px solid rgba(122,54,41,0.18) !important; border-radius: 0 !important; background: var(--white) !important; color: var(--ink) !important; font-family: 'Jost', sans-serif !important; }
.form-control:focus { border-color: rgba(122,54,41,0.50) !important; box-shadow: 0 0 0 3px rgba(122,54,41,0.07) !important; outline: none; }

input:focus, select:focus, textarea:focus {
  border-color: rgba(122,54,41,0.50) !important;
  box-shadow: 0 0 0 2px rgba(122,54,41,0.08) !important;
}

.nice-select { border: 0.5px solid rgba(122,54,41,0.18) !important; border-radius: 0 !important; color: var(--ink-70) !important; }
.nice-select:hover  { border-color: rgba(122,54,41,0.35) !important; }
.nice-select.open,
.nice-select:focus  { border-color: var(--wine) !important; }
.nice-select:after  { border-color: rgba(122,54,41,0.55) !important; }
.nice-select .list  { background: var(--white) !important; border: 0.5px solid rgba(122,54,41,0.15) !important; }
.nice-select .option:hover, .nice-select .option.focus { color: var(--wine) !important; background: rgba(122,54,41,0.05) !important; }

.applyBtn.btn.btn-sm.btn-primary { background-color: var(--wine) !important; border: 0 !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--wine) !important; }
.container_check input:checked ~ .checkmark { background-color: var(--wine) !important; }


/* ─────────────────────────────────────────────────────────────────
   17. MISC
───────────────────────────────────────────────────────────────── */

#toTop       { background-color: rgba(13,13,13,0.55) !important; }
#toTop:hover { background-color: var(--wine) !important; }

.score strong { background: var(--wine) !important; }

.cat_star i    { color: var(--gold-deep) !important; }
.rating .voted { color: var(--gold-deep) !important; }
.rating        { color: rgba(247,216,166,0.22) !important; }

.box_news figcaption        { background: var(--wine) !important; }
.box_news figcaption strong { color: var(--white) !important; }
.box_news ul li             { color: rgba(122,54,41,0.60) !important; }
.box_news:hover h4          { color: var(--wine) !important; }

.box_grid .price strong,
.box_list .wrapper .price strong { color: var(--wine) !important; }
.box_grid:hover, .box_list:hover { box-shadow: 0 12px 40px rgba(122,54,41,0.10) !important; }

.secondary_nav { background: rgba(250,248,245,0.97) !important; border-bottom: 0.5px solid rgba(122,54,41,0.12) !important; }
.secondary_nav ul li a { color: rgba(28,16,8,0.32) !important; }
.secondary_nav ul li a:hover, .secondary_nav ul li a.active { color: var(--wine) !important; }
.secondary_nav ul li:last-child a { background-color: var(--wine) !important; color: var(--white) !important; }
.secondary_nav ul li:last-child a:hover { background-color: var(--wine-deep) !important; }

.contact_info          { background: var(--black-rich) !important; }
.contact_info ul li i  { color: rgba(247,216,166,0.60) !important; }
.contact_info ul li h4 { color: var(--white) !important; }

.nav-tabs .nav-link.active { color: var(--wine) !important; border-bottom-color: var(--wine) !important; }
.nav-tabs .nav-link:hover  { color: var(--wine) !important; }

.accordion_2 .card .card-header { background: var(--white) !important; border-color: rgba(122,54,41,0.10) !important; }
.accordion_2 .card-header h5 a i.indicator { color: var(--wine-light) !important; }

#cookie-bar .cb-enable       { background: var(--wine) !important; }
#cookie-bar .cb-enable:hover { background: var(--wine-deep) !important; }
#cookie-bar .cb-policy       { background: rgba(122,54,41,0.20) !important; color: var(--white) !important; }

#error_page      { background-color: var(--black-rich) !important; }
#error_page h2 i { color: var(--wine-light) !important; }

.mm-menu            { background: var(--black-rich) !important; }
.mm-listview li a   { color: rgba(255,255,255,0.58) !important; }
.mm-listview li a:hover { color: var(--gold) !important; background: rgba(122,54,41,0.10) !important; }


/* ─────────────────────────────────────────────────────────────────
   18. SCROLL REVEAL
───────────────────────────────────────────────────────────────── */

.reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.95s cubic-bezier(0.25,0.46,0.45,0.94), transform 0.95s cubic-bezier(0.25,0.46,0.45,0.94) !important; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.10s !important; }
.reveal-delay-2 { transition-delay: 0.20s !important; }
.reveal-delay-3 { transition-delay: 0.32s !important; }
.reveal-delay-4 { transition-delay: 0.44s !important; }
.reveal-fade { opacity: 0; transform: translateY(14px); transition: opacity 1.1s ease, transform 1.1s cubic-bezier(0.25,0.46,0.45,0.94); }
.reveal-fade.visible { opacity: 1; transform: translateY(0); }


/* ─────────────────────────────────────────────────────────────────
   19. RESPONSIVE & ACCESSIBILITY
───────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
  .box_grid:hover, .box_list:hover { transform: none !important; box-shadow: 0 4px 20px rgba(122,54,41,0.08) !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  .reveal, .reveal-fade  { opacity: 1 !important; transform: none !important; }
}