/* =========================================================
   TGF E-BÜLTEN — GLOBAL FOOTER CTA
   Footer üstü premium abonelik alanı
   Radius Standard: MD = 12px
========================================================= */

.tgf-newsletter {
   position: relative;
   width: 100%;
   padding: 52px 0;
   overflow: hidden;
   background: #f4f7fb;
}

/* =========================================================
   ANA PANEL
========================================================= */

.tgf-newsletter__inner {
   position: relative;

   width: min(calc(100% - 96px), 1500px);
   margin-inline: auto;

   display: grid;
   grid-template-columns:
      minmax(0, .9fr) minmax(420px, 1.1fr);

   align-items: center;
   gap: 64px;

   padding: 42px 46px;

   overflow: hidden;

   border: 1px solid rgba(8, 39, 82, .10);
   border-radius: 12px;

   background: #ffffff;

   box-shadow:
      0 20px 60px rgba(5, 28, 61, .08);
}

/* =========================================================
   İÇERİK KATMANLARI
========================================================= */

.tgf-newsletter__copy,
.tgf-newsletter__form {
   position: relative;
   z-index: 2;
}

/* =========================================================
   SOL İÇERİK
========================================================= */

.tgf-newsletter__eyebrow {
   display: inline-flex;
   align-items: center;

   margin-bottom: 10px;

   color: #b67c00;

   font-size: 11px;
   line-height: 1;
   font-weight: 900;

   letter-spacing: .16em;
}

.tgf-newsletter h2 {
   margin: 0;

   color: #071f43;

   font-size: clamp(28px, 3vw, 42px);
   line-height: 1.05;
   font-weight: 950;

   letter-spacing: -.035em;
}

.tgf-newsletter__copy p {
   max-width: 560px;

   margin: 14px 0 0;

   color: #637086;

   font-size: 14px;
   line-height: 1.7;
}

/* =========================================================
   FORM
========================================================= */

.tgf-newsletter__form {
   width: 100%;
}

.tgf-newsletter__field {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;

   gap: 10px;
}

/* =========================================================
   E-POSTA INPUT
========================================================= */

.tgf-newsletter__field input {
   width: 100%;
   min-width: 0;
   min-height: 56px;

   padding: 0 18px;

   border: 1px solid #d7deea;
   border-radius: 12px;

   outline: 0;

   background: #ffffff;
   color: #071f43;

   font: inherit;

   transition:
      border-color .20s ease,
      box-shadow .20s ease,
      background .20s ease;
}

.tgf-newsletter__field input::placeholder {
   color: #98a3b5;
}

.tgf-newsletter__field input:hover {
   border-color: #bcc7d7;
}

.tgf-newsletter__field input:focus {
   border-color: #d9a514;

   box-shadow:
      0 0 0 4px rgba(217, 165, 20, .12);
}

/* =========================================================
   ABONE OL BUTONU
========================================================= */

