/*
 * SEA Academy IK — Blog 980 Mobile Fix v1
 * 14 konu merkezi + 980 makale icin ortak responsive override.
 * Masaustu tasarimina dokunmaz; 1180px ve altinda aktif olur.
 * Dosya: /blog/assets/css/sea-blog-mobile-980-v1.css
 */

html{
  max-width:100%;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  max-width:100%;
  overflow-x:clip;
}
main{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
main *,main *::before,main *::after{box-sizing:border-box}
main img,main picture,main video,main canvas,main svg,main iframe{
  max-width:100%;
}
main img,main video,main canvas{height:auto}
main iframe{width:100%}
main h1,main h2,main h3,main h4,main p,main li,main a,main span,main strong,main em{
  overflow-wrap:break-word;
  word-wrap:break-word;
}
main pre,main code{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
main pre{overflow-x:auto;-webkit-overflow-scrolling:touch}
main input,main select,main textarea,main button{max-width:100%;font-family:inherit}

/* Tum seri containerlari */
.sea-shell,.sa-shell,.sb-shell,.eq-shell,.ai-shell,.cv-shell,.act-shell,.df-shell,.qh-shell,.oar-shell,.gho-shell,.fun-shell,.vac-shell{
  max-width:100%!important;
  min-width:0!important;
}

/* Tablolar sayfayi genisletmez; sadece tablo kendi icinde kayar. */
.sea-table-wrap,.sa-table,.sb-table,.eq-table,.ai-table,.cv-table,.act-table,.df-table,.qh-table,.oar-table,.gho-table,.fun-table,.vac-table{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
}
.sea-table-wrap table,.sa-table table,.sb-table table,.eq-table table,.ai-table table,.cv-table table,.act-table table,.df-table table,.qh-table table,.oar-table table,.gho-table table,.fun-table table,.vac-table table{
  max-width:none;
}

/* Uzun formuller ve URL'ler mobil ekrani tasirmasin. */
.sb-formulas code,.eq-formulas code,.ai-formulas code,.cv-formula,.act-formula,.df-formula,.qh-formula,.oar-formula,.gho-formula,.fun-formula,.vac-formula{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}

/* Header: tablet/mobilde her zaman mobil menuye gec. */
@media (max-width:1180px){
  .header{width:100%!important;max-width:100%!important}
  .header .container{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .header__inner{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    justify-content:space-between!important;
  }
  .desktop-nav,.header .desktop-nav,.header nav.desktop-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .hamburger,.header .hamburger{
    display:flex!important;
    flex:0 0 44px!important;
    margin-left:auto!important;
  }
  .header .logo{min-width:0!important;max-width:60vw!important;flex:0 1 auto!important}
  .header .logo img{
    width:148px!important;
    height:auto!important;
    max-width:48vw!important;
    object-fit:contain!important;
  }
  .mobile-menu{width:min(410px,92vw)!important;max-width:92vw!important}
}

@media (max-width:900px){
  .sea-shell,.sa-shell,.sb-shell,.eq-shell,.ai-shell,.cv-shell,.act-shell,.df-shell,.qh-shell,.oar-shell,.gho-shell,.fun-shell,.vac-shell{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Makale yan kolonlari tamamen kapanir. */
  .sea-article-grid,.sa-layout,.sb-layout,.eq-layout,.ai-layout,.cv-layout,.act-layout,.df-layout,.qh-layout,.oar-layout,.gho-layout,.fun-layout,.vac-layout,
  .df-hero-grid,.qh-hero-grid,.oar-hero-grid,.gho-hero-grid,.fun-hero-grid,.vac-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
  }
  .sea-toc,.sa-side,.sb-side,.eq-side,.ai-side,.cv-side,.act-side,.df-side,.qh-side,.oar-side,.gho-side,.fun-side,.vac-side{
    display:none!important;
  }

  /* Kartlar tablet seviyesinde iki kolon. */
  .sea-cards,.sea-cards-3,.sea-related .sea-cards,
  .sa-grid,.sa-grid3,.sb-grid,.eq-grid,.ai-grid,.cv-grid,.act-grid,.df-grid,.qh-grid,.oar-grid,.gho-grid,.fun-grid,.vac-grid,.vac-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* Icerik icindeki ikili kartlar. */
  .sea-steps,.sea-checks,.sa-check,.sb-cards,.eq-cards,.ai-cards,.cv-cards,.act-cards,.df-cards,.qh-cards,.oar-cards,.gho-cards,.fun-cards,.vac-cards,.gho-message-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  /* CTA bloklari dikey. */
  .sea-cta,.sa-cta,.sb-cta,.eq-cta,.ai-cta,.cv-cta,.act-cta,.df-cta,.qh-cta,.oar-cta,.gho-cta,.fun-cta,.vac-cta{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:auto!important;
    max-width:100%!important;
  }

  /* Stats tablet: 2 kolon */
  .sea-hub-stats,.sa-stats,.sb-stats,.eq-stats,.ai-stats,.cv-stats,.act-stats,.df-stats,.qh-stats,.oar-stats,.gho-stats,.fun-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }

  .sea-content,.sa-content,.sb-content,.eq-content,.ai-content,.cv-content,.act-content,.df-content,.qh-content,.oar-content,.gho-content,.fun-content,.vac-content{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:680px){
  .sea-shell,.sa-shell,.sb-shell,.eq-shell,.ai-shell,.cv-shell,.act-shell,.df-shell,.qh-shell,.oar-shell,.gho-shell,.fun-shell,.vac-shell{
    width:calc(100% - 22px)!important;
  }

  /* Hero alanlari */
  .sea-hub-hero,.sa-hubhero,.sb-hub-hero,.eq-hub-hero,.ai-hub-hero,.cv-hub-hero,.act-hub-hero,.df-hub-hero,.qh-hub-hero,.oar-hub-hero,.gho-hub-hero,.fun-hub-hero,.vac-hub-hero,
  .sea-article-hero,.sa-hero,.sb-hero,.eq-hero,.ai-hero,.cv-hero,.act-hero,.df-hero,.qh-hero,.oar-hero,.gho-hero,.fun-hero,.vac-hero{
    padding-top:28px!important;
    padding-bottom:26px!important;
  }

  .sea-article-hero h1,.sea-hub-hero h1,
  .sa-hero h1,.sa-hubhero h1,
  .sb-hero h1,.sb-hub-hero h1,
  .eq-hero h1,.eq-hub-hero h1,
  .ai-hero h1,.ai-hub-hero h1,
  .cv-hero h1,.cv-hub-hero h1,
  .act-hero h1,.act-hub-hero h1,
  .df-hero h1,.df-hub-hero h1,
  .qh-hero h1,.qh-hub-hero h1,
  .oar-hero h1,.oar-hub-hero h1,
  .gho-hero h1,.gho-hub-hero h1,
  .fun-hero h1,.fun-hub-hero h1,
  .vac-hero h1,.vac-hub-hero h1{
    font-size:clamp(30px,9vw,40px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
  }

  .sea-lead,.sea-hub-hero p,.sa-lead,.sa-hubhero p,.sb-lead,.sb-hub-hero p,.eq-lead,.eq-hub-hero p,.ai-lead,.ai-hub-hero p,
  .cv-lead,.cv-hub-hero p,.act-lead,.act-hub-hero p,.df-hub-hero p,.qh-hub-hero p,.oar-hub-hero p,.gho-lead,.gho-hub-hero p,.fun-lead,.fun-hub-hero p,.vac-hero p,.vac-hub-hero p{
    font-size:16px!important;
    line-height:1.65!important;
  }

  /* Her kart mobilde tek kolon. */
  .sea-cards,.sea-cards-3,.sea-related .sea-cards,
  .sa-grid,.sa-grid3,.sb-grid,.eq-grid,.ai-grid,.cv-grid,.act-grid,.df-grid,.qh-grid,.oar-grid,.gho-grid,.fun-grid,.vac-grid,.vac-hub-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }

  /* Form / filtre alanlari */
  .sea-filter-panel form,.sa-filters form{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .sea-filter-panel input,.sea-filter-panel select,.sea-filter-panel button,.sea-filter-panel a,
  .sa-filters input,.sa-filters select,.sa-filters button,.sa-filters form>a,
  .sb-tools input,.eq-tools input,.ai-tools input,.cv-tools input,.act-tools input,.df-tools input,.qh-tools input,.oar-tools input,.gho-tools input,.fun-tools input,
  .vac-search{
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    font-size:16px!important;
  }

  /* Kategori butonlari yatay kaydirilabilir: tasma yapmaz. */
  .sea-chips,.sa-chips,.vac-filters,
  .sb-tools>div,.eq-tools>div,.ai-tools>div,.cv-tools>div,.act-tools>div,.df-tools>div,.qh-tools>div,.oar-tools>div,.gho-tools>div,.fun-tools>div{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding-bottom:5px;
  }
  .sea-chips a,.sa-chips a,.vac-filter,
  .sb-tools button,.eq-tools button,.ai-tools button,.cv-tools button,.act-tools button,.df-tools button,.qh-tools button,.oar-tools button,.gho-tools button,.fun-tools button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* Icerik tipografisi */
  .sea-content h2,.sa-content h2,.sb-content h2,.eq-content h2,.ai-content h2,.cv-content h2,.act-content h2,.df-content h2,.qh-content h2,.oar-content h2,.gho-content h2,.fun-content h2,.vac-content h2{
    font-size:clamp(24px,7vw,29px)!important;
    line-height:1.18!important;
    margin-top:34px!important;
  }
  .sea-content p,.sea-content li,.sa-content p,.sa-content li,.sb-content p,.sb-content li,.eq-content p,.eq-content li,.ai-content p,.ai-content li,
  .cv-content p,.cv-content li,.act-content p,.act-content li,.df-content p,.df-content li,.qh-content p,.qh-content li,.oar-content p,.oar-content li,
  .gho-content p,.gho-content li,.fun-content p,.fun-content li,.vac-content p,.vac-content li{
    font-size:16px!important;
    line-height:1.72!important;
  }

  .sea-content,.sa-content,.sb-content,.eq-content,.ai-content,.cv-content,.act-content,.df-content,.qh-content,.oar-content,.gho-content,.fun-content,.vac-content{
    padding-left:0!important;
    padding-right:0!important;
  }
  .vac-content{
    padding:18px!important;
    border-radius:18px!important;
  }

  /* Gorsel ve kart radiuslari mobilde daha kompakt. */
  .sea-hero-img,.sea-info-img,.sa-hero-img,.sb-hero-img,.eq-hero-img,.ai-hero-img,.cv-heroimg,.act-heroimg,
  .df-hero img,.qh-hero img,.oar-hero img,.gho-hero img,.fun-hero img,.vac-hero img,.vac-info{
    max-width:100%!important;
    height:auto!important;
    border-radius:16px!important;
  }

  /* CTA butonlari dokunmatik genislikte */
  .sea-cta>div:last-child,.sa-cta>div:last-child,.sb-cta>div:last-child,.eq-cta>div:last-child,.ai-cta>div:last-child,
  .cv-cta>div:last-child,.act-cta>div:last-child,.df-cta>div:last-child,.qh-cta>div:last-child,.oar-cta>div:last-child,.gho-cta>div:last-child,.fun-cta>div:last-child,.vac-cta>div:last-child{
    width:100%!important;
    min-width:0!important;
  }
  .sea-cta a,.sa-cta a,.sb-cta a,.eq-cta a,.ai-cta a,.cv-cta a,.act-cta a,.df-cta a,.qh-cta a,.oar-cta a,.gho-cta a,.fun-cta a,.vac-cta a{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:6px 0!important;
    text-align:center!important;
  }

  /* Baslik bloklari */
  .sea-section-head,.sa-heading,.sb-heading,.eq-heading,.ai-heading,.cv-heading,.act-heading,.df-heading,.qh-heading,.oar-heading,.gho-heading,.fun-heading,.vac-heading{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }

  .sea-meta,.sa-meta,.sb-meta,.eq-meta,.ai-meta,.cv-meta,.act-meta,.df-meta,.qh-meta,.oar-meta,.gho-meta,.fun-meta,.vac-meta,.vac-hub-meta{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }

  footer{max-width:100%!important;overflow-x:hidden!important}
  footer img{max-width:100%!important;height:auto!important}
}

@media (max-width:430px){
  .header .container{padding-left:10px!important;padding-right:10px!important}
  .header__inner{min-height:68px!important}
  .header .logo img{width:132px!important;max-width:48vw!important}
  .hamburger,.header .hamburger{width:42px!important;height:42px!important;flex-basis:42px!important}
  .mobile-menu{width:94vw!important;max-width:94vw!important}

  .sea-shell,.sa-shell,.sb-shell,.eq-shell,.ai-shell,.cv-shell,.act-shell,.df-shell,.qh-shell,.oar-shell,.gho-shell,.fun-shell,.vac-shell{
    width:calc(100% - 18px)!important;
  }
  .sea-article-hero h1,.sea-hub-hero h1,.sa-hero h1,.sa-hubhero h1,.sb-hero h1,.sb-hub-hero h1,.eq-hero h1,.eq-hub-hero h1,
  .ai-hero h1,.ai-hub-hero h1,.cv-hero h1,.cv-hub-hero h1,.act-hero h1,.act-hub-hero h1,.df-hero h1,.df-hub-hero h1,
  .qh-hero h1,.qh-hub-hero h1,.oar-hero h1,.oar-hub-hero h1,.gho-hero h1,.gho-hub-hero h1,.fun-hero h1,.fun-hub-hero h1,.vac-hero h1,.vac-hub-hero h1{
    font-size:30px!important;
  }
  .sea-hub-stats,.sa-stats,.sb-stats,.eq-stats,.ai-stats,.cv-stats,.act-stats,.df-stats,.qh-stats,.oar-stats,.gho-stats,.fun-stats{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .sea-cta,.sa-cta,.sb-cta,.eq-cta,.ai-cta,.cv-cta,.act-cta,.df-cta,.qh-cta,.oar-cta,.gho-cta,.fun-cta,.vac-cta{
    padding:20px!important;
    border-radius:18px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  main *,main *::before,main *::after{animation:none!important;transition:none!important}
}