/* ==========================================================================
   MAM Creatives — Premium Header (mam-hdr)
   Marka renkleri: main.css :root (--tp-common-px-mamcreatives-orange, vb.)
   ========================================================================== */

.mam-hdr {
  position: relative;
  z-index: 100;
}

/* --- Shell: sabit cam arka plan (her zaman) -------------------------------- */

.mam-hdr__shell {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  padding: 14px 0;
  isolation: isolate;
  background-color: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
  border-bottom: 1px solid rgba(10, 10, 10, 0.05);
  transition: padding 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Tema .header-transparent cakismalarini kapat */
.mam-hdr__shell.header-transparent,
.mam-hdr__shell.relative {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.mam-hdr__shell.header-transparent::before,
.mam-hdr__shell.header-transparent::after {
  display: none !important;
  content: none !important;
}

.mam-hdr__shell.is-scrolled,
.mam-hdr__shell.sticky-bg {
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.72);
}

/* --- Bar layout ----------------------------------------------------------- */

.mam-hdr__bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
}

/* --- Logo ----------------------------------------------------------------- */

.mam-hdr__logo {
  flex: 0 0 auto;
  line-height: 0;
}

.mam-hdr__logo a {
  display: inline-flex;
  align-items: center;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
}

.mam-hdr__logo a:hover {
  transform: scale(1.03);
  opacity: 0.92;
}

.mam-hdr__logo img {
  width: auto;
  height: 38px;
  max-width: 140px;
  object-fit: contain;
  transition: height 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.mam-hdr__shell.is-scrolled .mam-hdr__logo img,
.mam-hdr__shell.sticky-bg .mam-hdr__logo img {
  height: 32px;
}

/* --- Desktop navigation --------------------------------------------------- */

.mam-hdr__nav {
  justify-self: center;
  min-width: 0;
}

.mam-hdr__nav > nav > ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mam-hdr__nav > nav > ul > li {
  display: inline-block;
  list-style: none;
  margin: 0 !important;
  position: relative;
}

.mam-hdr__nav > nav > ul > li:not(:last-child) {
  margin-right: 0 !important;
}

.mam-hdr__link {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 9px 14px !important;
  border-radius: 10px;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
  color: var(--tp-common-px-black) !important;
  line-height: 1.2 !important;
  position: relative;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}

.mam-hdr__link::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--tp-common-px-mamcreatives-orange), #FF8C42);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.mam-hdr__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: rgba(10, 10, 10, 0.45);
  transition: color 0.25s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.mam-hdr__icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

.mam-hdr__label {
  white-space: nowrap;
}

.mam-hdr__nav > nav > ul > li > .mam-hdr__link:hover,
.mam-hdr__nav > nav > ul > li:hover > .mam-hdr__link {
  color: var(--tp-common-px-black) !important;
  background-color: rgba(239, 124, 1, 0.08) !important;
}

.mam-hdr__nav > nav > ul > li > .mam-hdr__link:hover .mam-hdr__icon,
.mam-hdr__nav > nav > ul > li:hover > .mam-hdr__link .mam-hdr__icon {
  color: var(--tp-common-px-mamcreatives-orange);
  transform: translateY(-1px) scale(1.06);
}

.mam-hdr__nav > nav > ul > li.is-active > .mam-hdr__link {
  color: var(--tp-common-px-black) !important;
  background-color: rgba(239, 124, 1, 0.11) !important;
  font-weight: 600 !important;
}

.mam-hdr__nav > nav > ul > li.is-active > .mam-hdr__link::before {
  transform: scaleX(1);
}

.mam-hdr__nav > nav > ul > li.is-active > .mam-hdr__link .mam-hdr__icon {
  color: var(--tp-common-px-mamcreatives-orange);
}

/* Dropdown ok */
.mam-hdr__nav.tp-header-dropdown nav ul li.has-dropdown > a.mam-hdr__link::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: 0.45;
  transition: transform 0.25s ease, opacity 0.25s ease;
  position: static;
  font-size: 0;
  color: inherit !important;
}

.mam-hdr__nav.tp-header-dropdown nav ul li.has-dropdown:hover > a.mam-hdr__link::after {
  transform: rotate(225deg) translateY(1px);
  opacity: 0.75;
}

/* --- Dropdown / megamenu (desktop) -------------------------------------- */

