/*
Theme Name:   Onkolojik Ağrı Tedavisi
Theme URI:    https://onkolojiagri.com.tr
Description:  Kanser ağrısı tedavisi bilgilendirme sitesi. Ana sayfa ve üst menü temaya gömülüdür; tüm içerik Görünüm > Özelleştir panelinden girilir. Blok yapıştırmak gerekmez. GeneratePress child teması.
Author:       Dr. Erkan Teyin
Template:     generatepress
Version:      1.1.0
Text Domain:  onk
*/

/* =========================================================
   PALET — diğer üç siteden ayrı, tonu daha yumuşak
   Ağrı merkezi : lacivert + turkuaz + amber
   Hekim sitesi : çam yeşili + pirinç
   Fıtık merkezi: indigo + leylak + mercan
   Onkoloji     : arduvaz + kum + kil + adaçayı
   ========================================================= */
:root{
  /* Ana renk — canlı ahududu */
  --onk-slate:#A81552;
  --onk-slate-2:#780D39;
  --onk-slate-3:#D14A85;

  /* Zeminler — sıcak pembe kum */
  --onk-sand:#FDF0F5;
  --onk-sand-2:#F9DDE8;

  /* Vurgu — canlı zümrüt */
  --onk-clay:#0EA372;
  --onk-clay-2:#0A7B56;

  /* İkincil vurgu — canlı altın */
  --onk-sage:#E09112;
  --onk-sage-soft:#FDF2DC;

  --onk-paper:#FFFFFF;
  --onk-ink:#241B21;
  --onk-soft:#6B5A63;
  --onk-line:#F0DAE4;

  --onk-font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;

  --onk-w:1150px;
  --onk-nav:70px;
}

/* =========================================================
   TEMEL
   ========================================================= */
body.onk-home{
  font-family:var(--onk-font);
  font-size:17px;line-height:1.7;color:var(--onk-ink);
  background:var(--onk-paper);
  -webkit-font-smoothing:antialiased;
}

/* GeneratePress kapsayıcılarını tam genişliğe zorla */
.onk-home #page,
.onk-home #content,
.onk-home .site-content,
.onk-home .content-area,
.onk-home .site-main,
.onk-home .inside-article,
.onk-home .entry-content,
.onk-home .container,
.onk-home .grid-container,
.onk-home .grid-container.grid-parent{
  max-width:100%!important;width:100%!important;
  padding:0!important;margin:0!important;
  float:none!important;display:block!important;
}
.onk-home .entry-header,
.onk-home .page-header,
.onk-home .entry-meta,
.onk-home .site-header,
.onk-home #right-sidebar,
.onk-home #left-sidebar{display:none!important;}
.onk-home .separate-containers .site-main{margin:0!important;}

.onk-wrap{max-width:var(--onk-w);margin:0 auto;padding:0 24px;}

.onk-home h1,.onk-home h2,.onk-home h3{
  color:var(--onk-slate);font-weight:700;line-height:1.2;letter-spacing:-.6px;
}

.onk-label{
  font-size:11.5px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--onk-clay);margin:0 0 14px;
}

.onk-sec{padding:84px 0;}
.onk-sec--sand{background:var(--onk-sand);}
.onk-sec--sage{background:var(--onk-sage-soft);}
.onk-sec h2{font-size:clamp(27px,3.4vw,38px);margin:0 0 12px;}
.onk-intro{font-size:18px;color:var(--onk-soft);max-width:64ch;margin:0 0 42px;}

.onk-home a{color:var(--onk-clay-2);}
.onk-home :focus-visible{outline:3px solid var(--onk-clay);outline-offset:3px;border-radius:4px;}

/* =========================================================
   ÜST MENÜ
   ========================================================= */
