/* Final responsive overrides: header, ma5-menu, media wrappers and overflow guards. */
:root {
  --menu-dark: #2f3648;
  --gold: #d6aa3a;
  --gold-dark: #b98a24;
  --white: #ffffff;
  --border-rgba: rgba(255, 255, 255, 0.14);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.container {
  max-width: 100%;
}

/* Media safety */
img,
picture img,
.card img,
.banner img,
.hero img,
.product img,
.package img {
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.ratio > picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.ratio > picture > img {
  width: 100%;
  height: 100%;
}

header .logo img {
  width: auto;
  height: auto;
  max-width: 220px;
  object-fit: contain;
}

/* Header compactness and mobile breakpoints */
header .header-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 1199.98px) {
  header .inner {
    align-items: center;
  }

  header .header-brand-main img {
    max-width: 180px;
  }

  .desktop-menu {
    display: none !important;
  }

  .hamburger {
    display: inline-block;
  }
}

@media (max-width: 575.98px) {
  header .header-brand-main img {
    max-width: 140px;
  }

  /* Show header-brand-side (text/logo) on mobile */
  header .header-brand-side {
    display: block !important;
  }

  header .header-brand-side img {
    max-width: 140px !important;
    max-height: 48px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .mbl-top-header .phones,
  .mbl-top-header .customer-services {
    display: none !important;
  }

  .mbl-top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .bottom-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  header .logo {
    max-height: 60px;
  }
}

/* Extra-small screens optimization */
@media (max-width: 380px) {
  header .header-brand-main img {
    max-width: 120px;
  }

  header .header-brand-side img {
    max-width: 120px !important;
    max-height: 45px !important;
  }
}

/* ma5-menu final layer */
.ma5-menu,
.ma5-menu * {
  background-image: none !important;
}

.ma5-menu,
.ma5menu__panel {
  background: var(--menu-dark) !important;
  color: var(--white);
}

.ma5-menu {
  width: 85vw;
  max-width: 85vw;
  padding: 0;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .ma5-menu {
    width: 360px;
    max-width: 360px;
  }
}

.ma5-menu li {
  list-style: none;
}

.ma5-menu a,
.ma5menu__panel a {
  color: var(--white) !important;
  text-decoration: none;
}

.ma5-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 12px 16px;
}

.ma5-menu a:hover,
.ma5-menu a.active {
  background: var(--gold-dark);
  color: var(--white);
}

.ma5-menu a:focus {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.ma5-menu .sub-menu a {
  min-height: 44px;
  padding-left: 28px;
}

.ma5menu__logo,
.ma5menu__header-logo,
.ma5menu__head a.logo,
.ma5menu__panel > .logo,
.ma5menu__head img:not(.mobile-menu-logo-main):not(.mobile-menu-logo-side) {
  display: none !important;
  background-image: none !important;
}

.ma5-menu .mobile-menu-brand-item,
.ma5menu__panel .mobile-menu-brand-item,
.ma5menu__panel li.mobile-menu-brand-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 86px !important;
  padding: 14px 16px !important;
  background: var(--menu-dark) !important;
  border-bottom: 1px solid var(--border-rgba) !important;
}

.mobile-menu-brand,
.ma5-menu .mobile-menu-brand,
.ma5menu__panel .mobile-menu-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
}

.ma5-menu .mobile-menu-brand.light-panel,
.ma5menu__panel .mobile-menu-brand.light-panel {
  background: rgba(255, 255, 255, 0.96) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
}

.mobile-menu-brand img,
.ma5-menu .mobile-menu-brand img,
.ma5menu__panel .mobile-menu-brand img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
}

.mobile-menu-logo-main,
.ma5-menu .mobile-menu-logo-main,
.ma5menu__panel .mobile-menu-logo-main {
  max-width: 58px !important;
  max-height: 58px !important;
}

.mobile-menu-logo-side,
.ma5-menu .mobile-menu-logo-side,
.ma5menu__panel .mobile-menu-logo-side {
  max-width: 170px !important;
  max-height: 46px !important;
}

.ma5-menu .has-children > a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  transform: rotate(-45deg);
}

.ma5menu__btn--enter,
.ma5menu__btn--leave,
.ma5menu__panel .has-children > a::after,
.ma5menu__panel .has-children > span,
.ma5-menu .has-children > a::after,
.ma5-menu .has-children > span {
  background-color: var(--gold-dark) !important;
  color: var(--white) !important;
  border-color: var(--gold-dark) !important;
}

.ma5menu__btn--enter:hover,
.ma5menu__btn--leave:hover {
  background-color: var(--gold) !important;
}

