:root {
  --hw-menu-purple: #3a1c59;
  --hw-menu-purple-deep: #2f164a;
  --hw-menu-green: #58c0a3;
  --hw-menu-green-dark: #0e725d;
  --hw-menu-white: #fffdf8;
  --hw-menu-speed: 380ms;
}

/*
 * Shared site header
 * The header sits on the first page surface instead of creating a separate
 * dark banner. Home is dark; the remaining current Humanway pages are light.
 */
body {
  --hw-header-ink: var(--hw-menu-purple);
}

body.home {
  --hw-header-ink: var(--hw-menu-white);
}

.site-header .ast-primary-header-bar {
  background: transparent !important;
  box-shadow: none !important;
}

.site-header .site-primary-header-wrap.ast-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: clamp(54px, 4.1vw, 70px) !important;
}

/* Astra applies a different branding offset on one page template. Keep the
   wordmark aligned to the same shared header grid everywhere. */
.site-header .ast-builder-layout-element .site-branding.ast-site-identity {
  margin-left: -40px !important;
}

@media (max-width: 921px) {
  /* Astra switches to a separate mobile header grid. Its native 20px inset is
     the safe alignment there; carrying the desktop offset over would clip the
     wordmark beyond the viewport. */
  .site-header .ast-builder-layout-element .site-branding.ast-site-identity {
    margin-left: 0 !important;
  }
}

/* Bize Ulaşın page ends with its own contact content, so it does not need a
   second licence rail. Keep the rail present on every other page. */
body.page-id-96 #colophon .site-below-footer-wrap {
  display: none !important;
}

/* Contact dialog: a readable, service-led first-contact experience that
   reuses the site's actual Contact Form 7 form and its seven service choices. */
:root {
  --hw-contact-deep: rgb(58, 28, 89);
  --hw-contact-ink: rgb(37, 22, 52);
  --hw-contact-muted: rgb(89, 75, 102);
  --hw-contact-surface: rgb(255, 253, 248);
  --hw-contact-tint: rgb(243, 238, 247);
  --hw-contact-green: rgb(12, 112, 89);
}

/* Honeypot spam guard: a decoy field real visitors never see. Off-screen, not
   display:none — basic bots that scan raw HTML fill every field regardless of
   CSS, but keeping it a real (if invisible) box avoids some of the crude
   "display:none means skip it" heuristics a few bots do use. Paired with the
   server-side check in humanway-fullscreen-menu.php (wpcf7_spam filter). */
.hw-hp-wrap {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Bize Ulaşın's own database content stays untouched but hidden; this section
   is what visitors actually see, as a normal, permanent part of the page —
   not a popup. Removing the popup also removes the whole reason a capped,
   scrollable inner box (and its scrollbar) was ever needed: the page itself
   scrolls now, the way every other page on the site does. */
body.hw-contact-redesigned #bize-ulasin {
  display: none !important;
}

.hw-contact-section {
  box-sizing: border-box;
  padding: clamp(120px, 12vw, 168px) clamp(20px, 5vw, 48px) clamp(60px, 7vw, 96px);
  background: linear-gradient(180deg, var(--hw-contact-tint), #fff 45%);
}

.hw-contact-section__dialog {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(285px, 0.8fr);
  align-items: stretch;
  gap: clamp(14px, 1.7vw, 26px);
  width: min(1230px, 100%);
  min-width: 0;
  margin: 0 auto;
}

.hw-contact-section__form-area {
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(27px, 4.2vw, 60px);
  border-radius: 30px;
  color: var(--hw-contact-ink);
  background: var(--hw-contact-surface);
  box-shadow: 0 28px 80px rgba(24, 8, 39, 0.16);
}

.hw-contact-section__eyebrow,
.hw-contact-section__aside-eyebrow,
.hw-contact-section__direct > span {
  font: 700 0.74rem/1.2 Arial, sans-serif;
  letter-spacing: 0.12em;
}

.hw-contact-section__eyebrow {
  color: var(--hw-contact-green);
}

.hw-contact-section__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 20px;
}

.hw-contact-section h1,
.hw-contact-section h2,
.hw-contact-section p {
  margin-block: 0;
}