.onk-nav{
  position:sticky;top:0;z-index:9000;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(150%) blur(10px);
  border-bottom:1px solid var(--onk-line);
}
.onk-nav-in{
  max-width:var(--onk-w);margin:0 auto;padding:0 24px;
  height:var(--onk-nav);display:flex;align-items:center;gap:22px;
}
.onk-brand{
  font-size:17.5px;font-weight:700;letter-spacing:-.3px;
  color:var(--onk-slate);text-decoration:none;white-space:nowrap;
  display:flex;align-items:center;gap:11px;
}
/* Marka işareti — yükselen basamaklar */
.onk-brand:before{
  content:"";width:22px;height:20px;flex:none;
  background:
    linear-gradient(var(--onk-sage) 0 0) 0 100%/6px 8px no-repeat,
    linear-gradient(var(--onk-slate-3) 0 0) 8px 100%/6px 14px no-repeat,
    linear-gradient(var(--onk-clay) 0 0) 16px 100%/6px 20px no-repeat;
}
.onk-menu{display:flex;gap:3px;margin-left:auto;list-style:none;padding:0;}
.onk-menu a{
  display:block;padding:9px 12px;border-radius:8px;
  font-size:15px;font-weight:500;color:var(--onk-ink);text-decoration:none;
  transition:background .15s ease,color .15s ease;white-space:nowrap;
}
.onk-menu a:hover{background:var(--onk-sand);color:var(--onk-slate);}

.onk-nav-cta{
  padding:11px 19px;border-radius:8px;background:var(--onk-clay);
  color:#fff!important;font-weight:700;font-size:15px;
  text-decoration:none;white-space:nowrap;
}
.onk-nav-cta:hover{background:var(--onk-clay-2);}

.onk-burger{display:none;}
.onk-burger-btn{
  display:none;margin-left:auto;width:44px;height:44px;
  align-items:center;justify-content:center;cursor:pointer;
  border:1px solid var(--onk-line);border-radius:8px;background:#fff;
}
.onk-burger-btn span{display:block;width:19px;height:2px;background:var(--onk-slate);position:relative;}
.onk-burger-btn span:before,.onk-burger-btn span:after{
  content:"";position:absolute;left:0;width:19px;height:2px;background:var(--onk-slate);
}
.onk-burger-btn span:before{top:-6px;}
.onk-burger-btn span:after{top:6px;}

/* =========================================================
   BUTONLAR
   ========================================================= */
.onk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:52px;padding:15px 26px;border-radius:9px;
  font-size:16px;font-weight:700;text-decoration:none;
  border:2px solid transparent;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.onk-btn:hover{transform:translateY(-2px);text-decoration:none;}

.onk-home .onk-btn--clay{
  background:var(--onk-clay);color:#fff;box-shadow:0 6px 18px rgba(201,123,90,.3);
}
.onk-home .onk-btn--clay:hover{background:var(--onk-clay-2);color:#fff;}

.onk-home .onk-btn--line{
  background:transparent;color:var(--onk-slate);border-color:var(--onk-line);
}
.onk-home .onk-btn--line:hover{border-color:var(--onk-slate-3);color:var(--onk-slate-2);}

.onk-home .onk-btn--ghost{
  background:transparent;color:#fff;border-color:rgba(255,255,255,.45);
}
.onk-home .onk-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;}

/* =========================================================
   1. GİRİŞ
   ========================================================= */
.onk-hero{
  background:linear-gradient(158deg,var(--onk-sand) 0%,#FCFAF6 58%,var(--onk-paper) 100%);
  padding:74px 0 84px;position:relative;overflow:hidden;
}
.onk-hero:before{
  content:"";position:absolute;top:-190px;right:-150px;
  width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(110,139,116,.16),transparent 68%);
}
.onk-hero-grid{
  display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;
  position:relative;z-index:1;
}
.onk-hero h1{font-size:clamp(32px,4.4vw,49px);margin:0 0 18px;line-height:1.1;}
.onk-hero h1 em{font-style:normal;color:var(--onk-clay);}
.onk-hero-lead{font-size:18.5px;color:var(--onk-soft);margin:0 0 28px;max-width:54ch;}
.onk-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}

.onk-badges{
  display:grid;gap:0;margin-top:36px;padding-top:24px;
  grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
  border-top:1px solid var(--onk-line);
}
.onk-badge{padding-right:20px;}
.onk-badge small{
  display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--onk-soft);font-weight:700;margin-bottom:4px;
}
.onk-badge b{color:var(--onk-slate);font-size:16px;font-weight:700;}

