/* Footer as on the live site (user, 23 Oct): the call band and the columns on a light area with
   the old faded photo, then the navy strip with the credits and the large logo.
   Mobile bottom bar below. */
.gs-footer { position: relative; background: var(--gs-white); color: var(--gs-body); font: 400 0.9375rem/1.6 var(--gs-font-info); }
.gs-footer a { color: inherit; text-decoration: none; }
.gs-footer a:hover { color: var(--gs-navy); text-decoration: underline; text-underline-offset: 3px; }
/* Decorative line icons in the old footer's light blue. */
.gs-footer .gs-icon { width: 18px; height: 18px; color: #7F95B5; }

/* Call band (the old footer's "Net yanıtlara mı ihtiyacınız var?"). */
.gs-footer__call { padding-top: clamp(32px, 5vw, 56px); }
.gs-footer__call-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
  padding: clamp(24px, 3.2vw, 36px) clamp(24px, 4.5vw, 64px);
  border-radius: var(--gs-radius-lg);
  background: var(--gs-navy) url("../img/bg/call-action-bg.webp") right center / auto 100% no-repeat;
  color: var(--gs-white);
  font: 400 clamp(1.0625rem, 0.95rem + 0.4vw, 1.25rem)/1.4 var(--gs-font-button);
}
.gs-footer__call-box strong { font-weight: 700; }
.gs-footer .gs-footer__call-number { display: inline-flex; align-items: center; gap: 14px; color: var(--gs-white); font: 700 clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem)/1.1 var(--gs-font); white-space: nowrap; }
.gs-footer .gs-footer__call-number:hover { color: var(--gs-white); }
.gs-footer .gs-footer__call-number .gs-icon { width: 1em; height: 1em; color: var(--gs-white); stroke-width: 1.5; }

/* The photo's people stand at its two ends: full width, on the bottom edge of the columns area.
   The footer's two backgrounds are WebP copies of the old site's call-action-bg.png and
   footer_bg.jpg (6 and 3 KB instead of 56 and 11): they load on every page. */
.gs-footer__main { padding-block: clamp(40px, 5vw, 56px) clamp(56px, 7vw, 88px); background: url("../img/bg/footer-bg.webp") center bottom / max(100%, 1200px) auto no-repeat; }
.gs-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1.3fr); gap: 40px; }
.gs-footer__col { min-width: 0; overflow-wrap: anywhere; }
/* Orange titles: 20 px bold is large text, where #E56D00 on white passes AA (3.2:1). */
.gs-footer .gs-footer__title { margin-bottom: 16px; color: #E56D00; font: 700 1.25rem/1.25 var(--gs-font); letter-spacing: 0.01em; }
.gs-footer__about { margin-bottom: 14px; line-height: 1.6; color: #6A6F75; }
.gs-footer__links { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; font-size: 1rem; color: #3E4651; }
.gs-footer__links a { display: inline-flex; align-items: center; gap: 10px; min-height: 36px; }
.gs-footer__address { display: flex; gap: 10px; margin-bottom: 6px; font-style: normal; font-size: 1rem; line-height: 1.6; color: #3E4651; }
.gs-footer__address .gs-icon { margin-top: 4px; }
.gs-footer__links--icons a { color: var(--gs-navy); font-weight: 500; }
/* "Hizmet bölgelerimiz": the local pages, under the contact lines. */
.gs-footer .gs-footer__subtitle { margin: 22px 0 6px; color: var(--gs-navy); font: 700 0.9375rem/1.3 var(--gs-font); text-transform: none; }
.gs-footer__links--local a { min-height: 32px; }

.gs-newsletter { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.gs-newsletter__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gs-newsletter__label { color: var(--gs-navy); font-weight: 600; }
.gs-newsletter__field { position: relative; }
.gs-newsletter__field .gs-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--gs-navy); pointer-events: none; }
.gs-newsletter__field input {
  width: 100%;
  min-height: 52px;
  padding: 0 14px 0 48px;
  border: 1px solid #CDD6E0;
  border-radius: var(--gs-radius);
  background: var(--gs-white);
  color: var(--gs-body);
  font: 400 1rem var(--gs-font-info);
}
.gs-newsletter__field input:focus { outline: none; border-color: var(--gs-navy); box-shadow: 0 0 0 3px rgba(8, 62, 95, 0.2); }
.gs-newsletter__consent { display: flex; gap: 10px; align-items: flex-start; font-size: 0.8125rem; line-height: 1.45; color: #5A6E7C; }
.gs-newsletter__consent input { margin-top: 2px; width: 18px; height: 18px; accent-color: var(--gs-navy); flex: none; }
.gs-newsletter__submit { width: 100%; min-height: 52px; }
.gs-newsletter__submit .gs-icon { width: 18px; height: 18px; color: var(--gs-white); }
.gs-newsletter__msg { padding: 10px 12px; border-radius: var(--gs-radius); font-size: 0.875rem; font-weight: 600; }
.gs-newsletter__msg--ok { background: #EAF1FA; color: var(--gs-navy); }
.gs-newsletter__msg--error { background: #FDECEA; color: #8A1C12; }
.gs-footer__write { margin-top: 14px; }
.gs-footer__write a { display: inline-flex; align-items: center; gap: 8px; color: var(--gs-navy); font-weight: 700; }
.gs-footer__write .gs-icon { color: #1F9E55; }

/* The navy strip: credits on the left, the large logo on the right. */
.gs-footer__bottom { padding-block: clamp(28px, 4vw, 44px); background: var(--gs-navy); color: #DCE6F2; font-size: 0.875rem; }
.gs-footer__bottom .gs-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.gs-footer__credits { display: grid; gap: 4px; }
.gs-footer__bottom p { margin: 0; }
.gs-footer__bottom p:first-child { color: var(--gs-white); font-weight: 600; }
/* In running text a link needs more than colour (WCAG 1.4.1). */
.gs-footer__bottom p a { color: var(--gs-white); text-decoration: underline; text-underline-offset: 3px; }
.gs-footer__bottom a:hover { color: var(--gs-white); }
.gs-footer__logo { display: inline-flex; }
.gs-footer__logo img { display: block; width: auto; height: clamp(56px, 6vw, 84px); }

.gs-bottom-bar { display: none; }

@media (max-width: 991px) {
  .gs-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .gs-footer__call-box { flex-direction: column; align-items: flex-start; background-size: auto 60%; background-position: right bottom; }
  .gs-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .gs-footer__links a { min-height: 44px; }
  .gs-footer__bottom .gs-container { flex-direction: column-reverse; align-items: flex-start; }

  body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
  .joinchat { display: none !important; }

  .gs-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--gs-white);
    border-top: 1px solid var(--gs-line);
    box-shadow: 0 -6px 20px rgba(8, 62, 95, 0.08);
  }
  .gs-bottom-bar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 64px;
    color: var(--gs-navy);
    font: 700 0.8125rem/1.1 var(--gs-font);
    text-decoration: none;
  }
  .gs-bottom-bar__item .gs-icon { width: 22px; height: 22px; }
  .gs-bottom-bar__item--cta { background: var(--gs-accent); color: var(--gs-white); }
}