.hw-contact-section__form-area h1 {
  max-width: 700px;
  margin-top: 28px;
  color: var(--hw-contact-deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.25rem, 4vw, 4.55rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.96;
}

.hw-contact-section__rule,
.hw-contact-section__aside-rule {
  height: 1px;
  border: 0;
  background: rgba(58, 28, 89, 0.2);
}

.hw-contact-section__rule {
  margin-block: 24px;
}

.hw-contact-section__form .wpcf7 form,
.hw-contact-section__form .wpcf7-form {
  margin: 0;
}

/* Contact Form 7's own wrapper div ships with overflow-y:auto and a slightly
   oversized invisible status region — harmless in a height-capped popup, but
   it paints a visible native scrollbar for ~30px of essentially empty space
   now that the page just scrolls normally. There is nothing here that
   actually needs its own scroll area, so just let it sit in normal flow. */
.hw-contact-section__form .wpcf7 {
  overflow: visible !important;
}

.hw-contact-section__form .cf7-row,
.hw-contact-section__form .cf7-row > p,
.hw-contact-section__form .cf7-half > p {
  margin: 0;
}

.hw-contact-section__form .cf7-row {
  margin-top: 18px;
}

.hw-contact-section__form .cf7-row:first-child {
  margin-top: 0;
}

.hw-contact-section__form .cf7-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.hw-contact-section__form .wpcf7-form-control-wrap {
  display: grid;
  gap: 7px;
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="your-name"]::before {
  content: "Ad soyad *";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="your-tel"]::before {
  content: "Telefon *";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="your-email"]::before {
  content: "E-posta *";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="firma"]::before {
  content: "Şirket";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="unvan"]::before {
  content: "Unvan";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name="your-message"]::before {
  content: "Mesajınız";
}

.hw-contact-section__form .wpcf7-form-control-wrap[data-name]::before,
.hw-contact-section__form .cf7-row label {
  color: var(--hw-contact-ink);
  font: 700 0.9rem/1.25 Arial, sans-serif;
}

.hw-contact-section__form .wpcf7-form-control:not(.wpcf7-radio):not(.wpcf7-submit),
.hw-contact-section__form textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 51px;
  margin: 0;
  padding: 12px 14px;
  border: 1.5px solid rgba(58, 28, 89, 0.3);
  border-radius: 10px;
  outline: 0;
  color: var(--hw-contact-ink);
  background: #fff;
  box-shadow: none;
  font: 400 1rem/1.45 Arial, sans-serif;
}

.hw-contact-section__form textarea {
  min-height: 112px;
  resize: vertical;
}

.hw-contact-section__form .wpcf7-form-control:not(.wpcf7-radio):focus,
.hw-contact-section__form textarea:focus {
  border-color: var(--hw-contact-green);
  box-shadow: 0 0 0 3px rgba(12, 112, 89, 0.12);
}

.hw-contact-section__form ::placeholder {
  color: rgb(110, 99, 120);
  opacity: 1;
}

.hw-contact-section__form .wpcf7-radio {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 11px;
}

.hw-contact-section__form .wpcf7-list-item {
  display: block;
  margin: 0 !important;
}

.hw-contact-section__form .wpcf7-list-item:last-child {
  grid-column: span 2;
}

.hw-contact-section__form .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 9px 12px;
  border: 1.5px solid rgba(58, 28, 89, 0.24);
  border-radius: 10px;
  color: var(--hw-contact-ink);
  background: rgb(250, 248, 252);
  font: 600 0.89rem/1.25 Arial, sans-serif;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.hw-contact-section__form .wpcf7-list-item label:hover {
  border-color: var(--hw-contact-green);
  background: rgb(237, 247, 243);
}

.hw-contact-section__form .wpcf7-list-item label:has(input:checked) {
  border-color: var(--hw-contact-green);
  color: var(--hw-contact-green);
  background: rgb(226, 243, 237);
}

.hw-contact-section__form .wpcf7-list-item input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: var(--hw-contact-green);
  flex: 0 0 auto;
}

.hw-contact-section__form .wpcf7-list-item input:checked + .wpcf7-list-item-label {
  color: var(--hw-contact-green);
}