/* DSÖ ağrı basamağı — imza öğe */
.onk-ladder{
  background:var(--onk-paper);border:1px solid var(--onk-line);
  border-radius:18px;padding:26px 24px;
  box-shadow:0 14px 40px rgba(44,74,90,.09);
}
.onk-ladder h3{
  font-size:15px;margin:0 0 4px;letter-spacing:-.2px;
}
.onk-ladder-sub{
  font-size:12.5px;color:var(--onk-soft);margin:0 0 20px;
}
.onk-ladder svg{width:100%;height:auto;display:block;}
.onk-ladder-note{
  margin:18px 0 0;padding-top:16px;border-top:1px solid var(--onk-line);
  font-size:13.5px;color:var(--onk-soft);line-height:1.6;
}

/* =========================================================
   2. AĞRI TÜRLERİ
   ========================================================= */
.onk-kinds{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:20px;
}
.onk-kind{
  background:var(--onk-paper);border:1px solid var(--onk-line);
  border-radius:14px;padding:26px;transition:.18s;
}
.onk-kind:hover{
  border-color:var(--onk-slate-3);transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(44,74,90,.09);
}
.onk-kind-ic{
  width:46px;height:46px;border-radius:12px;margin-bottom:16px;
  background:var(--onk-sage-soft);color:var(--onk-sage);
  display:grid;place-items:center;
}
.onk-kind h3{font-size:18.5px;margin:0 0 8px;}
.onk-kind p{font-size:15px;color:var(--onk-soft);margin:0;}

/* Ağrı şiddeti ölçeği */
.onk-scale{
  margin-top:44px;background:var(--onk-paper);
  border:1px solid var(--onk-line);border-radius:16px;padding:28px;
}
.onk-scale h3{font-size:18px;margin:0 0 6px;}
.onk-scale > p{font-size:15px;color:var(--onk-soft);margin:0 0 22px;max-width:70ch;}
.onk-scale svg{width:100%;height:auto;display:block;}

