/* Global typography */
html{ font-size: 14px; }
@media (min-width: 768px){ html{ font-size: 16px; } }

body{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin: 0;
}

/* Reveal (kullanıyorsan kalsın) */
.reveal{
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}
.reveal.show{
  opacity: 1;
  transform: translateY(0);
}

/* ==== MOBILE FIX BASE (GLOBAL) ==== */
html, body { width: 100%; overflow-x: hidden; }
img, video, svg { max-width: 100%; height: auto; display: block; }
* { box-sizing: border-box; }

/* Bootstrap container taşmalarını yumuşat */
.container, .container-fluid { padding-left: 16px; padding-right: 16px; }

/* Uzun kelime/link taşmasını engelle */
a, p, h1, h2, h3, h4, h5, h6 { overflow-wrap: anywhere; }

.wp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    z-index: 999;
    transition: all 0.25s ease;
}

.wp-float:hover {
    transform: scale(1.08);
    background: #20ba5a;
}

@media (max-width: 768px) {
    .wp-float {
        width: 48px;
        height: 48px;
        font-size: 22px;
        bottom: 16px;
        right: 16px;
    }
}