.hw-contact-section__form .wpcf7-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 51px;
  margin-top: 22px;
  padding: 0 23px;
  border: 1px solid var(--hw-contact-deep) !important;
  border-radius: 999px;
  color: #fff !important;
  background: var(--hw-contact-deep) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  appearance: none;
  font: 700 0.94rem/1 Arial, sans-serif;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.hw-contact-section__form .wpcf7-submit:hover {
  background: var(--hw-contact-green) !important;
  border-color: var(--hw-contact-green) !important;
  transform: translateY(-1px);
}

.hw-contact-section__form .wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 11px 13px !important;
  border-radius: 8px;
  color: var(--hw-contact-ink);
  font: 0.9rem/1.45 Arial, sans-serif;
}

.hw-contact-section__privacy {
  margin-top: 17px !important;
  color: var(--hw-contact-muted);
  font: 400 0.8rem/1.45 Arial, sans-serif;
}

.hw-contact-section__aside {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(28px, 3.5vw, 52px);
  border-radius: 30px;
  color: rgb(255, 253, 248);
  background: var(--hw-contact-deep);
  box-shadow: 0 28px 80px rgba(24, 8, 39, 0.32);
}

.hw-contact-section__brand-mark {
  display: grid;
  place-items: center;
  width: 49px;
  height: 49px;
  margin-bottom: 36px;
  border-radius: 13px;
  color: var(--hw-contact-deep);
  background: rgb(255, 253, 248);
  font: 500 1.85rem/1 Georgia, "Times New Roman", serif;
}

.hw-contact-section__aside-eyebrow {
  color: rgb(194, 228, 217);
}

.hw-contact-section__aside h2 {
  margin-top: 15px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 2.2vw, 2.65rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.hw-contact-section__aside > p {
  margin-top: 17px !important;
  color: rgb(230, 221, 237);
  font: 400 1rem/1.55 Arial, sans-serif;
}

.hw-contact-section__aside-rule {
  margin-block: 30px;
  background: rgba(255, 255, 255, 0.24);
}

.hw-contact-section__direct {
  display: grid;
  gap: 10px;
}

.hw-contact-section__direct > span {
  color: rgb(194, 228, 217);
}

.hw-contact-section__direct a {
  width: fit-content;
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.35);
  text-underline-offset: 4px;
  font: 600 1rem/1.3 Arial, sans-serif;
}

.hw-contact-section__direct a:hover {
  color: rgb(194, 228, 217);
}

.hw-contact-section__steps {
  display: grid;
  gap: 13px;
  margin: auto 0 0;
  padding: 29px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  list-style: none;
}

.hw-contact-section__steps li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
  color: rgb(239, 233, 243);
  font: 400 0.89rem/1.35 Arial, sans-serif;
}

.hw-contact-section__steps span {
  color: rgb(194, 228, 217);
  font: 700 0.75rem/1.55 Arial, sans-serif;
}

.hw-contact-section :focus-visible {
  outline: 3px solid var(--hw-contact-green);
  outline-offset: 3px;
}

@media (max-width: 860px) {
  .hw-contact-section {
    padding: clamp(100px, 16vw, 130px) 12px 60px;
  }

  .hw-contact-section__dialog {
    grid-template-columns: 1fr;
    gap: 12px;
    width: min(100%, 680px);
    min-width: 0;
  }

  .hw-contact-section__form-area,
  .hw-contact-section__aside {
    width: 100%;
    max-width: 100%;
    border-radius: 23px;
  }

  .hw-contact-section__aside {
    padding: 28px 22px;
  }

  .hw-contact-section__form-area h1 {
    margin-top: 23px;
    font-size: clamp(2.25rem, 12vw, 3.6rem);
  }

  .hw-contact-section__brand-mark {
    margin-bottom: 23px;
  }

  .hw-contact-section__steps {
    margin-top: 29px;
  }
}

@media (max-width: 540px) {
  .hw-contact-section {
    padding: clamp(90px, 20vw, 110px) 10px 46px;
  }

  .hw-contact-section__dialog {
    gap: 10px;
  }

  .hw-contact-section__topline {
    align-items: flex-start;
  }

  .hw-contact-section__form-area,
  .hw-contact-section__aside {
    padding: 24px 18px;
    border-radius: 20px;
  }

  .hw-contact-section__form-area h1 {
    margin-top: 18px;
    font-size: clamp(2rem, 10.5vw, 2.7rem);
    line-height: 1;
  }

  .hw-contact-section__form .cf7-inline,
  .hw-contact-section__form .wpcf7-radio {
    grid-template-columns: 1fr;
  }

  .hw-contact-section__form .wpcf7-list-item:last-child {
    grid-column: auto;
  }

  .hw-contact-section__form .wpcf7-submit {
    width: 100%;
  }
}