@media (min-width: 1200px) {
  .mam-hdr__nav .tp-submenu {
    border-radius: 16px !important;
    border: 1px solid rgba(10, 10, 10, 0.07) !important;
    box-shadow: 0 20px 48px rgba(10, 10, 10, 0.12) !important;
    padding: 10px !important;
    margin-top: 6px !important;
    min-width: 260px;
    background: #fff !important;
  }

  .mam-hdr__nav .tp-submenu li a {
    display: block !important;
    padding: 11px 14px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3a3a3a !important;
    text-transform: none !important;
    transition: background 0.22s ease, color 0.22s ease, padding-left 0.22s ease !important;
  }

  .mam-hdr__nav .tp-submenu li a:hover {
    background: rgba(239, 124, 1, 0.09) !important;
    color: var(--tp-common-px-mamcreatives-orange) !important;
    padding-left: 18px !important;
  }

  /* Kurumsal / Kariyer / Iletisim — ikon + baslik */
  .mam-hdr__nav .tp-submenu li a.mam-hdr__sub-item {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 9px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    transition: background 0.2s ease, color 0.2s ease !important;
  }

  .mam-hdr__nav .tp-submenu li a.mam-hdr__sub-item::after {
    display: none !important;
    content: none !important;
  }

  .mam-hdr__nav .tp-submenu li a.mam-hdr__sub-item:hover {
    padding-left: 12px !important;
    background: rgba(255, 140, 66, 0.08) !important;
    color: var(--tp-common-px-mamcreatives-orange) !important;
  }

  .mam-hdr__sub-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: var(--tp-common-px-mamcreatives-orange);
    background: rgba(239, 124, 1, 0.08);
    transition: background 0.2s ease;
  }

  .mam-hdr__sub-icon svg {
    width: 16px;
    height: 16px;
  }

  .mam-hdr__sub-item:hover .mam-hdr__sub-icon {
    background: rgba(239, 124, 1, 0.16);
  }

  .mam-hdr__sub-title {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mam-hdr__nav .tp-submenu.px-megamenu-services {
    border-radius: 20px !important;
    padding: 24px 28px 28px !important;
  }

  .mam-hdr__svc-grid {
    margin: 0;
    align-items: flex-start;
  }

  .mam-hdr__svc-grid > [class*="col-"] {
    padding: 0 12px;
  }

  .mam-hdr__svc-cat + .mam-hdr__svc-cat {
    margin-top: 0;
  }

  .mam-hdr__svc-cat-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0 6px 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(10, 10, 10, 0.45);
    border-bottom: 1px solid rgba(10, 10, 10, 0.08);
  }

  .mam-hdr__svc-cat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: var(--tp-common-px-mamcreatives-orange);
    background: rgba(239, 124, 1, 0.1);
  }

  .mam-hdr__svc-cat-icon svg {
    width: 15px;
    height: 15px;
  }

  .mam-hdr__svc-cat > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Hizmet megamenu: DB'den gelen ikonlar (urun_resim) */
  .mam-hdr__svc-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(255, 140, 66, 0.12) 0%, rgba(239, 124, 1, 0.06) 100%);
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.28s ease;
  }

  .mam-hdr__svc-icon img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
  }

  .mam-hdr__svc-icon--fallback {
    color: var(--tp-common-px-mamcreatives-orange);
  }

  .mam-hdr__svc-icon--fallback svg {
    width: 18px;
    height: 18px;
  }

  .mam-hdr__svc-label {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.35;
  }

  .mam-hdr__nav .tp-submenu.px-megamenu-services ul li a:hover .mam-hdr__svc-icon {
    transform: scale(1.06);
    background: linear-gradient(135deg, rgba(255, 140, 66, 0.2) 0%, rgba(239, 124, 1, 0.1) 100%);
  }
}

/* --- Actions (CTA + dil + hamburger) ------------------------------------ */

.mam-hdr__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  margin-left: 0 !important;
}

.mam-hdr__actions::before {
  display: none !important;
}

