/* ===== STINGA ENERJI - OKUNAKLILIK v1.0 ===== */
/* Mobil ve tablette font & renk okunaklilik duzeltmeleri */

/* -- GLOBAL -- */
* { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.mob-bnav-item { color: rgba(255,255,255,0.82) !important; font-size: 11px !important; }
.mob-bnav-item.active { color: #5dde9c !important; }

.brand-sub { font-size: 11px !important; }
.css-logo-sm .brand-sub { font-size: 11px !important; }

.urun-no { color: rgba(255,255,255,0.75) !important; font-size: 11px !important; }
.urun-cap { color: rgba(255,255,255,0.80) !important; font-size: 13px !important; }
.ref-logo__sub { color: rgba(255,255,255,0.80) !important; font-size: 12px !important; }

.ref-band-label, .ref-band-eyebrow { color: rgba(255,255,255,0.78) !important; font-size: 11px !important; }

.stinga-stat-label { font-size: 12px !important; }
.kb-stat-lbl       { font-size: 12px !important; }
.stat-label        { font-size: 13px !important; }

.em-eyebrow, .komur-band__eyebrow, .urun-bar-eyebrow, .section-tag { font-size: 11px !important; opacity: 1 !important; }
.section-sub-title h4 { font-size: 12px !important; }

/* === MOBIL <= 767px === */
@media (max-width: 767px) {

  h1 { font-size: clamp(22px, 6vw, 34px) !important; line-height: 1.22 !important; }
  h2 { font-size: clamp(19px, 5.5vw, 28px) !important; line-height: 1.28 !important; }
  h3 { font-size: clamp(16px, 4.5vw, 22px) !important; line-height: 1.33 !important; }
  h4 { font-size: clamp(14px, 4vw, 18px) !important; }
  h5 { font-size: clamp(13px, 3.5vw, 16px) !important; }

  body { font-size: 16px !important; }
  p    { font-size: 15px !important; line-height: 1.78 !important; }
  li   { font-size: 15px !important; line-height: 1.72 !important; }
    td, th { font-size: 13px !important; }

  body.dark-page p    { color: rgba(255,255,255,0.90) !important; }
  body.dark-page li   { color: rgba(255,255,255,0.88) !important; }

  .footer-col ul li a { font-size: 14px !important; color: rgba(255,255,255,0.82) !important; }
  .footer-col p       { font-size: 14px !important; color: rgba(255,255,255,0.78) !important; }
  .footer-contact li  { font-size: 14px !important; color: rgba(255,255,255,0.82) !important; }
  .footer-bottom p    { font-size: 12px !important; color: rgba(255,255,255,0.65) !important; }

  .card-body p       { font-size: 14px !important; color: #4a5568 !important; }
  .card-body h3      { font-size: 16px !important; }
  .quick-card p      { font-size: 13px !important; }
  .quick-card h3     { font-size: 15px !important; }
  .service-card p    { font-size: 14px !important; }
  .service-card h3   { font-size: 16px !important; }

  .breadcrumb        { font-size: 13px !important; }
  .page-header h1    { font-size: clamp(20px, 6vw, 30px) !important; }

  .contact-list li   { font-size: 14px !important; }
  .contact-info h3   { font-size: 20px !important; }
  .form-group label  { font-size: 14px !important; }
  .form-group input,
  .form-group textarea,
  .form-group select { font-size: 15px !important; }

  .stat-num           { font-size: clamp(28px, 8vw, 42px) !important; }
  .stat-label         { font-size: 13px !important; color: rgba(255,255,255,0.88) !important; }
  .stinga-stat-number { font-size: clamp(30px, 9vw, 44px) !important; }
  .stinga-stat-label  { font-size: 12px !important; color: rgba(255,255,255,0.85) !important; }

  .nav-list > li > a  { font-size: 16px !important; color: #1a1a2e !important; }
  .dropdown li a      { font-size: 15px !important; }

  .mob-hizmet-item-title { font-size: 13px !important; }
  .topbar { font-size: 13px !important; }
}

/* === TABLET: 768px - 1024px === */
@media (min-width: 768px) and (max-width: 1024px) {
  h1 { font-size: clamp(26px, 4vw, 40px) !important; }
  h2 { font-size: clamp(22px, 3.5vw, 34px) !important; }
  h3 { font-size: clamp(18px, 2.8vw, 26px) !important; }
  h4 { font-size: clamp(15px, 2.2vw, 20px) !important; }

  p  { font-size: 16px !important; line-height: 1.75 !important; }
  li { font-size: 15px !important; }
  td, th { font-size: 14px !important; }

  .card-body p    { font-size: 15px !important; }
  .service-card p { font-size: 15px !important; }
  .stat-label     { font-size: 14px !important; }

  .stinga-stat-label { font-size: 13px !important; color: rgba(255,255,255,0.85) !important; }
  .mob-bnav-item     { font-size: 12px !important; }
}