.site-header .site-title a {
  color: var(--hw-header-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.8rem, 2.1vw, 2.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em;
  line-height: 1;
  text-decoration: none;
}

.site-header .site-title a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 7px;
}

body.hw-menu-is-open {
  overflow: hidden;
}

header .site-navigation,
header .ast-mobile-menu-trigger-minimal,
header .ast-button-wrap .menu-toggle {
  display: none !important;
}

.hw-menu-toggle {
  position: fixed;
  z-index: 100002;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 29px);
  right: clamp(28px, 2.5vw, 48px);
  display: grid;
  justify-items: center;
  gap: 7px;
  width: 72px;
  min-height: 76px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--hw-header-ink);
  background: transparent;
  font: 700 13px/1.1 Arial, sans-serif;
  letter-spacing: .05em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.hw-menu-toggle:hover,
.hw-menu-toggle:focus,
.hw-menu-toggle:active {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hw-menu-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--hw-menu-green-dark);
  transform: translateX(-50%);
  transition: background-color var(--hw-menu-speed) ease, transform 180ms ease;
}

.hw-menu-toggle:hover::before {
  transform: translateX(-50%) scale(1.07);
  background: var(--hw-menu-green);
}

.hw-menu-toggle:focus-visible {
  outline: 3px solid var(--hw-header-ink);
  outline-offset: 5px;
}

.hw-menu-toggle__icon {
  display: grid;
  align-content: center;
  gap: 5px;
  width: 25px;
  height: 50px;
}

.hw-menu-toggle__icon span {
  display: block;
  width: 25px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform-origin: center;
  transition: transform var(--hw-menu-speed) cubic-bezier(.22, 1, .36, 1), opacity 180ms ease;
}

.hw-menu-toggle__label {
  margin-top: -2px;
}

.hw-menu-toggle[aria-expanded="true"] {
  color: var(--hw-menu-purple);
}

.hw-menu-toggle[aria-expanded="true"] .hw-menu-toggle__label {
  color: var(--hw-menu-white);
}

.hw-menu-toggle[aria-expanded="true"]::before {
  background: var(--hw-menu-green);
}

.hw-menu-toggle[aria-expanded="true"] .hw-menu-toggle__icon span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.hw-menu-toggle[aria-expanded="true"] .hw-menu-toggle__icon span:nth-child(2) {
  opacity: 0;
}

.hw-menu-toggle[aria-expanded="true"] .hw-menu-toggle__icon span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.hw-menu-panel {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: 136px clamp(24px, 7vw, 120px) 72px;
  color: var(--hw-menu-white);
  background:
    radial-gradient(circle at 12% 18%, rgb(88 192 163 / 12%), transparent 30%),
    linear-gradient(135deg, var(--hw-menu-purple-deep), var(--hw-menu-purple) 60%, #482069);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--hw-menu-speed) ease, visibility 0s linear var(--hw-menu-speed);
}

.hw-menu-panel::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
  background-size: 12.5vw 100%;
  mask-image: linear-gradient(to bottom, transparent, #000 35%, #000 70%, transparent);
}

.hw-menu-panel[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.hw-menu-panel__brand {
  position: fixed;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 48px);
  left: clamp(32px, 4.6vw, 84px);
  z-index: 2;
}

.hw-menu-panel__brand a {
  color: var(--hw-menu-white);
  text-decoration: none;
}

.hw-menu-panel__brand span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 2.25vw, 42px);
  font-weight: 700;
  letter-spacing: -.025em;
}

.hw-menu-panel__brand .custom-logo-link {
  display: inline-flex;
}

.hw-menu-panel__brand img {
  width: auto;
  max-width: min(260px, 42vw);
  max-height: 82px;
  filter: brightness(0) invert(1);
}

.hw-menu-panel__nav {
  position: relative;
  z-index: 1;
  width: min(820px, 100%);
}