.ma5menu__toggle,
.ma5menu__close,
.ma5menu__btn--leave,
.ma5-menu .caret,
.ma5-menu .toggle,
.ma5-menu .close {
  color: var(--white) !important;
}

.ma5-menu .active,
.ma5-menu .open,
.ma5-menu .caret,
.ma5-menu .toggle {
  background: transparent;
}

.ma5-menu .ma5menu-close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: var(--white);
  background: transparent;
  border: 0;
}

.ma5menu__panel [style*="red"],
.ma5menu__panel [style*="#d"],
.ma5menu__panel [style*="rgb(217"],
.ma5menu__panel [style*="rgb(201"] {
  background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
}

.ma5menu__panel .social-links,
.ma5-menu .social-links {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding-top: 14px !important;
}

.ma5menu__panel .social-links a,
.ma5-menu .social-links a {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 18px !important;
  opacity: 1 !important;
}

.ma5menu__panel .social-links svg,
.ma5-menu .social-links svg {
  width: 18px !important;
  height: 18px !important;
}

.ma5menu__panel .social-links .facebook,
.ma5-menu .social-links .facebook {
  color: #1877f2 !important;
}

.ma5menu__panel .social-links .instagram,
.ma5-menu .social-links .instagram {
  color: #e4405f !important;
}

.ma5menu__panel .social-links .youtube,
.ma5-menu .social-links .youtube {
  color: #E5BC6A !important;
}

.ma5menu__panel .social-links .whatsapp,
.ma5menu__panel .social-links .wp-color,
.ma5-menu .social-links .whatsapp,
.ma5-menu .social-links .wp-color {
  color: #25d366 !important;
}