.tgf-newsletter__field button {
   min-height: 56px;

   display: inline-flex;
   align-items: center;
   justify-content: center;

   gap: 10px;

   padding: 0 24px;

   border: 0;
   border-radius: 12px;

   background:
      linear-gradient(135deg,
         #092b5c,
         #061d40);

   color: #ffffff;

   font-size: 13px;
   line-height: 1;
   font-weight: 900;

   white-space: nowrap;

   cursor: pointer;

   box-shadow:
      0 10px 24px rgba(6, 29, 64, .18);

   transition:
      color .20s ease,
      background .20s ease,
      box-shadow .20s ease,
      transform .20s ease;
}

.tgf-newsletter__field button:hover {
   color: #071f43;

   background:
      linear-gradient(135deg,
         #d7a116,
         #f2bd28);

   box-shadow:
      0 12px 28px rgba(183, 129, 0, .20);

   transform: translateY(-1px);
}

.tgf-newsletter__field button:active {
   transform: translateY(0);
}

/* =========================================================
   KVKK / ONAY
========================================================= */

.tgf-newsletter__consent {
   display: flex;
   align-items: flex-start;

   gap: 9px;

   margin-top: 12px;

   color: #758197;

   font-size: 11px;
   line-height: 1.55;

   cursor: pointer;
}

.tgf-newsletter__consent input {
   flex: 0 0 auto;

   width: 15px;
   height: 15px;

   margin: 2px 0 0;

   accent-color: #092b5c;
}

/* =========================================================
   DURUM MESAJLARI
========================================================= */

.tgf-newsletter__message {
   position: relative;

   margin: 14px 0 0;
   padding: 11px 14px;

   border: 1px solid transparent;
   border-radius: 12px;

   font-size: 12px;
   line-height: 1.5;
   font-weight: 750;
}

.tgf-newsletter__message.is-success {
   color: #11643f;

   border-color: rgba(22, 112, 71, .16);

   background: rgba(22, 112, 71, .07);
}

.tgf-newsletter__message.is-error {
   color: #a51d14;

   border-color: rgba(180, 35, 24, .16);

   background: rgba(180, 35, 24, .07);
}

/* =========================================================
   TGF WATERMARK
========================================================= */

.tgf-newsletter__watermark {
   position: absolute;

   right: 30%;
   bottom: -52px;

   z-index: 0;

   color: rgba(8, 39, 82, .025);

   font-size: 190px;
   line-height: 1;
   font-weight: 950;

   letter-spacing: -.08em;

   user-select: none;
   pointer-events: none;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

   .tgf-newsletter__inner {
      width: min(calc(100% - 56px), 1480px);

      grid-template-columns:
         minmax(0, .8fr) minmax(380px, 1.2fr);

      gap: 38px;

      padding: 38px 34px;
   }

   .tgf-newsletter h2 {
      font-size: clamp(27px, 3.5vw, 36px);
   }
}

/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 900px) {

   .tgf-newsletter {
      padding: 36px 0;
   }

   .tgf-newsletter__inner {
      width: min(calc(100% - 36px), 1480px);

      grid-template-columns: 1fr;

      gap: 28px;

      padding: 34px 28px;
   }

   .tgf-newsletter__copy p {
      max-width: 680px;
   }

   .tgf-newsletter__watermark {
      right: -10px;
      bottom: -30px;

      font-size: 140px;
   }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

   .tgf-newsletter {
      padding: 28px 0;
   }

   .tgf-newsletter__inner {
      width: calc(100% - 28px);

      gap: 24px;

      padding: 28px 18px;

      border-radius: 12px;
   }

   .tgf-newsletter__eyebrow {
      margin-bottom: 9px;

      font-size: 9px;
   }

   .tgf-newsletter h2 {
      font-size: 28px;
      line-height: 1.08;
   }

   .tgf-newsletter__copy p {
      margin-top: 11px;

      font-size: 13px;
      line-height: 1.6;
   }

   .tgf-newsletter__field {
      grid-template-columns: 1fr;

      gap: 9px;
   }

   .tgf-newsletter__field input,
   .tgf-newsletter__field button {
      min-height: 52px;

      border-radius: 12px;
   }

   .tgf-newsletter__field button {
      width: 100%;
   }

   .tgf-newsletter__consent {
      margin-top: 11px;

      font-size: 10px;
      line-height: 1.55;
   }

   .tgf-newsletter__message {
      margin-top: 12px;
      padding: 10px 12px;

      border-radius: 12px;

      font-size: 11px;
   }

   .tgf-newsletter__watermark {
      right: -18px;
      bottom: -20px;

      font-size: 105px;
   }
}

/* =========================================================
   KVKK 
========================================================= */
.tgf-newsletter__consent a {
   color: #092b5c;
   font-weight: 850;
   text-decoration: underline;
   text-decoration-color: rgba(182, 124, 0, .45);
   text-underline-offset: 3px;

   transition:
      color .20s ease,
      text-decoration-color .20s ease;
}

.tgf-newsletter__consent a:hover {
   color: #b67c00;
   text-decoration-color: #b67c00;
}

.tgf-newsletter__consent a:focus-visible {
   outline: 2px solid rgba(217, 165, 20, .55);
   outline-offset: 3px;
   border-radius: 3px;
}