.hw-menu-list {
  display: grid;
  gap: clamp(16px, 2.3vh, 26px);
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.hw-menu-list li {
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 260ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.hw-menu-panel[aria-hidden="false"] .hw-menu-list li {
  opacity: 1;
  transform: translateY(0);
}

.hw-menu-panel[aria-hidden="false"] .hw-menu-list li:nth-child(1) { transition-delay: 70ms; }
.hw-menu-panel[aria-hidden="false"] .hw-menu-list li:nth-child(2) { transition-delay: 105ms; }
.hw-menu-panel[aria-hidden="false"] .hw-menu-list li:nth-child(3) { transition-delay: 140ms; }
.hw-menu-panel[aria-hidden="false"] .hw-menu-list li:nth-child(4) { transition-delay: 175ms; }
.hw-menu-panel[aria-hidden="false"] .hw-menu-list li:nth-child(5) { transition-delay: 210ms; }

.hw-menu-list a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  color: var(--hw-menu-green);
  font-family: Arial, sans-serif;
  font-size: clamp(25px, 2.25vw, 39px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}

.hw-menu-list a:hover,
.hw-menu-list a:focus-visible,
.hw-menu-list .current-menu-item > a,
.hw-menu-list .current_page_item > a {
  color: var(--hw-menu-white);
}

.hw-menu-list a:hover {
  transform: translateY(-2px);
}

.hw-menu-list a:focus-visible {
  outline: 2px solid var(--hw-menu-white);
  outline-offset: 8px;
}

.hw-menu-list .current-menu-item > a::before,
.hw-menu-list .current-menu-item > a::after,
.hw-menu-list .current_page_item > a::before,
.hw-menu-list .current_page_item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(70px, 12vw, 185px);
  height: 1px;
  background: var(--hw-menu-white);
}

.hw-menu-list .current-menu-item > a::before,
.hw-menu-list .current_page_item > a::before {
  right: calc(100% + clamp(24px, 4vw, 64px));
}

.hw-menu-list .current-menu-item > a::after,
.hw-menu-list .current_page_item > a::after {
  left: calc(100% + clamp(24px, 4vw, 64px));
}

@media (max-width: 782px) {
  .hw-menu-toggle {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 18px);
    right: 18px;
    width: 62px;
    min-height: 66px;
    font-size: 11px;
  }

  .hw-menu-toggle::before {
    width: 44px;
    height: 44px;
  }

  .hw-menu-toggle__icon {
    width: 22px;
    height: 44px;
  }

  .hw-menu-toggle__icon span {
    width: 22px;
  }

  .hw-menu-panel {
    padding: 128px 22px 46px;
  }

  .hw-menu-panel__brand {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 30px);
    left: 24px;
  }

  .hw-menu-panel__brand span {
    font-size: 29px;
  }

  .hw-menu-list {
    gap: 18px;
  }

  .hw-menu-list a {
    min-height: 40px;
    font-size: clamp(22px, 6.4vw, 28px);
    letter-spacing: -.025em;
  }

  .hw-menu-list .current-menu-item > a::before,
  .hw-menu-list .current-menu-item > a::after,
  .hw-menu-list .current_page_item > a::before,
  .hw-menu-list .current_page_item > a::after {
    width: clamp(22px, 8vw, 42px);
  }

  .hw-menu-list .current-menu-item > a::before,
  .hw-menu-list .current_page_item > a::before {
    right: calc(100% + 13px);
  }

  .hw-menu-list .current-menu-item > a::after,
  .hw-menu-list .current_page_item > a::after {
    left: calc(100% + 13px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hw-menu-panel,
  .hw-menu-list li,
  .hw-menu-toggle::before,
  .hw-menu-toggle__icon span,
  .hw-menu-list a {
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
  }
}

/* Hakkımızda: Elementor's boxed page canvas left the section colours inside a
   detached rectangle. Extend the page surface edge-to-edge while retaining the
   existing, deliberately narrow reading grid for its content. */
@media (min-width: 922px) {
  body.page-id-3310 .elementor-element-9b9891c {
    padding-inline: 0 !important;
  }

  body.page-id-3310 .elementor-element-9b9891c > .e-con-inner {
    max-width: none !important;
    padding-block: 0 !important;
  }

  body.page-id-3310 .hw-about-shell {
    width: calc(100% - 50px);
    max-width: 1220px;
    margin-inline: auto;
  }

  /* Keep the hero ornament intentionally cropped at the top, but not clipped
     sideways by the page edge. */
  body.page-id-3310 .hw-about-hero::before {
    right: 0;
  }

  /* İK Danışmanlığı: retain the shared content grid but remove the boxed
     Elementor canvas from its full-bleed section surfaces. */
  body.page-id-3333 .elementor-element-6f20257 {
    padding-inline: 0 !important;
  }

  body.page-id-3333 .elementor-element-6f20257 > .e-con-inner {
    max-width: none !important;
    padding-block: 0 !important;
  }

  body.page-id-3333 .hw-c-shell {
    width: calc(100% - 50px);
    max-width: 1220px;
    margin-inline: auto;
  }

  /* Keep the ornament inside the viewport horizontally. */
  body.page-id-3333 .hw-c-hero::before {
    right: 0;
  }

  /* Preserve the compact trust and CTA panels; only give their surrounding
     sections the same soft lilac page surface so the whitespace feels
     intentional rather than empty. */
  body.page-id-3333 .hw-c-workline + .hw-c-section,
  body.page-id-3333 .hw-c-cta {
    background-color: rgb(243, 238, 247);
  }
}

/* Site-wide footer trial: remove the heavy navigation banner while keeping
   the mandatory İŞKUR licence visible as a calm, compact closing rail. The
   licence remains in the existing WordPress footer markup; this is styling
   only, so no legal copy or media is removed. */
#colophon .site-primary-footer-wrap {
  display: none !important;
}

