/* =========================
   GENEL — MAT KOYU TEMA
   ========================= */

   .software-footer,
   .software-footer *,
   .software-footer *::before,
   .software-footer *::after {
       box-sizing: border-box;
   }

   .software-footer {
       --footer-bg: #171a20;
       --footer-surface: #20252e;
       --footer-text: #e5e7eb;
       --footer-muted: #b0b8c5;
       --footer-border: #343d4a;
       --footer-accent: #93c5fd;

       width: 100%;
       border-top: 1px solid var(--footer-border);
       background: var(--footer-bg);
       color: var(--footer-text);
       color-scheme: dark;
       font-family: inherit;
       font-size: 14px;
       line-height: 1.75;
       overflow-wrap: anywhere;
   }

   .software-footer__container {
       width: 100%;
       max-width: 1200px;
       margin-inline: auto;
       padding-inline: 20px;
   }

   .software-footer__grid {
       display: grid;
       grid-template-columns:
           minmax(0, 1.4fr)
           minmax(0, .8fr)
           minmax(0, 1fr)
           minmax(0, 1.15fr);

       align-items: start;
       gap: 32px;
       padding-block: 52px 40px;
   }

   .software-footer__grid > *,
   .software-footer__bottom > * {
       min-width: 0;
   }

   .software-footer a {
       color: inherit;
       text-decoration: none;
   }

   .software-footer__links,
   .software-footer__socials,
   .software-footer__legal {
       margin: 0;
       padding: 0;
       list-style: none;
   }


   /* =========================
      LOGO VE TANITIM
      ========================= */

   .software-footer a.software-footer__logo {
       display: inline-flex;
       align-items: center;
       justify-content: center;

       width: 176px;
       max-width: 100%;
       min-height: 68px;
       padding: 12px 16px;

       border-radius: 10px;
       background: #e2e8f0;
       color: #0f172a;
   }

   .software-footer__logo img {
       display: block;
       width: 100%;
       height: auto;
       max-height: 48px;
       object-fit: contain;
   }

   .software-footer__slogan {
       margin: 18px 0 10px;
       font-size: 15px;
       font-weight: 600;
       line-height: 1.65;
   }

   .software-footer__description {
       max-width: 36ch;
       margin: 0;
       color: var(--footer-muted);
   }


   /* =========================
      BAŞLIKLAR VE BAĞLANTILAR
      ========================= */

   .software-footer__title {
       margin: 0 0 14px;
       font-size: 16px;
       font-weight: 600;
       line-height: 1.5;
   }

   .software-footer__links a,
   .software-footer__legal a {
       display: flex;
       align-items: center;

       min-height: 44px;
       padding-block: 8px;

       color: var(--footer-muted);
       transition: color 160ms ease;
   }

   .software-footer__links a:hover,
   .software-footer__legal a:hover {
       color: var(--footer-accent);
       text-decoration: underline;
       text-underline-offset: 5px;
   }


   /* =========================
      SOSYAL MEDYA
      ========================= */

   .software-footer__socials {
       display: flex;
       flex-wrap: wrap;
       gap: 8px;
       margin-top: 22px;
   }

   .software-footer__socials a {
       display: grid;
       place-items: center;

       width: 44px;
       height: 44px;

       border: 1px solid var(--footer-border);
       border-radius: 10px;

       background: var(--footer-surface);
       color: var(--footer-muted);
       font-size: 18px;

       transition:
           color 160ms ease,
           border-color 160ms ease;
   }

   .software-footer__socials a:hover {
       border-color: var(--footer-accent);
       color: var(--footer-accent);
   }


   /* =========================
      İLETİŞİM ALANI
      ========================= */

   .software-footer__contact {
       padding: 22px;
       border: 1px solid var(--footer-border);
       border-radius: 14px;
       background: var(--footer-surface);
   }

   .software-footer__contact p {
       margin: 0 0 20px;
       color: var(--footer-muted);
   }

   .software-footer__contact-link {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 9px;

       width: 100%;
       min-height: 46px;
       padding: 10px 12px;

       border: 1px solid #46648b;
       border-radius: 8px;
       background: #273b55;

       font-weight: 600;
       text-align: center;

       transition: background-color 160ms ease;
   }

   .software-footer a.software-footer__contact-link {
       color: #dbeafe;
   }

   .software-footer__contact-link i {
       flex-shrink: 0;
   }

   .software-footer__contact-link span {
       min-width: 0;
   }

   .software-footer__contact-link:hover {
       background: #314b6b;
   }


   /* =========================
      ALT BİLGİ
      ========================= */

   .software-footer__bottom {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-between;

       gap: 12px 24px;
       padding-block: 18px;

       border-top: 1px solid var(--footer-border);
       color: var(--footer-muted);
       font-size: 13px;
   }

   .software-footer__copyright {
       margin: 0;
   }

   .software-footer__legal {
       display: flex;
       flex-wrap: wrap;
       gap: 4px 20px;
   }


   /* =========================
      KLAVYE ODAĞI
      ========================= */

   .software-footer a:focus-visible {
       outline: 2px solid var(--footer-accent);
       outline-offset: 4px;
       border-radius: 4px;
   }


   /* =========================
      TABLET — İKİ SÜTUN
      ========================= */

   @media (max-width: 900px) {
       .software-footer__grid {
           grid-template-columns: repeat(2, minmax(0, 1fr));
           gap: 32px;
           padding-block: 40px 32px;
       }
   }


   /* =========================
      TELEFON — TEK SÜTUN
      ========================= */

   @media (max-width: 600px) {
       .software-footer__container {
           padding-inline: 16px;
       }

       .software-footer__grid {
           grid-template-columns: minmax(0, 1fr);
           gap: 28px;
           padding-block: 32px;
       }

       .software-footer__column {
           padding-top: 24px;
           border-top: 1px solid var(--footer-border);
       }

       .software-footer__bottom {
           flex-direction: column;
           align-items: flex-start;
           gap: 8px;

           padding-bottom: max(
               20px,
               env(safe-area-inset-bottom)
           );
       }

       .software-footer__legal {
           gap: 4px 16px;
       }
   }


   /* =========================
      HAREKET AZALTMA
      ========================= */

   @media (prefers-reduced-motion: reduce) {
       .software-footer a {
           transition: none;
       }
   }