/* Uyarı kutusu */
.onk-warn{
  margin-top:28px;background:#FDF3EF;border:1px solid #F0D2C4;
  border-left:4px solid var(--onk-clay);border-radius:10px;
  padding:20px 24px;font-size:15.5px;color:#7C4430;line-height:1.65;
}
.onk-warn b{color:#5F3423;}

/* =========================================================
   3. TEDAVİ YÖNTEMLERİ
   ========================================================= */
.onk-meth{list-style:none;padding:0;margin:0;border-top:1px solid var(--onk-line);}
.onk-meth li{
  display:grid;grid-template-columns:auto 1fr;gap:26px;
  padding:28px 0;border-bottom:1px solid var(--onk-line);
}
.onk-meth-no{
  width:52px;height:52px;border-radius:14px;flex:none;
  background:var(--onk-sand-2);color:var(--onk-slate);
  display:grid;place-items:center;
}
.onk-meth h3{
  font-size:19.5px;margin:6px 0 7px;display:flex;align-items:baseline;gap:12px;
}
.onk-meth-i{font-size:13px;font-weight:800;color:var(--onk-clay);flex:none;}
.onk-meth p{font-size:15.5px;color:var(--onk-soft);margin:0;max-width:72ch;}

/* =========================================================
   4. SÜREÇ
   ========================================================= */
.onk-steps{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:26px;
}
.onk-step{position:relative;}
.onk-step-n{
  width:44px;height:44px;border-radius:12px;
  background:var(--onk-slate);color:#fff;
  display:grid;place-items:center;font-weight:700;font-size:16px;
  margin-bottom:16px;position:relative;z-index:2;
}
.onk-step:not(:last-child):after{
  content:"";position:absolute;left:52px;top:21px;right:-14px;height:2px;
  background:linear-gradient(90deg,var(--onk-slate-3),rgba(74,110,128,.15));
}
.onk-step h3{font-size:17.5px;margin:0 0 7px;}
.onk-step p{font-size:14.5px;color:var(--onk-soft);margin:0;}

/* =========================================================
   5. HASTA YAKINLARI
   ========================================================= */
.onk-care{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;
}
.onk-care li{
  list-style:none;background:var(--onk-paper);
  border:1px solid var(--onk-line);border-left:3px solid var(--onk-sage);
  border-radius:11px;padding:22px 24px;
}
.onk-care h3{font-size:16.5px;margin:0 0 7px;}
.onk-care p{font-size:15px;color:var(--onk-soft);margin:0;}

/* =========================================================
   6. SSS
   ========================================================= */
.onk-faq{max-width:860px;}
.onk-faq details{border-bottom:1px solid var(--onk-line);}
.onk-faq summary{
  font-size:17.5px;font-weight:700;color:var(--onk-slate);
  padding:22px 46px 22px 0;cursor:pointer;list-style:none;position:relative;line-height:1.4;
}
.onk-faq summary::-webkit-details-marker{display:none;}
.onk-faq summary::marker{content:"";}
.onk-faq summary:after{
  content:"";position:absolute;right:10px;top:50%;
  width:12px;height:12px;margin-top:-9px;
  border-right:2px solid var(--onk-clay);border-bottom:2px solid var(--onk-clay);
  transform:rotate(45deg);transition:transform .2s ease;
}
.onk-faq details[open] summary:after{transform:rotate(-135deg);margin-top:-3px;}
.onk-faq p{padding:0 40px 24px 0;margin:0;color:var(--onk-soft);font-size:16px;}

/* =========================================================
   7. GALERİ
   ========================================================= */
.onk-gallery{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;
}
.onk-gallery figure{margin:0;}
.onk-gallery img{
  width:100%;height:auto;display:block;border-radius:14px;
  aspect-ratio:4/3;object-fit:cover;border:1px solid var(--onk-line);
}
.onk-gallery figcaption{
  font-size:14px;color:var(--onk-soft);margin-top:12px;
  padding-left:14px;border-left:3px solid var(--onk-sage);
}

/* =========================================================
   8. HEKİM
   ========================================================= */
.onk-doc{
  display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;
  background:var(--onk-paper);border:1px solid var(--onk-line);
  border-radius:16px;padding:28px 32px;
}
.onk-doc-photo,.onk-doc-ph{
  width:96px;height:120px;border-radius:12px;flex:none;background:var(--onk-sand-2);
}
.onk-doc-photo{object-fit:cover;}
.onk-doc-ph{
  display:grid;place-items:center;font-size:11px;color:var(--onk-soft);
  text-align:center;padding:8px;line-height:1.5;
}
.onk-doc h3{font-size:22px;margin:0 0 4px;}
.onk-doc-role{
  font-size:11.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--onk-clay);margin:0 0 10px;
}
.onk-doc p{font-size:15.5px;color:var(--onk-soft);margin:0;max-width:62ch;}

/* =========================================================
   9. İLETİŞİM
   ========================================================= */