#colophon .site-below-footer-wrap {
  background-color: rgb(243, 238, 247) !important;
  border-top: 1px solid rgba(58, 28, 89, 0.14);
  min-height: 0 !important;
  padding: 0 !important;
}

#colophon .site-below-footer-wrap .ast-builder-grid-row-container-inner {
  max-width: 1220px;
  margin-inline: auto;
  padding-inline: 25px;
}

#colophon .site-below-footer-wrap .ast-builder-footer-grid-columns {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#colophon .site-below-footer-wrap .site-footer-below-section-1,
#colophon .site-below-footer-wrap .footer-widget-area {
  width: 100% !important;
  margin: 0 !important;
}

#colophon .site-below-footer-wrap .widget_block > div {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding-block: 20px !important;
}

#colophon .site-below-footer-wrap img[alt="İŞKUR"] {
  width: 64px;
  max-width: 64px !important;
}

#colophon .site-below-footer-wrap p {
  margin: 0 !important;
  overflow: visible !important;
  color: rgb(58, 28, 89) !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

@media (max-width: 921px) {
  #colophon .site-below-footer-wrap .ast-builder-grid-row-container-inner {
    padding-inline: 20px;
  }

  #colophon .site-below-footer-wrap .widget_block > div {
    align-items: flex-start !important;
    gap: 13px !important;
    padding-block: 16px !important;
  }

  #colophon .site-below-footer-wrap img[alt="İŞKUR"] {
    width: 56px;
    max-width: 56px !important;
  }

  #colophon .site-below-footer-wrap p {
    font-size: 0.82rem !important;
  }
}

/* Contact overlay: keep the newly approved two-panel form, but present it as
   a deliberate menu-launched surface rather than a permanent page section. */
body.hw-contact-is-open {
  overflow: hidden;
}

.hw-contact-section {
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  overflow: hidden;
  padding: clamp(72px, 7vw, 96px) clamp(20px, 4vw, 58px) clamp(20px, 4vw, 52px);
  color: var(--hw-contact-ink);
  background: rgb(31 13 48 / 78%);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 230ms ease, visibility 0s linear 230ms;
}

.hw-contact-section.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.hw-contact-section__close {
  position: fixed;
  z-index: 2;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 20px);
  right: clamp(20px, 3vw, 50px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--hw-contact-green);
  box-shadow: 0 12px 26px rgb(18 7 30 / 24%);
  font: 700 0.78rem/1 Arial, sans-serif;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: background-color 160ms ease, transform 160ms ease;
}