/* Listing/grid overflow guards */
@media (max-width: 991.98px) {
  .row > [class*="col-lg-4"],
  .row > [class*="col-md-4"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 575.98px) {
  .row > [class*="col-lg-4"],
  .row > [class*="col-md-4"],
  .row > [class*="col-sm-6"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.card .card-img-top,
.listing .img-wrap img {
  height: auto;
  object-fit: contain;
}

/* Slider and banner containment */
.banner,
.hero {
  background-position: center center;
  background-size: cover;
}

@media (max-width: 767.98px) {
  .banner,
  .hero {
    min-height: 220px;
    background-position: center top;
  }

  .banner img,
  .hero img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

.slider,
.carousel,
.owl-stage,
.slick-track {
  max-width: 100%;
  overflow: hidden;
}

.social-icons a:hover {
  color: var(--gold) !important;
}

/* Site-wide gold CTA overrides */
:root {
  --sifla-gold: #E5BC6A;
  --sifla-gold-light: #FEEFC0;
  --sifla-gold-gradient: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%);
  --sifla-gold-hover: #E5BC6A;
  --bs-primary: #E5BC6A;
  --bs-primary-rgb: 229, 188, 106;
  --bs-secondary: #E5BC6A;
  --bs-secondary-rgb: 229, 188, 106;
  --bs-danger: #E5BC6A;
  --bs-danger-rgb: 229, 188, 106;
  --bs-link-hover-color: #E5BC6A;
}

.btn-primary,
.btn-danger,
a.btn-primary,
button.btn-primary,
input.btn-primary,
button[type="submit"].btn,
input[type="submit"].btn,
footer .btn,
.phone-cmp .btn {
  background: var(--sifla-gold-gradient) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
  box-shadow: 0 10px 22px rgba(229, 188, 106, 0.24);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-danger:hover,
.btn-danger:focus,
a.btn-primary:hover,
a.btn-primary:focus,
button.btn-primary:hover,
button.btn-primary:focus,
input.btn-primary:hover,
input.btn-primary:focus,
button[type="submit"].btn:hover,
button[type="submit"].btn:focus,
input[type="submit"].btn:hover,
input[type="submit"].btn:focus,
footer .btn:hover,
footer .btn:focus,
.phone-cmp .btn:hover,
.phone-cmp .btn:focus {
  background: var(--sifla-gold-gradient) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
}

.btn-outline-primary {
  border-color: #E5BC6A !important;
  color: #E5BC6A !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background: var(--sifla-gold-gradient) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
}

footer .list li::before,
footer .footer-item li::before,
footer .contact-items li::before {
  border-color: #E5BC6A !important;
  background-color: #E5BC6A !important;
}

footer a:hover,
footer a:focus,
footer .footer-item a:hover,
footer .footer-item a:focus,
footer .footer-item li:hover > a,
footer .list li:hover > a,
footer .contact-items li:hover,
footer .contact-items li:hover a,
footer .social-icons a:hover,
footer .social-icons a:focus {
  color: #E5BC6A !important;
}

footer .footer-item li:hover::before,
footer .list li:hover::before,
footer .contact-items li:hover::before {
  border-color: #E5BC6A !important;
  background-color: #E5BC6A !important;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.show,
.show > .btn,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.page-link:hover,
.page-link:focus,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.search-area .close,
.ma5menu__btn--enter,
.ma5menu__btn--leave,
.ma5menu__btn--enter:hover,
.ma5menu__btn--leave:hover,
aside .mobile-menu-btn {
  border-color: #E5BC6A !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.search-area .close,
.ma5menu__btn--enter,
.ma5menu__btn--leave,
.ma5menu__btn--enter:hover,
.ma5menu__btn--leave:hover,
aside .mobile-menu-btn {
  background: var(--sifla-gold-gradient) !important;
  background-color: #E5BC6A !important;
  color: #111827 !important;
}

header .header-locale-select:hover,
header .header-locale-select:focus,
header select.header-locale-select:hover,
header select.header-locale-select:focus {
  background: var(--sifla-gold-gradient) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
}

header .site-menu li:hover > a,
header .site-menu li.active > a,
header .site-menu .sub-menu li:hover > a,
header .site-menu .sub-menu li.active > a,
aside .widget-menu > li:hover a,
aside .widget-menu > li.active a,
aside .widget-menu.categories li.active a,
aside .widget-menu.categories li:hover a,
.page-content a.collapsible-item-title-link {
  color: #E5BC6A !important;
}

aside .widget-menu > li > a svg,
aside .widget-menu.categories li a::after,
.page-content a.collapsible-item-title-link::before,
#CVZICON {
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #E5BC6A !important;
  fill: #E5BC6A !important;
}

::selection {
  background: #E5BC6A !important;
}

::-moz-selection {
  background: #E5BC6A !important;
}

/* Desktop header dropdown stacking fix */
@media (min-width: 992px) {
  header.header-type-2 {
    position: sticky;
    top: 0;
    z-index: 9999 !important;
    overflow: visible !important;
  }

  header.header-type-2 .bottom-header,
  header.header-type-2 .bottom-header .container,
  header.header-type-2 .inner,
  header.header-type-2 .wrapper,
  header.header-type-2 .site-menu {
    overflow: visible !important;
  }

  header.header-type-2 .site-menu li {
    position: relative;
  }

  header.header-type-2 .site-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10050 !important;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  header.header-type-2 .site-menu li:hover > .sub-menu,
  header.header-type-2 .site-menu li:focus-within > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  header.header-type-2::before,
  header.header-type-2::after {
    pointer-events: none;
  }

  .page-header,
  .breadcrumb-area,
  .page-title,
  main,
  section {
    position: relative;
    z-index: 1;
  }
}

/* BÖLÜM 1: MOBİL HEADER DÜZENİ - Dil seçimi yapılınca yer değişmiyor */
@media (max-width: 991.98px) {
  /* Header .inner öğesini grid layout ile sabit sıraya al */
  header.header-type-2 .inner {
    display: grid !important;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 10px;
    flex-wrap: initial !important;
  }

  /* Logo solda, grid-column: 1 */
  header.header-type-2 .header-brand,
  header.header-type-2 .logo {
    grid-column: 1;
    justify-self: start;
    order: initial !important;
    margin: 0 !important;
    flex: initial !important;
  }

  header.header-type-2 .header-brand-main img {
    max-height: 60px;
    width: auto;
  }

  /* Wrapper (sağ taraf blok) - column 2-4'ü kapla */
  header.header-type-2 .wrapper {
    grid-column: 2 / -1;
    justify-self: end;
    align-self: center;
    gap: 8px;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-end !important;
    margin-left: 0;
  }

  /* Top header çizgisiz flow */
  header.header-type-2 .top-header {
    display: contents;
  }

  /* r-side içindeki öğeleri sırasız göster */
  header.header-type-2 .r-side {
    display: contents;
  }

  /* Hamburger menü her zaman grid-column: 4 (en sağda) */
  header.header-type-2 .ma5menu__toggle,
  header.header-type-2 .hamburger,
  button.ma5menu__toggle {
    grid-column: 4;
    justify-self: end;
    order: initial !important;
    width: 44px;
    height: 44px;
  }

  /* Dil seçici grid-column: 3 */
  header.header-type-2 .header-locale,
  header.header-type-2 .header-locale-select {
    grid-column: 3;
    justify-self: end;
    order: initial !important;
  }

  header.header-type-2 .header-locale-select {
    height: 42px;
    white-space: nowrap;
    min-height: 42px;
  }

  /* Telefonlar gizle mobilde (top-header'de zaten var) */
  header.header-type-2 .d-none.d-lg-flex {
    display: none !important;
  }

  /* Sticky durumda da sıralama aynı */
  header.header-type-2.is-scrolled .inner {
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
  }
}

/* WhatsApp floating butonunu konum değişiminden koru */
@media (max-width: 991.98px) {
  .whatsapp_bubble,
  .whatsapp-float,
  .floating-whatsapp,
  .whatsapp-button,
  a.whatsapp_bubble,
  a.whatsapp-float {
    position: fixed !important;
    right: 18px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;
    z-index: 9998 !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
  }
}

/* BÖLÜM 2: GOLD RENK STANDARDI - Tüm hover ve aktif renkler gold tonuyla */
:root {
  --sifla-gold-dark: #E5BC6A;
  --sifla-gold: #E5BC6A;
  --sifla-gold-light: #FEEFC0;
  --sifla-gold-bright: #FEEFC0;
  --sifla-gold-soft: #fff4cf;
  --sifla-gold-gradient: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%);
  --sifla-gold-gradient-hover: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%);
}

/* Public frontend buton hover renkleri - gold standardi */
.site-content .btn,
.site-content button,
.main-content .btn,
.frontend .btn,
.slider .btn,
.hero .btn,
.tour-card .btn,
.package-card .btn,
.card .btn,
.btn-primary,
button.btn-primary,
a.btn-primary,
input[type="submit"].btn,
button[type="submit"].btn {
  background: var(--sifla-gold-gradient) !important;
  border-color: var(--sifla-gold) !important;
  color: #111827 !important;
  font-weight: 700;
}

.site-content .btn:hover,
.site-content button:hover,
.main-content .btn:hover,
.slider .btn:hover,
.hero .btn:hover,
.tour-card .btn:hover,
.package-card .btn:hover,
.card .btn:hover,
.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
input[type="submit"].btn:hover,
button[type="submit"].btn:hover {
  background: var(--sifla-gold-gradient-hover) !important;
  border-color: var(--sifla-gold-dark) !important;
  color: #111827 !important;
}

/* Menü link hover - gold rengi */
.main-menu a:hover,
.nav-menu a:hover,
.header-menu a:hover,
.site-menu a:hover,
.site-menu > li > a:hover {
  color: var(--sifla-gold) !important;
}

/* Dropdown menü hover / aktif - gold arka plan */
.dropdown-menu a:hover,
.sub-menu a:hover,
.site-menu .sub-menu a:hover,
.site-menu .sub-menu li.active > a,
.main-menu .active > a,
.nav-menu .active > a {
  color: var(--sifla-gold-bright) !important;
  background: rgba(201, 154, 54, 0.10) !important;
}

/* Hac & Umre menü hover renkleri - gold */
.hac-umre-menu a:hover,
.sidebar-menu a:hover,
.footer-widget a:hover {
  color: var(--sifla-gold-light) !important;
}

.hac-umre-menu li::before,
.sidebar-menu li::before {
  color: var(--sifla-gold) !important;
}

/* Link hover renkleri - gold standardi */
.page-content a:hover,
.content-area a:hover,
.post-content a:hover {
  color: var(--sifla-gold) !important;
}

/* Final button gradient layer */
.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark),
button.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark),
a.btn:not(.btn-link):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark),
input[type="submit"].btn,
button[type="submit"].btn,
.premium-conversion-btn,
.search-btn.btn,
aside .mobile-menu-btn,
.ma5menu__btn--enter,
.ma5menu__btn--leave {
  background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
}

.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):hover,
.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):focus,
button.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):hover,
button.btn:not(.btn-link):not(.btn-close):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):focus,
a.btn:not(.btn-link):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):hover,
a.btn:not(.btn-link):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-success):not(.btn-outline-info):not(.btn-outline-warning):not(.btn-outline-light):not(.btn-outline-dark):focus,
input[type="submit"].btn:hover,
input[type="submit"].btn:focus,
button[type="submit"].btn:hover,
button[type="submit"].btn:focus,
.premium-conversion-btn:hover,
.premium-conversion-btn:focus,
.search-btn.btn:hover,
.search-btn.btn:focus,
aside .mobile-menu-btn:hover,
aside .mobile-menu-btn:focus,
.ma5menu__btn--enter:hover,
.ma5menu__btn--enter:focus,
.ma5menu__btn--leave:hover,
.ma5menu__btn--leave:focus {
  background: linear-gradient(180deg, #E5BC6A 0%, #FEEFC0 100%) !important;
  background-color: #E5BC6A !important;
  border-color: #E5BC6A !important;
  color: #111827 !important;
}