/* ==========================================================================
   Bilgi sayfaları — ortak parçalar (Yöntemimiz, Biz Kimiz, Bizimle Çalış,
   Konuşma Grupları, Lehçeler, Birebir). Sayfa CSS'lerinden ÖNCE yüklenir.
   Önek: .akx-
   ========================================================================== */

.akx-page { overflow-x: clip; }

/* Çift dilli etiket (ak-home.css bu sayfalarda yüklenmez) */
.ak-eyebrow .ak-ar {
    font-family: var(--ak-font-kufi);
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ak-sand);
    margin-inline-start: 4px;
    padding-inline-start: 10px;
    border-inline-start: 1px solid currentColor;
    line-height: 1;
    /* Yön içerikten (Arapça → sağdan sola); 'direction' değişmez ki mantıksal kenarlar bozulmasın */
    unicode-bidi: plaintext;
}
.ak-section--dark .ak-eyebrow .ak-ar,
.akx-on-dark .ak-eyebrow .ak-ar { color: rgba(255, 255, 255, .55); }
.akx-on-dark .ak-eyebrow { color: var(--ak-sun); }

/* Sekiz köşeli yıldız (Rub el Hizb) — Arapça rakam rozeti */
.akx-star {
    --_s: 56px;
    position: relative;
    flex: none;
    width: var(--_s);
    height: var(--_s);
    display: inline-grid;
    place-items: center;
    clip-path: polygon(50% 0%, 63% 18%, 85% 15%, 82% 37%, 100% 50%, 82% 63%, 85% 85%, 63% 82%, 50% 100%, 37% 82%, 15% 85%, 18% 63%, 0% 50%, 18% 37%, 15% 15%, 37% 18%);
    background: var(--ak-sun);
    color: var(--ak-plum-950);
    font-family: var(--ak-font-kufi);
    font-size: calc(var(--_s) * .4);
    font-weight: 700;
    line-height: 1;
}
.akx-star--plum { background: var(--ak-plum-700); color: var(--ak-sun); }
.akx-star--soft { background: var(--ak-plum-50); color: var(--ak-plum-700); }
.akx-star--sand { background: var(--ak-sand-100); color: var(--ak-plum-800); }
.akx-star i { font-size: .8em; }

/* Kemer pencere: üst kavis sabit yükseklikte, düz tepe oluşmaz */
.akx-arch { border-radius: 50% 50% 22px 22px / 140px 140px 22px 22px; }

/* Bölüm başlığı altındaki ince Arapça satır */
.akx-ar-line {
    display: block;
    margin-top: 6px;
    font-family: var(--ak-font-naskh);
    font-size: 1.25rem;
    color: var(--ak-sand);
    direction: rtl;
}

/* --------------------------------------------------------------------------
   Kapanış çağrısı (sayfa sonu): koyu altbilginin üstünde sıcak sarı kart
   -------------------------------------------------------------------------- */
.akx-cta { padding-block: clamp(56px, 6vw, 96px); }
.akx-cta__card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(28px, 5vw, 72px);
    padding: clamp(28px, 4.5vw, 64px);
    border-radius: 32px;
    background: radial-gradient(640px 320px at 92% 0%, rgba(238, 215, 21, .22), transparent 65%), linear-gradient(180deg, #f6ede3 0%, #f1e5d7 100%);
    border: 1px solid #eadccb;
    color: var(--ak-plum-950);
}
.akx-cta__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: var(--ak-pattern-plum);
    background-size: 88px 88px;
    -webkit-mask-image: radial-gradient(ellipse 70% 120% at 100% 0%, #000, transparent 70%);
    mask-image: radial-gradient(ellipse 70% 120% at 100% 0%, #000, transparent 70%);
}
html[dir="rtl"] .akx-cta__card::before {
    -webkit-mask-image: radial-gradient(ellipse 70% 120% at 0% 0%, #000, transparent 70%);
    mask-image: radial-gradient(ellipse 70% 120% at 0% 0%, #000, transparent 70%);
}
.akx-cta .ak-eyebrow { color: var(--ak-plum-800); }
.akx-cta .ak-eyebrow .ak-ar { color: var(--ak-plum-600); }
.akx-cta__title {
    margin: 0 0 14px;
    max-width: 22ch;
    color: var(--ak-plum-950);
    font-size: clamp(1.75rem, 1.2rem + 2vw, 3rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
}
html[dir="rtl"] .akx-cta__title { letter-spacing: 0; line-height: 1.3; }
.akx-cta__text { margin: 0; max-width: 56ch; color: rgba(47, 16, 37, .78) !important; font-size: 1.0625rem; line-height: 1.6; }
.akx-cta__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 0;
    max-width: 60ch;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .45);
    border: 1px solid rgba(47, 16, 37, .1);
    color: var(--ak-plum-900) !important;
    font-size: .9375rem;
    line-height: 1.55;
}
.akx-cta__note i { margin-top: 4px; color: var(--ak-plum-600); }
.akx-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.akx-cta .ak-btn--ghost { --_fg: var(--ak-plum-950); --_bd: rgba(47, 16, 37, .28); }
.akx-cta .ak-btn--ghost:hover { --_bg: rgba(255, 255, 255, .5); --_fg: var(--ak-plum-950); --_bd: rgba(47, 16, 37, .45); }
.akx-cta__meta { margin: 18px 0 0; font-size: .9375rem; color: rgba(47, 16, 37, .72) !important; }
.akx-cta__meta a { display: inline-block; padding: 12px 4px; margin-block: -12px; color: var(--ak-plum-800); font-weight: 700; }

/* Sağdaki kemer amblem */
.akx-cta__arch {
    position: relative;
    width: clamp(170px, 18vw, 230px);
    aspect-ratio: 3 / 4;
    display: grid;
    place-items: center;
    border-radius: 50% 50% 22px 22px / 38% 38% 22px 22px;
    background: linear-gradient(180deg, #7a2d63 0%, #43163a 100%);
    box-shadow: 0 30px 60px -30px rgba(47, 16, 37, .7);
    overflow: hidden;
    isolation: isolate;
}
.akx-cta__arch::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: var(--ak-mashrabiya);
    background-size: 36px 36px;
    -webkit-mask-image: linear-gradient(180deg, #000, transparent 90%);
    mask-image: linear-gradient(180deg, #000, transparent 90%);
}
.akx-cta__arch::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: inherit;
    border: 1px solid rgba(238, 215, 21, .3);
}
.akx-cta__arch span {
    direction: rtl;
    unicode-bidi: isolate;
    font-family: var(--ak-font-kufi);
    font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    font-weight: 700;
    color: var(--ak-sun);
    line-height: 1.2;
    text-shadow: 0 10px 30px rgba(238, 215, 21, .3);
}

@media (max-width: 767.98px) {
    .akx-cta__card { grid-template-columns: minmax(0, 1fr); border-radius: 26px; }
    .akx-cta__arch { display: none; }
    .akx-cta__actions { flex-direction: column; }
    .akx-cta__actions .ak-btn { width: 100%; min-height: 52px; white-space: normal; text-align: center; }
}

/* Telefonda bölüm başlıklarındaki butonlar tam genişlik */
@media (max-width: 575.98px) {
    .akx-page .ak-section-head--split > .ak-btn { width: 100%; }
}