.hw-contact-section__close span {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 0;
}

.hw-contact-section__close:hover {
  background: var(--hw-contact-deep);
  transform: translateY(-1px);
}

.hw-contact-section__dialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(285px, 0.8fr);
  align-items: stretch;
  gap: clamp(14px, 1.7vw, 26px);
  width: min(1230px, 100%);
  min-width: 0;
  margin: 0;
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  transition: opacity 240ms ease, transform 480ms cubic-bezier(.22, 1, .36, 1);
}

.hw-contact-section.is-open .hw-contact-section__dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.hw-contact-section__form-area {
  box-sizing: border-box;
  min-width: 0;
  height: min(760px, calc(100dvh - 112px));
  max-height: min(760px, calc(100dvh - 112px));
  padding: 0;
  overflow: hidden;
  border-radius: 30px;
  color: var(--hw-contact-ink);
  background: var(--hw-contact-surface);
  box-shadow: 0 28px 80px rgba(24, 8, 39, 0.16);
}

.hw-contact-section__form-scroll {
  box-sizing: border-box;
  width: calc(100% + 20px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: clamp(27px, 4.2vw, 60px) 0 clamp(27px, 4.2vw, 60px) clamp(27px, 4.2vw, 60px);
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hw-contact-section__form-scroll::-webkit-scrollbar,
.hw-contact-section__form-scroll::-webkit-scrollbar-track,
.hw-contact-section__form-scroll::-webkit-scrollbar-thumb {
  display: none !important;
  width: 0;
  height: 0;
}

.hw-contact-section__form-scroll-content {
  width: calc(100% - 80px);
}

.hw-contact-section__form-area h2 {
  max-width: 700px;
  margin: 28px 0 0;
  color: var(--hw-contact-deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.25rem, 4vw, 4.55rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.96;
}

.hw-contact-section__aside {
  min-height: 0;
  padding: clamp(28px, 3.5vw, 52px);
  border-radius: 30px;
  box-shadow: 0 28px 80px rgba(24, 8, 39, 0.32);
}

.hw-contact-section.is-open .hw-contact-section__form-area {
  animation: hw-contact-panel-in 510ms cubic-bezier(.22, 1, .36, 1) 35ms both;
}

.hw-contact-section.is-open .hw-contact-section__aside {
  animation: hw-contact-panel-in 510ms cubic-bezier(.22, 1, .36, 1) 115ms both;
}

@keyframes hw-contact-panel-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 860px) {
  .hw-contact-section {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 76px 12px 12px;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .hw-contact-section::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .hw-contact-section__close {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px);
    right: 12px;
    min-height: 42px;
    padding-inline: 14px;
  }

  .hw-contact-section__dialog {
    grid-template-columns: 1fr;
    gap: 12px;
    width: min(100%, 680px);
    margin: 0 auto;
  }

  .hw-contact-section__form-area,
  .hw-contact-section__aside {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    border-radius: 23px;
  }

  .hw-contact-section__form-scroll {
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 28px 22px;
  }

  .hw-contact-section__form-scroll-content {
    width: 100%;
  }

  .hw-contact-section__form-area h2 {
    margin-top: 23px;
    font-size: clamp(2.25rem, 12vw, 3.6rem);
  }

  .hw-contact-section__aside {
    padding: 28px 22px;
  }
}

@media (max-width: 540px) {
  .hw-contact-section {
    padding: 64px 10px 10px;
  }

  .hw-contact-section__dialog {
    gap: 10px;
  }

  .hw-contact-section__form-area,
  .hw-contact-section__aside,
  .hw-contact-section__form-scroll {
    border-radius: 20px;
  }

  .hw-contact-section__form-scroll,
  .hw-contact-section__aside {
    padding: 24px 18px;
  }

  .hw-contact-section__form-area h2 {
    margin-top: 18px;
    font-size: clamp(2rem, 10.5vw, 2.7rem);
    line-height: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hw-contact-section,
  .hw-contact-section__dialog,
  .hw-contact-section__close {
    transition-duration: 1ms !important;
  }

  .hw-contact-section.is-open .hw-contact-section__form-area,
  .hw-contact-section.is-open .hw-contact-section__aside {
    animation-duration: 1ms !important;
  }
}