/* ============================================================
 * Sportal — Widget Stilleri (F6.b Sunai)
 * ------------------------------------------------------------
 * 10 built-in widget için ortak + özel stiller. Theme v2 + Sportal F2
 * token'larını tüketir (--sportal-*, --fb-*). Tailwind bağımsız.
 *
 * Namespace:
 *   .sportal-widget                       → ortak kök
 *   .sportal-widget-{slug}                → her widget için
 *   .sportal-widget-in-{alan}             → alan-özel override
 *   .sportal-widget-alan                  → alan wrapper (WidgetRenderer'dan)
 *
 * Kapsam:
 *   Common         → widget container, başlık, içerik ortak davranış
 *   posts          → 4 varyant (list/big-first/grid/numbered)
 *   tabs           → tablist + panel + keyboard
 *   about          → avatar + metin + sosyal + devami
 *   author         → avatar + bilgi + rozet + bio + sosyal + CTA
 *   authors-list   → grid / list / circle-stack
 *   categories     → native details/summary hiyerarşi + chip
 *   social         → 3 varyant (icon-grid / button-count / inline-count)
 *   newsletter     → inline / stacked / card
 *   text-html      → prose stil
 *   ads            → adsense slot + img fallback + placeholder
 *   Dark mode      → data-theme=dark override
 *   Reduced motion → @media ile transition iptal
 *
 * Sunai — Sportal FAZ 6.b
 * ============================================================ */

/*
 * ISOLATION (P0-1 fix — 2026-04-20 Sunai):
 *   Tüm kurallar `body[data-sportal="aktif"]` scope'una sarıldı (native nesting).
 *   Chrome 120+, Safari 17.2+, Firefox 117+.
 */
