/* ==========================================================
   NIDI.tr Custom CSS – Joomla 6 / Cassiopeia_extended
   ========================================================== */

:root {
  --body-bg: transparent !important;
  /* Sidebar left edge = grid full-start (276.5px) + column-gap (16px) = ~293px */
  --nidi-sidebar-left: 293px;
}

/* ===== GLOBAL BACKGROUND ===== */
body {
  background-image: url('https://www.nidi.tr/images/headers/0.jpeg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
}

/* ===== GLOBAL TEXT COLOR: BLACK ===== */
body, p, h1, h2, h3, h4, h5, h6, span, div, li, a {
  color: #000000 !important;
}

/* ===== FULLY TRANSPARENT LAYOUT CONTAINERS ===== */
header, footer,
#sp-header, #sp-footer,
.container, .container-fluid,
#wrapper_r, .site-grid,
.j-main-container, main.j-main-container,
#sp-top-bar, .topbar,
nav, .navbar, nav.navbar,
.navbar-inner, .header,
.j-content-main,
article, .com-content-article,
.article-content, .article-info,
section, .row, .col,
[class*="col-"],
.card, .card-body,
.item-page, .blog,
.items-more, .items-leading,
.com-content-featured {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ===== LOGO SIZE ===== */
.navbar-brand img,
.site-logo img,
a.navbar-brand img {
  max-width: 45% !important;
  height: auto !important;
}

/* ==========================================================
   ALIGNMENT: Logo – Menu – GTranslate all at same left edge
   Sidebar rect.left = 293px (grid full-start 276.5px + gap 16px)
   ========================================================== */

/* Remove extra padding/margin from header grid-child */
.header.container-header .grid-child {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* LOGO: align left edge to sidebar start (293px) */
.header .navbar-brand {
  margin-left: var(--nidi-sidebar-left) !important;
  padding-left: 0 !important;
}
.header .brand-logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Remove extra left padding/margin from grid */
.site-grid.grid {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* SIDEBAR CONTAINER: no extra offset (grid already positions it at 293px) */
.grid-child.container-sidebar-left {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* MENU CARD: no extra margin (sidebar container already at 293px) */
.sidebar-left.card {
  margin-left: 0 !important;        /* ← FIX: was 120px → pushed menu to 413px */
  padding-left: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Menu card-body: no extra padding */
.sidebar-left .card-body {
  padding-left: 0 !important;
  background: transparent !important;
}

/* GTRANSLATE: target the fixed-position inner wrapper directly */
#gt_float_wrapper {
  left: var(--nidi-sidebar-left) !important;  /* ← FIX: aligns with menu */
}

/* ===== STICKY SIDEBAR ===== */
.grid-child.container-sidebar-left {
  position: sticky !important;
  top: 20px !important;
  align-self: flex-start !important;
  height: fit-content !important;
}

/* ===== SIDEBAR MENU ITEMS (glass-morphism style) ===== */
.sidebar-left .mod-menu,
.sidebar-left .mod-list,
.sidebar-left ul.nav {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.sidebar-left .nav-item {
  width: 100% !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
}

.sidebar-left .nav-item a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  color: #000000 !important;
  text-decoration: none !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.35), rgba(255,255,255,0.12)) !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  border: 1.5px solid rgba(123,30,40,0.55) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -2px 4px rgba(0,0,0,0.06),
    0 4px 10px rgba(123,30,40,0.15) !important;
  transition: background 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}

.sidebar-left .nav-item a:hover,
.sidebar-left .nav-item a:focus {
  background: linear-gradient(145deg, rgba(255,255,255,0.75), rgba(255,255,255,0.45)) !important;
  border-color: rgba(220,60,70,0.85) !important;
  color: #7B1E28 !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.8),
    inset 0 -2px 4px rgba(0,0,0,0.06),
    0 4px 10px rgba(123,30,40,0.2) !important;
  text-shadow: none !important;
}

/* ===== GTRANSLATE WIDGET STYLING ===== */
.gtranslate_wrapper .gt_float_switcher,
.gtranslate_wrapper .gt-current {
  background: linear-gradient(145deg, rgba(255,255,255,0.35), rgba(255,255,255,0.12)) !important;
  backdrop-filter: blur(8px) saturate(160%) !important;
  border: 1.5px solid rgba(123,30,40,0.55) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.6),
    inset 0 -2px 4px rgba(0,0,0,0.08),
    0 4px 12px rgba(123,30,40,0.18) !important;
  transition: background 0.25s, box-shadow 0.25s !important;
}

.gtranslate_wrapper .gt_float_switcher:hover,
.gtranslate_wrapper .gt-current:hover {
  background: linear-gradient(145deg, rgba(255,255,255,0.75), rgba(255,255,255,0.45)) !important;
  border-color: rgba(220,60,70,0.85) !important;
}

.gtranslate_wrapper .gt-options {
  background: linear-gradient(145deg, rgba(255,255,255,0.55), rgba(255,255,255,0.25)) !important;
  backdrop-filter: blur(10px) saturate(160%) !important;
  border: 1.5px solid rgba(123,30,40,0.55) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
  overflow: hidden !important;
  min-width: 160px !important;
}

.gtranslate_wrapper .gt-option {
  background: transparent !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  transition: background 0.25s, color 0.25s !important;
}

.gtranslate_wrapper .gt-option:hover {
  background: rgba(255,255,255,0.6) !important;
  color: #7B1E28 !important;
}

.gtranslate_wrapper * {
  color: #000000 !important;
}

.gtranslate_wrapper .gt_float_switcher:hover *,
.gtranslate_wrapper .gt-current:hover *,
.gtranslate_wrapper .gt-option:hover * {
  color: #7B1E28 !important;
}

/* ===== GLOBAL LINK HOVER: BORDEAUX RED ===== */
a:hover, a:focus,
a:hover span, a:focus span {
  color: #7B1E28 !important;
}