/* ================================
   custom.css — Sonar Medya
   (main.css'ten SONRA yüklensin)
   ================================ */

/* Font: Open Sans */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap");

/* Tema + Font değişkenleri */
:root{
  /* Marka */
  --brand: #F50963;
  --brand-dark: #C3004B;
  --brand-rgb: 245, 9, 99;

  --tp-theme-1: var(--brand);
  --tp-theme-1-dark: var(--brand-dark);
  --tp-rgb-theme-1: var(--brand-rgb);

  --tp-theme-2: var(--brand);
  --tp-theme-2-dark: var(--brand-dark);
  --tp-rgb-theme-2: var(--brand-rgb);

  --tp-theme-3: var(--brand);
  --tp-theme-4: var(--brand);
  --tp-theme-4-dark: var(--brand-dark);
  --tp-theme-5: var(--brand);
  --tp-theme-6: var(--brand);
  --tp-theme-7: var(--brand);
  --tp-theme-8: var(--brand);
  --tp-theme-9: var(--brand);
  --tp-theme-10: var(--brand);

  --tp-rgb-theme-3: var(--brand-rgb);
  --tp-rgb-theme-4: var(--brand-rgb);
  --tp-rgb-theme-5: var(--brand-rgb);
  --tp-rgb-theme-6: var(--brand-rgb);
  --tp-rgb-theme-7: var(--brand-rgb);
  --tp-rgb-theme-8: var(--brand-rgb);
  --tp-rgb-theme-9: var(--brand-rgb);
  --tp-rgb-theme-10: var(--brand-rgb);

  /* Font ailesi override */
  --tp-ff-body: 'Open Sans', Arial, sans-serif;
  --tp-ff-heading: 'Open Sans', Arial, sans-serif;
  --tp-ff-p: 'Open Sans', Arial, sans-serif;

  /* Alias’ları da Open Sans’a yönlendir */
  --tp-ff-inter: 'Open Sans', Arial, sans-serif;
  --tp-ff-roboto: 'Open Sans', Arial, sans-serif;
  --tp-ff-oswald: 'Open Sans', Arial, sans-serif;
  --tp-ff-poppins: 'Open Sans', Arial, sans-serif;
  --tp-ff-space: 'Open Sans', Arial, sans-serif;
  --tp-ff-play: 'Open Sans', Arial, sans-serif;
  --tp-ff-syne: 'Open Sans', Arial, sans-serif;
  --tp-ff-rajdhani: 'Open Sans', Arial, sans-serif;
}

/* Font kullanımını zorla */
body{ font-family: var(--tp-ff-body); }
h1,h2,h3,h4,h5,h6{ font-family: var(--tp-ff-heading); font-weight:700; letter-spacing:-0.01em; }

/* Logo boyutu (responsive) */
.site-logo {
  height: 44px;
  width: auto;
  display: block;
  object-fit: contain;
}
@media (min-width: 768px){ .site-logo{ height:52px; } }
@media (min-width: 1200px){ .site-logo{ height:56px; } }
.header--scrolled .site-logo{ height:40px; }

/* Offcanvas logo */
.offcanvas__logo img{
  height:34px; width:auto; display:block; object-fit:contain;
}

/* HERO hizalama */
.snr-center{ display:flex; align-items:center; justify-content:center; width:100%; }
.snr-center .snr-center__item{ position:static !important; margin:0 !important; padding:0 !important; }
.snr-center__img{ display:block; height:auto; max-width:100%; }
@media (min-width:1200px){ .snr-center__img{ margin-top:16px; } }
@media (max-width:991.98px){ .snr-center__img{ width:86%; margin:12px auto 0; } }
@media (max-width:575.98px){
  .snr-center__img{ width:88%; margin:8px auto 0; }
  .slider__shape img{ display:none !important; }
}
@media (min-width:0){ .slider__user{ display:none; } }

/* ========== FEATURES – eşit yükseklik ========== */
.features__area .row > [class*="col-"]{ display:flex; }
.features__area .features__item{ flex:1 1 auto; display:flex; flex-direction:column; }
.features__area .features__content{ flex:1 1 auto; display:flex; flex-direction:column; }
.features__area .features__btn{ margin-top:auto; }
@media (min-width:992px){ .features__area .features__item{ height:100%; } }
@media (min-width:1200px){
  .features__area .features__item.has-purple .features__title.snr-title-sm{
    white-space:nowrap; font-size:20px; line-height:1.25;
  }
}