@layer sportal-widgets {
body[data-sportal="aktif"] {

  /* ==========================================================
     Alan wrapper (WidgetRenderer sarması)
     ========================================================== */
  .sportal-widget-alan {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }
  .sportal-widget-alan-footer-1,
  .sportal-widget-alan-footer-2,
  .sportal-widget-alan-footer-3,
  .sportal-widget-alan-footer-4 {
    gap: 1rem;
  }

  /* ==========================================================
     Screen reader only
     ========================================================== */
  .sportal-visually-hidden {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* ==========================================================
     Common widget shell
     ========================================================== */
  .sportal-widget {
    position: relative;
    background: var(--sportal-bg, #fff);
    border: 1px solid var(--sportal-border, #e2e8f0);
    border-radius: var(--sportal-radius-lg, 14px);
    padding: clamp(1rem, 2vw, 1.35rem);
    color: var(--sportal-text, #1a202c);
    box-sizing: border-box;
  }

  .sportal-widget-baslik {
    margin: 0 0 0.9rem;
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--sportal-text, #1a202c);
    position: relative;
    padding-bottom: 0.55rem;
    letter-spacing: -0.01em;
  }
  .sportal-widget-baslik::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 36px; height: 3px;
    border-radius: 3px;
    background: var(--sportal-primary, #5424fb);
  }

  .sportal-widget-icerik {
    font-size: 0.9375rem;
    line-height: 1.55;
  }

  /* Footer içinde daha sade — border yok, arka plan transparent */
  [class*="sportal-widget-alan-footer-"] .sportal-widget {
    background: transparent;
    border: 0;
    padding: 0;
  }
  [class*="sportal-widget-alan-footer-"] .sportal-widget-baslik {
    color: var(--sportal-text-inverse, #fff);
  }
  [class*="sportal-widget-alan-footer-"] .sportal-widget-baslik::after {
    background: var(--sportal-accent, #00d4ff);
  }

  /* ==========================================================
     PostsWidget
     ========================================================== */
  .sportal-widget-posts__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }
  .sportal-widget-posts--grid .sportal-widget-posts__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
  .sportal-widget-posts__item {
    margin: 0;
  }
  .sportal-widget-posts__link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: transform 160ms ease, color 160ms ease;
  }
  .sportal-widget-posts--numbered .sportal-widget-posts__link {
    grid-template-columns: auto auto 1fr;
  }
  .sportal-widget-posts--grid .sportal-widget-posts__link {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .sportal-widget-posts__link:hover,
  .sportal-widget-posts__link:focus-visible {
    color: var(--sportal-primary, #5424fb);
    transform: translateX(2px);
  }
  .sportal-widget-posts__link:focus-visible {
    outline: 2px solid var(--sportal-primary-ring, rgba(84,36,251,0.35));
    outline-offset: 3px;
    border-radius: 4px;
  }

  .sportal-widget-posts__sira {
    width: 26px; height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--sportal-primary, #5424fb);
    background: var(--sportal-primary-soft, rgba(84,36,251,0.10));
    border-radius: 6px;
  }
  .sportal-widget-posts__thumb-wrap { display: block; flex-shrink: 0; }
  .sportal-widget-posts__thumb {
    display: block;
    width: 80px; height: 80px;
    object-fit: cover;
    border-radius: 10px;
    background: var(--sportal-bg-alt, #f7fafc);
  }
  .sportal-widget-posts__thumb--bos {
    background: linear-gradient(135deg, var(--sportal-bg-alt, #f7fafc), var(--sportal-bg-deep, #edf0f5));
  }
  .sportal-widget-posts__thumb--buyuk {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-bottom: 0.55rem;
  }
  .sportal-widget-posts--grid .sportal-widget-posts__thumb {
    width: 100%; height: auto;
    aspect-ratio: 4 / 3;
  }

  .sportal-widget-posts__icerik {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
  }
  .sportal-widget-posts__baslik {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.35;
    color: inherit;
  }
  .sportal-widget-posts--big-first .sportal-widget-posts__item--buyuk .sportal-widget-posts__baslik {
    font-size: 1.05rem;
    -webkit-line-clamp: 3;
  }
  .sportal-widget-posts__ozet {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.825rem;
    color: var(--sportal-text-muted, #64748b);
  }
  .sportal-widget-posts__meta {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--sportal-text-muted, #64748b);
    flex-wrap: wrap;
  }
  .sportal-widget-posts__yazar { font-weight: 600; }

  /* ==========================================================
     TabsWidget
     ========================================================== */
  .sportal-widget-tabs__tablist {
    display: flex;
    gap: 0.25rem;
    padding: 0.2rem;
    background: var(--sportal-bg-alt, #f7fafc);
    border-radius: 10px;
    margin-bottom: 0.85rem;
  }
  .sportal-widget-tabs__btn {
    flex: 1;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: 0;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--sportal-text-muted, #64748b);
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
    font-family: inherit;
  }
  .sportal-widget-tabs__btn:hover {
    color: var(--sportal-text, #1a202c);
  }
  .sportal-widget-tabs__btn.is-aktif {
    background: var(--sportal-bg, #fff);
    color: var(--sportal-primary, #5424fb);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  }
  .sportal-widget-tabs__btn:focus-visible {
    outline: 2px solid var(--sportal-primary-ring, rgba(84,36,251,0.35));
    outline-offset: 2px;
  }

  .sportal-widget-tabs__panel[hidden] { display: none; }
  .sportal-widget-tabs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
  }
  .sportal-widget-tabs__link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.6rem;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: color 160ms ease;
  }
  .sportal-widget-tabs__link:hover,
  .sportal-widget-tabs__link:focus-visible {
    color: var(--sportal-primary, #5424fb);
  }
  .sportal-widget-tabs__thumb {
    width: 64px; height: 64px;
    object-fit: cover;
    border-radius: 8px;
    background: var(--sportal-bg-alt, #f7fafc);
  }
  .sportal-widget-tabs__thumb--bos {
    display: block;
    background: linear-gradient(135deg, var(--sportal-bg-alt, #f7fafc), var(--sportal-bg-deep, #edf0f5));
  }
  .sportal-widget-tabs__icerik { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
  .sportal-widget-tabs__baslik {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.35;
  }
  .sportal-widget-tabs__tarih {
    font-size: 0.72rem;
    color: var(--sportal-text-muted, #64748b);
  }

  /* ==========================================================
     AboutWidget
     ========================================================== */
  .sportal-widget-about__ic {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
  }
  .sportal-widget-about__avatar-wrap { text-align: center; }
  .sportal-widget-about__avatar {
    width: 96px; height: 96px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    border: 3px solid var(--sportal-bg, #fff);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  }
  .sportal-widget-about__metin {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.6;
    color: var(--sportal-text, #1a202c);
    text-align: center;
  }
  .sportal-widget-about__sosyal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sportal-widget-about__sosyal-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem;
    border-radius: 8px;
    color: var(--sportal-text-muted, #64748b);
    background: var(--sportal-bg-alt, #f7fafc);
    transition: color 160ms ease, background-color 160ms ease, transform 180ms ease;
  }
  .sportal-widget-about__sosyal-link:hover,
  .sportal-widget-about__sosyal-link:focus-visible {
    color: var(--sportal-primary, #5424fb);
    background: var(--sportal-primary-soft, rgba(84,36,251,0.10));
    transform: translateY(-2px);
  }
  .sportal-widget-about__sosyal--icon-rounded .sportal-widget-about__sosyal-link {
    border-radius: 50%;
    padding: 0.55rem;
  }
  .sportal-widget-about__sosyal--text .sportal-widget-about__sosyal-link {
    padding: 0.4rem 0.75rem;
  }
  .sportal-widget-about__devami { margin: 0; text-align: center; }
  .sportal-widget-about__devami-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }
  .sportal-widget-about__devami-link:hover,
  .sportal-widget-about__devami-link:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(84, 36, 251, 0.22);
  }
  .sportal-widget-about__devami-link:hover svg { transform: translateX(2px); }
  .sportal-widget-about__devami-link svg { transition: transform 180ms ease; }

  /* ==========================================================
     AuthorWidget
     ========================================================== */
  .sportal-widget-author__ic {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
  }
  .sportal-widget-author__baslik {
    display: flex;
    align-items: center;
    gap: 0.85rem;
  }
  .sportal-widget-author__avatar {
    width: 64px; height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--sportal-bg, #fff);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
  .sportal-widget-author__avatar--harf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
  }
  .sportal-widget-author__bilgi { min-width: 0; }
  .sportal-widget-author__ad {
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
  }
  .sportal-widget-author__ad a {
    color: inherit;
    text-decoration: none;
  }
  .sportal-widget-author__ad a:hover,
  .sportal-widget-author__ad a:focus-visible {
    color: var(--sportal-primary, #5424fb);
  }
  .sportal-widget-author__yazi-sayisi {
    margin: 0;
    font-size: 0.78rem;
    color: var(--sportal-text-muted, #64748b);
  }
  .sportal-widget-author__yazi-sayisi strong {
    color: var(--sportal-primary, #5424fb);
    font-weight: 700;
  }

  .sportal-widget-author__rozetler {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
  }
  .sportal-widget-author__rozet {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.55rem;
    border-radius: 99px;
    font-size: 0.7rem;
    font-weight: 600;
  }
  .sportal-widget-author__rozet--onayli {
    background: var(--sportal-accent-soft, rgba(0, 212, 255, 0.12));
    color: var(--sportal-accent-fg, #0b2d47);
  }
  .sportal-widget-author__rozet--yil {
    background: var(--sportal-primary-soft, rgba(84, 36, 251, 0.10));
    color: var(--sportal-primary, #5424fb);
  }

  .sportal-widget-author__bio {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--sportal-text, #1a202c);
  }

  .sportal-widget-author__sosyal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
  }
  .sportal-widget-author__sosyal-link {
    display: inline-flex;
    width: 34px; height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--sportal-text-muted, #64748b);
    background: var(--sportal-bg-alt, #f7fafc);
    transition: color 160ms ease, background-color 160ms ease, transform 180ms ease;
  }
  .sportal-widget-author__sosyal-link:hover,
  .sportal-widget-author__sosyal-link:focus-visible {
    color: var(--sportal-primary, #5424fb);
    background: var(--sportal-primary-soft, rgba(84, 36, 251, 0.10));
    transform: translateY(-2px);
  }

  .sportal-widget-author__cta { margin: 0; }
  .sportal-widget-author__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--sportal-primary, #5424fb);
    text-decoration: none;
  }
  .sportal-widget-author__cta-link:hover svg { transform: translateX(3px); }
  .sportal-widget-author__cta-link svg { transition: transform 180ms ease; }

  /* ==========================================================
     AuthorsListWidget
     ========================================================== */
  .sportal-widget-authors-list__list,
  .sportal-widget-authors-list__grid {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sportal-widget-authors-list__list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }
  .sportal-widget-authors-list__grid {
    display: grid;
    grid-template-columns: repeat(var(--sportal-authors-kolon, 2), minmax(0, 1fr));
    gap: 0.85rem;
  }
  .sportal-widget-authors-list__link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: inherit;
    padding: 0.35rem;
    border-radius: 10px;
    transition: background-color 160ms ease;
  }
  .sportal-widget-authors-list--grid .sportal-widget-authors-list__link {
    flex-direction: column;
    text-align: center;
    gap: 0.4rem;
  }
  .sportal-widget-authors-list__link:hover,
  .sportal-widget-authors-list__link:focus-visible {
    background: var(--sportal-bg-alt, #f7fafc);
  }
  .sportal-widget-authors-list__avatar {
    width: var(--sportal-authors-avatar, 64px);
    height: var(--sportal-authors-avatar, 64px);
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--sportal-bg, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  .sportal-widget-authors-list__avatar--harf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  .sportal-widget-authors-list__bilgi {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
  }
  .sportal-widget-authors-list__ad {
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sportal-widget-authors-list__yazi-sayisi {
    font-size: 0.75rem;
    color: var(--sportal-text-muted, #64748b);
  }
  .sportal-widget-authors-list__stack {
    display: flex;
    align-items: center;
  }
  .sportal-widget-authors-list__stack-item {
    display: inline-flex;
    width: var(--sportal-authors-avatar, 56px);
    height: var(--sportal-authors-avatar, 56px);
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--sportal-bg, #fff);
    margin-left: calc(var(--sportal-authors-sira, 0) * -12px);
    transition: transform 180ms ease, z-index 0ms ease;
    position: relative;
  }
  .sportal-widget-authors-list__stack-item:first-child { margin-left: 0; }
  .sportal-widget-authors-list__stack-item img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
  }
  .sportal-widget-authors-list__stack-item:hover {
    transform: translateY(-4px);
    z-index: 2;
  }
  .sportal-widget-authors-list__stack-daha {
    display: inline-flex;
    min-width: 44px; height: 44px;
    margin-left: 0.5rem;
    padding: 0 0.5rem;
    align-items: center;
    justify-content: center;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    border-radius: 99px;
    font-size: 0.8rem;
    font-weight: 700;
  }
  .sportal-widget-authors-list__harf {
    display: inline-flex;
    width: 100%; height: 100%;
    align-items: center;
    justify-content: center;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    font-weight: 700;
    text-transform: uppercase;
  }

  /* ==========================================================
     CategoriesWidget
     ========================================================== */
  .sportal-widget-categories__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sportal-widget-categories__item {
    margin: 0;
    border-bottom: 1px solid var(--sportal-border, #e2e8f0);
  }
  .sportal-widget-categories__item:last-child {
    border-bottom: 0;
  }
  .sportal-widget-categories__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0;
    text-decoration: none;
    color: var(--sportal-text, #1a202c);
    font-size: 0.92rem;
    font-weight: 500;
    flex: 1;
    transition: color 160ms ease, transform 160ms ease;
  }
  .sportal-widget-categories__link:hover,
  .sportal-widget-categories__link:focus-visible {
    color: var(--sportal-primary, #5424fb);
    transform: translateX(3px);
  }
  .sportal-widget-categories__item.is-aktif > .sportal-widget-categories__link,
  .sportal-widget-categories__item.is-aktif > details > summary > .sportal-widget-categories__link {
    color: var(--sportal-primary, #5424fb);
    font-weight: 700;
  }
  .sportal-widget-categories__sayi {
    display: inline-flex;
    min-width: 24px;
    padding: 0.1rem 0.4rem;
    align-items: center;
    justify-content: center;
    background: var(--sportal-bg-alt, #f7fafc);
    color: var(--sportal-text-muted, #64748b);
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 600;
  }

  .sportal-widget-categories__details {
    /* remove default spacing */
  }
  .sportal-widget-categories__summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
  }
  .sportal-widget-categories__summary::-webkit-details-marker { display: none; }
  .sportal-widget-categories__caret {
    flex-shrink: 0;
    color: var(--sportal-text-muted, #64748b);
    transition: transform 180ms ease;
  }
  .sportal-widget-categories__details[open] > .sportal-widget-categories__summary .sportal-widget-categories__caret {
    transform: rotate(180deg);
  }
  .sportal-widget-categories__alt {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0.95rem;
    border-left: 2px solid var(--sportal-border, #e2e8f0);
  }
  .sportal-widget-categories__alt .sportal-widget-categories__item {
    border-bottom: 0;
  }

  .sportal-widget-categories__chips {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
  }
  .sportal-widget-categories__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 99px;
    background: var(--sportal-bg-alt, #f7fafc);
    color: var(--sportal-text, #1a202c);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease;
  }
  .sportal-widget-categories__chip:hover,
  .sportal-widget-categories__chip:focus-visible,
  .sportal-widget-categories__chip.is-aktif {
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
  }
  .sportal-widget-categories__chip.is-aktif .sportal-widget-categories__sayi,
  .sportal-widget-categories__chip:hover .sportal-widget-categories__sayi {
    background: rgba(255, 255, 255, 0.25);
    color: var(--sportal-primary-fg, #fff);
  }

  /* ==========================================================
     SocialWidget
     ========================================================== */
  .sportal-widget-social__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
  }
  .sportal-widget-social--button-count .sportal-widget-social__list {
    flex-direction: column;
  }
  .sportal-widget-social__link {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem;
    width: 44px; height: 44px;
    justify-content: center;
    border-radius: 10px;
    background: var(--sportal-bg-alt, #f7fafc);
    color: var(--sportal-text-muted, #64748b);
    text-decoration: none;
    transition: color 160ms ease, background-color 160ms ease, transform 180ms ease, box-shadow 220ms ease;
  }
  .sportal-widget-social__link:hover,
  .sportal-widget-social__link:focus-visible {
    color: #fff;
    background: var(--sportal-social-renk, var(--sportal-primary, #5424fb));
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  }
  .sportal-widget-social--button-count .sportal-widget-social__link {
    width: auto; height: auto;
    padding: 0.65rem 0.95rem;
    justify-content: flex-start;
  }
  .sportal-widget-social--inline-count .sportal-widget-social__link {
    width: auto;
    padding: 0.55rem 0.8rem;
  }
  .sportal-widget-social__metin {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }
  .sportal-widget-social__etiket {
    font-weight: 600;
    font-size: 0.85rem;
  }
  .sportal-widget-social__sayi {
    font-size: 0.78rem;
    font-weight: 700;
  }
  .sportal-widget-social--inline-count .sportal-widget-social__sayi {
    font-size: 0.82rem;
  }

  /* ==========================================================
     NewsletterWidget
     ========================================================== */
  .sportal-widget-newsletter__icerik {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
  }
  .sportal-widget-newsletter__baslik {
    font-size: 1rem;
  }
  .sportal-widget-newsletter__aciklama {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--sportal-text-muted, #64748b);
  }
  .sportal-widget-newsletter__form {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
  }
  .sportal-widget-newsletter__hp {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }
  .sportal-widget-newsletter__satir {
    display: flex;
    gap: 0.4rem;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .sportal-widget-newsletter--stacked .sportal-widget-newsletter__satir {
    flex-direction: column;
  }
  .sportal-widget-newsletter__label {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 180px;
  }
  .sportal-widget-newsletter__label-ikon {
    position: absolute;
    left: 0.8rem;
    color: var(--sportal-text-muted, #64748b);
    pointer-events: none;
  }
  .sportal-widget-newsletter__input {
    width: 100%;
    padding: 0.7rem 0.9rem 0.7rem 2.2rem;
    border: 1px solid var(--sportal-border, #e2e8f0);
    border-radius: 9px;
    background: var(--sportal-bg, #fff);
    color: var(--sportal-text, #1a202c);
    font-size: 0.9rem;
    font-family: inherit;
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  .sportal-widget-newsletter__input:focus-visible {
    outline: 0;
    border-color: var(--sportal-primary, #5424fb);
    box-shadow: 0 0 0 3px var(--sportal-primary-ring, rgba(84, 36, 251, 0.35));
  }
  .sportal-widget-newsletter__buton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem 1.1rem;
    border: 0;
    border-radius: 9px;
    background: var(--sportal-primary, #5424fb);
    color: var(--sportal-primary-fg, #fff);
    font-size: 0.88rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: transform 180ms ease, box-shadow 220ms ease;
  }
  .sportal-widget-newsletter__buton:hover,
  .sportal-widget-newsletter__buton:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(84, 36, 251, 0.24);
  }
  .sportal-widget-newsletter__buton:hover svg { transform: translateX(2px); }
  .sportal-widget-newsletter__buton svg { transition: transform 180ms ease; }
  .sportal-widget-newsletter__buton:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
  }
  .sportal-widget-newsletter__gizlilik {
    margin: 0;
    font-size: 0.72rem;
    color: var(--sportal-text-muted, #64748b);
    line-height: 1.45;
  }
  .sportal-widget-newsletter__mesaj {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
  }
  .sportal-widget-newsletter__mesaj.is-basarili {
    background: rgba(34, 197, 94, 0.10);
    color: #166534;
  }
  .sportal-widget-newsletter__mesaj.is-hata {
    background: rgba(239, 68, 68, 0.10);
    color: #991b1b;
  }
  .sportal-widget-newsletter--card {
    background-image: linear-gradient(135deg, rgba(84,36,251,0.86), rgba(0,212,255,0.78)), var(--sportal-newsletter-bg, none);
    background-size: cover;
    background-position: center;
    color: #fff;
    border: 0;
  }
  .sportal-widget-newsletter--card .sportal-widget-newsletter__baslik,
  .sportal-widget-newsletter--card .sportal-widget-newsletter__aciklama,
  .sportal-widget-newsletter--card .sportal-widget-newsletter__gizlilik {
    color: #fff;
  }
  .sportal-widget-newsletter--card .sportal-widget-newsletter__baslik::after {
    background: rgba(255, 255, 255, 0.8);
  }
  .sportal-widget-newsletter--card .sportal-widget-newsletter__buton {
    background: #fff;
    color: var(--sportal-primary, #5424fb);
  }

  /* ==========================================================
     TextHtmlWidget
     ========================================================== */
  .sportal-widget-text-html__ic {
    color: var(--sportal-text, #1a202c);
    font-size: 0.92rem;
    line-height: 1.6;
  }
  .sportal-widget-text-html__ic p { margin: 0 0 0.75rem; }
  .sportal-widget-text-html__ic p:last-child { margin-bottom: 0; }
  .sportal-widget-text-html__ic a {
    color: var(--sportal-primary, #5424fb);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .sportal-widget-text-html__ic a:hover,
  .sportal-widget-text-html__ic a:focus-visible {
    text-decoration: none;
  }
  .sportal-widget-text-html__ic ul,
  .sportal-widget-text-html__ic ol {
    padding-left: 1.2rem;
    margin: 0 0 0.75rem;
  }
  .sportal-widget-text-html__ic img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 0.6rem 0;
  }
  .sportal-widget-text-html__ic blockquote {
    border-left: 3px solid var(--sportal-primary, #5424fb);
    padding: 0.3rem 0 0.3rem 0.85rem;
    margin: 0.6rem 0;
    color: var(--sportal-text-muted, #64748b);
    font-style: italic;
  }

  /* ==========================================================
     AdsWidget
     ========================================================== */
  .sportal-widget-ads__etiket {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--sportal-text-muted, #64748b);
  }
  .sportal-widget-ads__ic {
    text-align: center;
  }
  .sportal-widget-ads__placeholder {
    width: 100%;
    background: var(--sportal-bg-alt, #f7fafc);
    border-radius: 8px;
  }
  .sportal-widget-ads__slot-wrap {
    width: 100%;
    box-sizing: border-box;
  }
  .sportal-widget-ads__adsense {
    width: 100%;
    overflow: hidden;
  }
  .sportal-widget-ads__img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 0 auto;
  }
  .sportal-widget-ads__img-link {
    display: block;
  }
  /* Footer alanlarında reklam görünmesin istiyorsa admin burada override eder;
     varsayılan: sidebar ve after-content'te normal. */

  /* ==========================================================
     DARK MODE
     ========================================================== */
  [data-theme="dark"] .sportal-widget {
    background: var(--sportal-bg, #0f172a);
    border-color: var(--sportal-border, #1e293b);
    color: var(--sportal-text, #e2e8f0);
  }
  [data-theme="dark"] .sportal-widget-baslik { color: #f8fafc; }
  [data-theme="dark"] .sportal-widget-posts__thumb,
  [data-theme="dark"] .sportal-widget-tabs__thumb {
    background: #1e293b;
  }
  [data-theme="dark"] .sportal-widget-tabs__tablist,
  [data-theme="dark"] .sportal-widget-posts__sira,
  [data-theme="dark"] .sportal-widget-categories__sayi,
  [data-theme="dark"] .sportal-widget-categories__chip,
  [data-theme="dark"] .sportal-widget-social__link,
  [data-theme="dark"] .sportal-widget-about__sosyal-link,
  [data-theme="dark"] .sportal-widget-author__sosyal-link {
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
  }
  [data-theme="dark"] .sportal-widget-tabs__btn.is-aktif {
    background: #1e293b;
    color: var(--sportal-accent, #00d4ff);
  }
  [data-theme="dark"] .sportal-widget-newsletter__input {
    background: #0b1220;
    border-color: #1e293b;
    color: #e2e8f0;
  }
  [data-theme="dark"] .sportal-widget-ads__placeholder {
    background: rgba(255, 255, 255, 0.03);
  }
  [data-theme="dark"] .sportal-widget-posts__ozet,
  [data-theme="dark"] .sportal-widget-posts__meta,
  [data-theme="dark"] .sportal-widget-author__yazi-sayisi,
  [data-theme="dark"] .sportal-widget-authors-list__yazi-sayisi,
  [data-theme="dark"] .sportal-widget-newsletter__aciklama,
  [data-theme="dark"] .sportal-widget-newsletter__gizlilik,
  [data-theme="dark"] .sportal-widget-tabs__tarih {
    color: #94a3b8;
  }
  [data-theme="dark"] .sportal-widget-categories__item {
    border-bottom-color: #1e293b;
  }
  [data-theme="dark"] .sportal-widget-categories__alt {
    border-left-color: #1e293b;
  }

  /* ==========================================================
     MOBIL
     ========================================================== */
  @media (max-width: 640px) {
    .sportal-widget {
      padding: 0.95rem;
    }
    .sportal-widget-posts__thumb {
      width: 72px; height: 72px;
    }
    .sportal-widget-newsletter__satir {
      flex-direction: column;
    }
  }

  /* ==========================================================
     REDUCED MOTION
     ========================================================== */
  @media (prefers-reduced-motion: reduce) {
    .sportal-widget *,
    .sportal-widget *::before,
    .sportal-widget *::after {
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
    }
    .sportal-widget-posts__link:hover,
    .sportal-widget-about__sosyal-link:hover,
    .sportal-widget-author__sosyal-link:hover,
    .sportal-widget-social__link:hover,
    .sportal-widget-authors-list__stack-item:hover {
      transform: none !important;
    }
    .sportal-widget-newsletter__buton:hover svg,
    .sportal-widget-about__devami-link:hover svg,
    .sportal-widget-author__cta-link:hover svg {
      transform: none !important;
    }
  }

} /* /body[data-sportal="aktif"] */
} /* /@layer sportal-widgets */