.onk-foot{
  background:linear-gradient(162deg,var(--onk-slate),var(--onk-slate-2));
  color:#fff;padding:84px 0 72px;
}
.onk-foot h2{color:#fff;}
.onk-foot .onk-label{color:#E0A98C;}
.onk-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}

.onk-lines{list-style:none;padding:0;margin:0;}
.onk-lines li{
  display:flex;gap:18px;align-items:center;
  padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);
}
.onk-lines li:last-child{border-bottom:none;}
.onk-ic{
  width:44px;height:44px;border-radius:11px;flex:none;
  background:rgba(255,255,255,.09);display:grid;place-items:center;
}
.onk-lines small{
  display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;
  color:#A9BCC6;font-weight:700;margin-bottom:3px;
}
.onk-lines b{font-size:17px;font-weight:700;color:#fff;}
.onk-lines a{color:#fff;text-decoration:none;}
.onk-lines a:hover{color:#E0A98C;}

.onk-sister{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:28px;
}
.onk-sister h3{color:#fff;font-size:19px;margin:0 0 8px;}
.onk-sister p{font-size:15px;color:#B4C6CF;margin:0 0 18px;}
.onk-sister-links{display:grid;gap:10px;}
.onk-sister-links a{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px 18px;border-radius:10px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  color:#fff;text-decoration:none;font-size:15px;font-weight:600;
  transition:background .16s ease;
}
.onk-sister-links a:hover{background:rgba(255,255,255,.13);color:#fff;}
.onk-sister-links span{color:#A9BCC6;font-size:13px;font-weight:500;}

.onk-map{margin-top:46px;}
.onk-map-title{
  font-size:11.5px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;
  color:#A9BCC6;margin:0 0 16px;
}
.onk-map-box{
  border-radius:14px;overflow:hidden;line-height:0;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);
}
.onk-map-box iframe{display:block;width:100%;height:400px;border:0;}

.onk-note{
  margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13.5px;color:#9CADB6;line-height:1.7;max-width:82ch;
}

/* =========================================================
   MOBİL SABİT ÇAĞRI BARI
   ========================================================= */
.onk-mbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:9500;
  background:#fff;border-top:1px solid var(--onk-line);
  box-shadow:0 -3px 18px rgba(44,74,90,.12);
}
.onk-mbar a{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:11px 4px;font-size:12px;font-weight:700;
  color:var(--onk-slate);text-decoration:none;border-right:1px solid var(--onk-line);
}
.onk-mbar a:last-child{border-right:none;}
.onk-mbar a.is-cta{background:var(--onk-clay);color:#fff;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:960px){
  .onk-hero-grid{grid-template-columns:1fr;gap:44px;}
  .onk-ladder{max-width:440px;}
  .onk-foot-grid{grid-template-columns:1fr;gap:32px;}
  .onk-doc{grid-template-columns:auto 1fr;gap:22px;}
  .onk-doc .onk-btn{grid-column:1 / -1;}
  .onk-step:after{display:none;}

  .onk-burger-btn{display:flex;}
  .onk-menu{
    display:none;position:absolute;top:var(--onk-nav);left:0;right:0;
    flex-direction:column;gap:0;background:#fff;
    border-bottom:1px solid var(--onk-line);padding:8px 16px 16px;
    box-shadow:0 12px 26px rgba(0,0,0,.08);
  }
  .onk-menu a{padding:14px 8px;border-bottom:1px solid var(--onk-line);border-radius:0;}
  .onk-menu li:last-child a{border-bottom:none;}
  .onk-burger:checked ~ .onk-menu{display:flex;}
  .onk-nav-cta{display:none;}
}
@media(max-width:640px){
  body.onk-home{font-size:16px;padding-bottom:64px;}
  .onk-sec{padding:56px 0;}
  .onk-hero{padding:44px 0 56px;}
  .onk-meth li{grid-template-columns:1fr;gap:14px;}
  .onk-doc{grid-template-columns:1fr;}
  .onk-map-box iframe{height:300px;}
  .onk-btn{width:100%;}
  .onk-badges{grid-template-columns:1fr 1fr;}
  .onk-scale{padding:20px 18px;}
  .onk-mbar{display:flex;}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
}

/* =========================================================
   GENİŞ GÖRSEL ŞERİDİ
   Giriş bölümünün altında, sayfa genişliğinde.
   ========================================================= */
.onk-band{
  max-width:var(--onk-w);margin:56px auto 0;padding:0 24px;
  position:relative;z-index:1;
}
.onk-band img{
  width:100%;height:auto;display:block;border-radius:18px;
  aspect-ratio:16/6;object-fit:cover;
  box-shadow:0 18px 44px rgba(168,21,82,.14);
}
.onk-band-cap{
  margin:14px 0 0;font-size:13.5px;color:var(--onk-soft);
  padding-left:14px;border-left:3px solid var(--onk-clay);
}

/* Galeri — ilk görsel iki sütun genişliğinde */
.onk-gallery > figure:first-child{grid-column:span 2;}
.onk-gallery > figure:first-child img{aspect-ratio:16/9;}

@media(max-width:760px){
  .onk-band{margin-top:38px;}
  .onk-band img{aspect-ratio:4/3;border-radius:14px;}
  .onk-gallery > figure:first-child{grid-column:span 1;}
  .onk-gallery > figure:first-child img{aspect-ratio:4/3;}
}