/* CTA başlık */
.cta__area .cta__title-6{
  line-height:1.1;
  max-width:18ch;
  font-size:clamp(28px,3vw,56px);
}
@media (min-width:1400px){ .cta__area .cta__title-6{ max-width:17ch; font-size:56px; } }
@media (max-width:1199.98px){ .cta__area .cta__title-6{ max-width:20ch; font-size:clamp(24px,3.4vw,46px); } }
@media (max-width:991.98px){ .cta__area .cta__title-6{ max-width:24ch; font-size:clamp(22px,5.2vw,38px); } }

/* Footer logo */
.sm-footer-logo{
  width:auto !important; height:auto !important;
  max-width:clamp(140px,14vw,220px) !important;
  display:inline-block;
}
@media (max-width:992px){ .sm-footer-logo{ max-width:190px !important; } }
@media (max-width:576px){ .sm-footer-logo{ max-width:160px !important; } }

/* Footer contact renkleri */
.footer__info-text-6,
.footer__info-text-6 a,
.footer__info-text-6 a:visited,
.footer__info-text-6 span{
  color:#fff !important; opacity:1 !important;
}
.footer__info-text-6 a:hover{ opacity:.85; }

/* Tab panelleri */
.services__tab-panel{ display:none; }
.services__tab-panel.is-active{ display:block; }

/* Çözüm-neden satır eşlemesi */
.solutions-paired .sp-item{ position:relative; padding-left:1.25rem; line-height:1.6; }
.solutions-paired .sp-dot{
  position:absolute; left:.1rem; top:.55rem; width:.45rem; height:.45rem;
  border-radius:50%; background-color:currentColor; opacity:.9;
}
@media (max-width:991.98px){ .solutions-paired .solution-row{ margin-bottom:.5rem; } }

/* ================================
   Cookie Banner (glass)
   ================================ */
.snr-cookie{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:9999;
  display:flex; justify-content:center; pointer-events:none;
}
.snr-cookie--glass .snr-cookie__content{
  pointer-events:auto; max-width:1040px; width:100%;
  background:rgba(9,14,23,.78);
  backdrop-filter:saturate(150%) blur(10px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; box-shadow:0 18px 50px rgba(2,6,23,.25);
  padding:16px 18px; display:flex; gap:16px; align-items:center;
  color:#fff;
}
.snr-cookie__lead{display:flex; gap:12px; align-items:center; flex:1 1 auto;}
.snr-cookie__icon{font-size:22px; line-height:1;}
.snr-cookie__heading{display:flex; flex-direction:column; gap:4px;}
.snr-cookie__heading strong{font-weight:800; font-size:15px; letter-spacing:.2px;}
.snr-cookie__heading span{opacity:.95; font-size:14px; line-height:1.55;}
.snr-cookie__link{color:#7dd3fc; text-decoration:underline;}
.snr-cookie__link:hover{color:#a5e3ff;}
.snr-cookie__actions{display:flex; gap:10px; flex:0 0 auto;}
.snr-cookie__btn{
  appearance:none; border:0; cursor:pointer; border-radius:999px; padding:10px 16px;
  font-weight:700; font-size:14px; transition:transform .06s ease, background .2s ease, box-shadow .2s ease;
}
.snr-cookie__btn:active{transform:translateY(1px);}
.snr-cookie__btn--primary{background:#111827; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.snr-cookie__btn--primary:hover{background:#0b1220;}
.snr-cookie__btn--ghost{background:transparent; color:#e5e7eb; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.snr-cookie__btn--ghost:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);}
.snr-cookie.is-hiding{opacity:0; transform:translateY(8px); transition:all .2s ease;}
@media (max-width:640px){
  .snr-cookie__content{flex-direction:column; align-items:stretch; gap:12px; padding:14px;}
  .snr-cookie__actions{width:100%;}
  .snr-cookie__btn{width:100%;}
}
@media (prefers-color-scheme: light){
  .snr-cookie--glass .snr-cookie__content{
    background:rgba(255,255,255,.92); color:#0f172a; border-color:rgba(2,6,23,.08);
  }
  .snr-cookie__btn--ghost{color:#0f172a; box-shadow:inset 0 0 0 1px rgba(2,6,23,.18);}
  .snr-cookie__btn--primary{background:#0f172a;}
  .snr-cookie__link{color:#0284c7;}
}