/* CTA */
.mam-hdr__cta {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 22px;
  border: none;
  border-radius: 100px;
  font-family: var(--tp-ff-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  color: #fff !important;
  background: linear-gradient(135deg, #FF8C42 0%, var(--tp-common-px-mamcreatives-orange) 55%, #e86f00 100%);
  background-size: 200% 200%;
  background-position: 0% 50%;
  box-shadow:
    0 4px 16px rgba(239, 124, 1, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition:
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.32s ease,
    background-position 0.45s ease;
}

/* Ustunden gecen parlama — dikkat cekici ama abartisiz */
.mam-hdr__cta::after {
  content: "";
  position: absolute;
  top: -40%;
  left: 0;
  width: 42%;
  height: 180%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 38%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.06) 62%,
    transparent 100%
  );
  transform: translateX(-200%) skewX(-16deg);
  animation: mam-hdr-cta-shine 2.2s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

@keyframes mam-hdr-cta-shine {
  0%, 48% {
    transform: translateX(-200%) skewX(-16deg);
    opacity: 0;
  }
  54% {
    opacity: 1;
  }
  68% {
    transform: translateX(320%) skewX(-16deg);
    opacity: 0;
  }
  100% {
    transform: translateX(320%) skewX(-16deg);
    opacity: 0;
  }
}

.mam-hdr__cta > * {
  position: relative;
  z-index: 2;
}

.mam-hdr__cta svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.mam-hdr__cta:hover {
  transform: translateY(-2px);
  background-position: 100% 50%;
  box-shadow:
    0 10px 28px rgba(239, 124, 1, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: #fff !important;
}

.mam-hdr__cta:hover svg {
  transform: scale(1.1) rotate(-4deg);
}

.mam-hdr__cta:active {
  transform: translateY(0);
}

.mam-hdr__cta--icon {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
}

.mam-hdr__cta--icon span {
  display: none;
}

.mam-hdr__cta--full {
  width: 100%;
  padding: 16px 24px;
  font-size: 15px;
}

/* Hamburger */
.mam-hdr__burger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(10, 10, 10, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.mam-hdr__burger:hover {
  border-color: rgba(239, 124, 1, 0.35);
  background: #fff;
  box-shadow: 0 4px 14px rgba(239, 124, 1, 0.12);
}

.mam-hdr__burger-lines {
  position: relative;
  width: 20px;
  height: 14px;
}

.mam-hdr__burger-lines span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: var(--tp-common-px-black);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, top 0.32s ease;
}

.mam-hdr__burger-lines span:nth-child(1) { top: 0; }
.mam-hdr__burger-lines span:nth-child(2) { top: 6px; }
.mam-hdr__burger-lines span:nth-child(3) { top: 12px; width: 70%; }

.body-overlay.opened ~ .mam-hdr .mam-hdr__burger {
  border-color: rgba(239, 124, 1, 0.4);
  background: #fff;
}

.body-overlay.opened ~ .mam-hdr .mam-hdr__burger-lines span:nth-child(1) {
  top: 6px;
  transform: rotate(45deg);
}

.body-overlay.opened ~ .mam-hdr .mam-hdr__burger-lines span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

.body-overlay.opened ~ .mam-hdr .mam-hdr__burger-lines span:nth-child(3) {
  top: 6px;
  width: 100%;
  transform: rotate(-45deg);
}

/* Dil secici header icinde */
.mam-hdr__actions .mam-lang {
  z-index: 110;
}

.mam-hdr__actions .mam-lang__btn {
  height: 38px;
  background: rgba(255, 255, 255, 0.7);
}

/* --- Mobile drawer (offcanvas) -------------------------------------------- */

.mam-drawer.tp-offcanvas-wrapper {
  width: min(100vw, 420px);
  padding: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 40px rgba(10, 10, 10, 0.14);
}

@media (max-width: 767px) {
  .mam-drawer.tp-offcanvas-wrapper {
    width: 100%;
  }
}

.mam-drawer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(10, 10, 10, 0.07);
  flex: 0 0 auto;
}

.mam-drawer__top .tp-offcanvas-logo img {
  height: 32px;
  width: auto;
}

.mam-drawer__close.tp-offcanvas-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(10, 10, 10, 0.1);
  border-radius: 12px;
  background: transparent;
  color: var(--tp-common-px-black);
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.mam-drawer__close.tp-offcanvas-close-btn:hover {
  background: var(--tp-common-px-black);
  border-color: var(--tp-common-px-black);
  color: #fff;
}

.mam-drawer__close svg {
  width: 18px;
  height: 18px;
}

.mam-drawer__body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 20px 24px 32px;
  scrollbar-width: none;
}

.mam-drawer__body::-webkit-scrollbar {
  display: none;
}

.mam-drawer__cta-wrap {
  margin-bottom: 24px;
}

/* Mobil nav (klonlanan menu) */
.mam-drawer .tp-offcanvas-menu nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mam-drawer .tp-offcanvas-menu nav > ul > li {
  border-bottom: 1px solid rgba(10, 10, 10, 0.06);
}

.mam-drawer .tp-offcanvas-menu nav > ul > li > a.mam-hdr__link {
  display: flex !important;
  width: 100%;
  padding: 16px 4px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.mam-drawer .tp-offcanvas-menu nav > ul > li > a.mam-hdr__link::before {
  display: none;
}

.mam-drawer .tp-offcanvas-menu nav > ul > li > a.mam-hdr__link .mam-hdr__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: var(--tp-common-px-mamcreatives-orange);
}

.mam-drawer .tp-offcanvas-menu nav > ul > li > a.mam-hdr__link .mam-hdr__icon svg {
  width: 22px;
  height: 22px;
}

.mam-drawer .tp-offcanvas-menu nav > ul > li.active > a.mam-hdr__link,
.mam-drawer .tp-offcanvas-menu nav > ul > li.is-active > a.mam-hdr__link {
  color: var(--tp-common-px-mamcreatives-orange) !important;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu {
  padding: 0 0 12px 34px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: hidden;
  will-change: height, opacity;
}

.mam-drawer .tp-offcanvas-menu nav > ul > li > a.mam-hdr__link,
.mam-drawer .tp-offcanvas-menu .tp-submenu li a,
.mam-drawer .tp-offcanvas-menu .tp-menu-close {
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: color 0.22s ease, background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu li a.mam-hdr__sub-item {
  gap: 12px;
  padding: 8px 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__sub-title,
.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-label {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__sub-icon,
.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-icon,
.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-cat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 8px;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__sub-icon {
  color: var(--tp-common-px-mamcreatives-orange);
  background: rgba(239, 124, 1, 0.1);
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__sub-icon svg {
  width: 15px;
  height: 15px;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-icon {
  border-radius: 8px;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-cat-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 8px;
  padding: 0 4px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(10, 10, 10, 0.42);
  border-bottom: 1px solid rgba(10, 10, 10, 0.08);
}

.mam-drawer .tp-offcanvas-menu .tp-submenu .mam-hdr__svc-cat-icon svg {
  width: 14px;
  height: 14px;
}

.mam-drawer .tp-offcanvas-menu .tp-submenu li a:hover {
  color: var(--tp-common-px-mamcreatives-orange) !important;
}

.mam-drawer .tp-offcanvas-menu .tp-menu-close {
  position: absolute;
  right: 4px;
  top: 16px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(10, 10, 10, 0.1);
  border-radius: 8px;
  background: #fff;
  color: var(--tp-common-px-black);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: background 0.22s ease, color 0.22s ease;
}

.mam-drawer .tp-offcanvas-menu .tp-menu-close:hover {
  background: var(--tp-common-px-mamcreatives-orange);
  color: #fff;
  border-color: var(--tp-common-px-mamcreatives-orange);
}

.mam-drawer .tp-offcanvas-menu nav > ul > li.has-dropdown {
  position: relative;
}

.mam-drawer__footer {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(10, 10, 10, 0.07);
}

.mam-drawer__footer-title {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(10, 10, 10, 0.4);
}

.mam-drawer__contact {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}

.mam-drawer__contact li:not(:last-child) {
  margin-bottom: 8px;
}

.mam-drawer__contact a {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-px-black);
  text-decoration: none;
  transition: color 0.22s ease;
}

.mam-drawer__contact a:hover {
  color: var(--tp-common-px-mamcreatives-orange);
}

.mam-drawer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mam-drawer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(10, 10, 10, 0.1);
  color: var(--tp-common-px-black);
  font-size: 16px;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.mam-drawer__social a:hover {
  background: var(--tp-common-px-mamcreatives-orange);
  border-color: var(--tp-common-px-mamcreatives-orange);
  color: #fff;
  transform: translateY(-2px);
}

/* Overlay */
.body-overlay {
  transition: opacity 0.32s ease, visibility 0.32s ease;
}

/* --- Responsive ----------------------------------------------------------- */

@media (max-width: 1199.98px) {
  .mam-hdr__nav {
    display: none !important;
  }

  .mam-hdr__burger {
    display: inline-flex;
  }

  .mam-hdr__cta--desktop {
    display: none;
  }

  .mam-hdr__shell {
    padding: 12px 0;
  }

  .mam-hdr__shell.is-scrolled,
  .mam-hdr__shell.sticky-bg {
    padding: 10px 0;
  }
}

@media (min-width: 1200px) {
  .mam-hdr__cta--mobile {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .mam-hdr__link {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }

  .mam-hdr__cta {
    padding: 11px 18px;
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .mam-hdr__bar {
    gap: 10px;
  }

  .mam-hdr__actions {
    gap: 8px;
  }

  .mam-hdr__logo img {
    height: 32px;
  }
}

/* Scroll sirasinda acik dropdown kapatma (mevcut davranis) */
body.mam-scrolling .mam-hdr__nav nav > ul > li:hover > .tp-submenu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .mam-hdr__cta::after {
    animation: none;
    display: none;
  }
}

/* ---------------------------------------------------------------------------
   Dropdown'in "alt tarafta her yerde yeniden acilmasi" hatasi
   ---------------------------------------------------------------------------
   Panel CSS :hover ile aciliyor ve kapali durumu (opacity:0 + visibility:hidden)
   partial/style.php'deki satir ici bloktan, "transition: .35s ease" ile geliyor.
   transition kisayolu VISIBILITY'yi de kapsadigi icin, imlec basliktan
   ayrildiktan sonra panel ~350ms boyunca hala "visible" ve dolayisiyla
   HOVER ALINABILIR kaliyor.

   Panel genis oldugundan (megamenude 1240x637, ekranin ortasina yayilir)
   bu sure icinde imlec basligin ALTINDAKI hemen her noktaya goturuldugunde
   aslinda hala panelin uzerine geliniyor; panel li'nin DOM cocugu oldugu
   icin li:hover yeniden true oluyor ve menu kendiliginden geri aciliyor.
   Kullanici bunu "basliga gelmeden, altta neresi olursa olsun aciliyor"
   olarak goruyor.

   Cozum: kapali (ve kapanmakta olan) panel fare olaylarini hic yakalamasin.
   pointer-events animasyonlu bir ozellik degil, bu yuzden imlec basliktan
   ciktigi ANDA "none" olur - kapanma gecisi surerken panel artik hover
   tetikleyemez. Panel yalnizca li gercekten hover/odakli iken etkilesime
   acilir; boylece baslikTAN panele dogru inerken (ve panel icinde
   gezinirken) menu acik kalmaya devam eder - o sirada li:hover zaten
   true oldugu icin pointer-events "auto"dur ve panelin ustundeki
   ::after koprusu de calismaya devam eder.
   --------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .mam-hdr__nav nav > ul > li > .tp-submenu {
    pointer-events: none;
  }

  .mam-hdr__nav nav > ul > li:hover > .tp-submenu,
  .mam-hdr__nav nav > ul > li:focus-within > .tp-submenu {
    pointer-events: auto;
  }
}

/* ---------------------------------------------------------------------------
   Hover koprusu — kucuk dropdown'lar (Kurumsal / Kariyer / Iletisim)
   ---------------------------------------------------------------------------
   Megamenunun koprusu css/mega-menu.css'te; bu uc menunun paneli ise
   "margin-top: 6px" ile aciliyor, yani baslik ile panel arasinda 6px'lik
   olu bir bosluk var. Kapali panel artik pointer-events:none oldugundan
   (yukaridaki blok) bu bosluk gecilemez hale gelmisti: imlec basliktan
   panele inerken menu kapaniyordu.

   Kopru panelin kendi ::before'una kuruluyor: bu pseudo bos ve
   .mam-hdr__nav .tp-submenu'de "overflow: hidden" olmadigi icin
   kirpilmiyor. Panelin parcasi oldugundan pointer-events'i ondan
   devralir - panel kapaliyken kopru de olu kalir, dolayisiyla
   "altta her yerde geri acilma" hatasi geri gelmez.

   :not() ile megamenu disarida birakiliyor - onun kendi (daha uzun,
   24px'lik) koprusu var. */
@media (min-width: 1200px) {
  .mam-hdr__nav nav > ul > li.has-dropdown > .tp-submenu:not(.mam-mega-dropdown)::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
  }
}