/* ------------------------------------------------------------------ */
/* Sol kenara sabit "Biz Sizi Arayalım" + WhatsApp buton barı          */
/* Sitedeki her sayfada görünür.                                       */
/* ------------------------------------------------------------------ */

.callbar {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 905;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.callbar__btn {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 44px;
    padding: 16px 0 18px;
    border-radius: 0 13px 13px 0;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 24px -10px rgba(15, 23, 42, .55);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.callbar__btn:hover,
.callbar__btn:focus-visible {
    color: #fff;
    text-decoration: none;
    transform: translateX(4px);
    box-shadow: 0 16px 30px -10px rgba(15, 23, 42, .6);
    filter: brightness(1.06);
}

.callbar__btn:focus-visible {
    outline: 3px solid #0f172a;
    outline-offset: -3px;
}

.callbar__btn--call {
    background: linear-gradient(150deg, #ff8a1f, #ff5e00);
}

.callbar__btn--wa {
    background: linear-gradient(150deg, #2ee06a, #128c4b);
}

.callbar__ico {
    font-size: 17px;
    line-height: 1;
}

.callbar__label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

/* Türkçe dışındaki dillerde daha kısa etiketler kullanılır, yine de taşmasın */
.callbar__btn--wa .callbar__label {
    letter-spacing: .06em;
}

/* RTL (Arapça) yerleşimde bar sağ kenara geçer */
[dir="rtl"] .callbar {
    left: auto;
    right: 0;
}

[dir="rtl"] .callbar__btn {
    border-radius: 13px 0 0 13px;
}

[dir="rtl"] .callbar__btn:hover,
[dir="rtl"] .callbar__btn:focus-visible {
    transform: translateX(-4px);
}

[dir="rtl"] .callbar__label {
    transform: rotate(180deg);
}

/* Bar yalnızca 1240px ve üzerinde gösterilir; bu genişlikte Bootstrap
   .container (1140px, ortalanmış) zaten bara göre yeterince sağdadır. */
@media (min-width: 1240px) {
    /* Kenardan kenara akışını koruyan sarmalayıcıların içerik kısmı
       sola kaydırılır; başlık satırı bara düşmeyeceği için hizasında kalır. */
    .saas-container { padding-left: 68px; }
    .saas-header .saas-container { padding-left: 25px; }
    .hero-container { padding: 0 68px; }

    /* Arapça (RTL) yerleşimde bar sağ kenara geçer: kaydırma da sağa alınır. */
    [dir="rtl"] .saas-container { padding-left: 25px; padding-right: 68px; }
    [dir="rtl"] .saas-header .saas-container { padding-left: 25px; padding-right: 25px; }

    /* Keep the brand aligned with the hero/content column without narrowing
       the navigation area. */
    .saas-header .header-left { margin-left: 43px; }
    [dir="rtl"] .saas-header .header-left { margin-left: 0; margin-right: 43px; }
}

/* Dar ekranlarda içerik ile çakışmasın */
@media (max-width: 1239.98px) {
    .callbar {
        display: none;
    }
}

@media print {
    .callbar {
        display: none;
    }
}