/*
 * Proje: Alaeddin Ai
 * Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 3.4.0 (01.11.2026)
 * Sürüm notları: Vaktin editoryal Günce, onaylı kaynak, SOR, AI Afiş, paylaşım, SEO ve özgün zeytin yeşili tema.
 * Sistem anlatımı: Mevcut yayın doğrulaması, SOR/Profil/kota/CSRF motorları korunur.
 * Dosya açıklaması: Vaktin özgün zeytin yeşili temalı Günce: dört kategori, iki sütun, modal ve SOR aktarımı
 */
/* Alaeddin Ai | Yapımcı: Osman Beşer | Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 3.4.0 | Günce tasarımı ve JS, mevcut SOR/API değiştirilmez.
 * C-eddin referanslı Günce düzeni, zeytin yeşili/altın teması ve responsive modal. */
/*
 * Proje: Alaeddin Ai | Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 3.1.2 (01.11.2026)
 * Sürüm notları: Afiş modalı viewport üst katmanı, güvenli kaydırma, tek kart tam genişlik.
 * Sistem açıklaması: SOR/Günce veri, SEO ve yayın kontrolleri değiştirilmedi.
 * Sistem: Günce sunumu; mevcut SUP/SOR/Profil motorlarına dokunmaz.
 * Dosya: Vaktin #758046 teması, gerçek PNG'ler, büyülü partiküllü başlık,
 * kategoriler, mobil arşiv, afiş modalı, SOR konu kartı.
 */
.vk-gunce{--vk-blue:#758046;--vk-dark:#79863d;--vk-gold:#ffd08b;max-width:1300px;margin:0 auto;padding:3px 4px 32px;color:#4b5030;font-family:inherit}.vk-gunce *{box-sizing:border-box}
.vk-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(210px,295px);min-height:300px;align-items:center;gap:13px;padding:24px;border-radius:23px;background:radial-gradient(ellipse at 70% 50%,#d6e29a65,transparent 54%),radial-gradient(ellipse at 10% 20%,#b7c66e77,transparent 65%),linear-gradient(116deg,#383d1f,#788441 57%,#758046);border:1px solid #edf4ca83;box-shadow:0 20px 42px #394a2b35}
.vk-hero:before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;background:repeating-radial-gradient(circle at 24% 84%,transparent 0 61px,#ffdf8b17 63px 64px);animation:vk-halo 23s linear infinite}.vk-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 12%,#ffdaa52a 40%,transparent 53%,#f7ffcd29 70%,transparent 84%);background-size:180% 100%;animation:vk-shimmer 12s ease-in-out infinite}.vk-hero-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 65% 64%,#ffd49f41,transparent 40%),radial-gradient(ellipse at 22% 92%,#dde9a140,transparent 44%);animation:vk-glide 15s ease-in-out infinite alternate;pointer-events:none}.vk-magic-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}
.vk-hero-copy{position:relative;z-index:3;min-width:0;color:#f8f2ff}.vk-eyebrow{font-size:10px;letter-spacing:.17em;color:#ffe0a9;font-weight:850}.vk-hero-copy h1{margin:13px 0;font-weight:900;font-size:clamp(29px,3.4vw,48px);line-height:1.1;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 22px #494f2980}.vk-hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#fff6df,#ffd28c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vk-hero-copy p{font-size:13px;line-height:1.6;color:#fcffec}.vk-hero-date{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:#ffe4ad}.vk-hero-date small{font-size:11px;font-weight:500;color:#f2e9ff}.vk-hero-date:before{content:"✧";font-size:20px;animation:vk-twinkle 3.4s ease-in-out infinite}
.vk-hero-character{position:relative;z-index:3;justify-self:center;display:block;max-height:257px;width:min(100%,185px);object-fit:contain;filter:drop-shadow(0 14px 15px #454b25aa) drop-shadow(0 0 14px #ffd7a338);animation:vk-float 5.4s ease-in-out infinite}.vk-date-picker{position:relative;z-index:4;display:grid;gap:10px;padding:18px;background:linear-gradient(145deg,#fff,#f2e9ff);border:1px solid #ebf0d1;border-radius:17px;box-shadow:0 12px 27px #646d367a;min-width:0}.vk-date-picker label{font-size:10px;color:#aab867;letter-spacing:.12em;font-weight:850}.vk-date-picker strong{font-size:18px;color:#79863d}.vk-date-picker input{width:100%;min-width:0;border:1px solid #e9efcb;border-radius:9px;padding:10px;background:#fff;color:#7c854f;font:inherit}.vk-date-picker button{border:0;border-radius:9px;background:#758046;color:#fff;font-weight:800;padding:11px;cursor:pointer}.vk-date-picker button:hover{background:#96a353}
.vk-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:21px 0 26px}.vk-categories a{min-width:0;min-height:108px;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:15px;background:#fff;border:1px solid #ecefdb;box-shadow:0 6px 18px #a9b37918;text-decoration:none;color:#636a3e;transition:transform .2s,box-shadow .2s}.vk-categories a:hover,.vk-categories a:focus-visible{transform:translateY(-3px);box-shadow:0 12px 25px #c1cd892b;border-color:#dae1b7}.vk-character-icon{display:flex;align-items:center;justify-content:center;flex:0 0 67px;width:67px;height:75px;background:none;border:0;overflow:visible}.vk-character-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #9ea96626);transition:transform .22s}.vk-categories a:hover img{transform:translateY(-4px) scale(1.04)}.vk-categories a>span:nth-child(2){flex:1;min-width:0}.vk-categories strong{display:block;font-size:12px;line-height:1.3;color:#636a3e}.vk-categories small{display:block;font-size:11px;color:#899166;margin-top:6px}.vk-categories a>span:last-child{color:#aeb87b}
.vk-list-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 16px}.vk-list-head small,.vk-category-title small{font-size:10px;letter-spacing:.13em;color:#a7b26e;font-weight:850}.vk-list-head h2{font-size:24px;color:#61693b;margin:5px 0}.vk-search{display:flex;align-items:center;gap:7px;border:1px solid #f4fad7;background:#fff;border-radius:11px;padding:0 12px;min-width:210px;color:#a0ab6a}.vk-search input{border:0;background:transparent;font:inherit;font-size:12px;padding:11px 2px;min-width:0;width:100%;color:#767f4b;outline:0}.vk-search:focus-within{outline:2px solid #e2efa3}
.vk-empty{background:#f8f2ff;border:1px solid #edf1dc;border-radius:13px;color:#838965;padding:17px;font-size:13px}.vk-category-section{padding:15px;margin:14px 0;background:#fff;border:1px solid #f2f6e1;border-radius:16px;box-shadow:0 8px 23px #a5b07011;scroll-margin-top:24px}.vk-category-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eff2de}.vk-category-title .vk-character-icon{flex-basis:72px;width:72px;height:78px}.vk-category-title h3{font-size:18px;color:#828d51;margin:4px 0}.vk-section-total{margin-left:auto;white-space:nowrap;border:1px solid #f2f6de;background:#f7efff;color:#a3ae6b;border-radius:30px;padding:7px 10px;font-weight:850;font-size:11px}
.vk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vk-gunce-card{display:flex;align-items:start;gap:10px;min-width:0;background:#fcfaff;border:1px solid #eff2e0;border-radius:12px;padding:13px;scroll-margin-top:80px}.vk-gunce-card[hidden]{display:none}.vk-record-time{display:block;flex:0 0 52px;text-align:center;font-weight:850;font-size:11px;background:#758046;border-radius:8px;padding:9px 4px;color:#fff}.vk-record-text{flex:1;min-width:0}.vk-record-text h4{font-size:14px;font-weight:850;color:#727b45;margin:0 0 7px}.vk-record-text p{font-size:12px;color:#868d66;line-height:1.62;overflow-wrap:anywhere;margin:0 0 11px}.vk-record-actions{display:flex;flex-wrap:wrap;gap:6px}.vk-record-actions button,.vk-record-actions a{border:1px solid #ebf0d2;border-radius:8px;background:#fff;padding:8px 9px;color:#a8b760;font:inherit;font-size:10px;font-weight:850;text-decoration:none;cursor:pointer}.vk-record-actions a{background:#758046;color:#fff;border-color:#758046}.vk-record-actions button:hover,.vk-record-actions a:hover{filter:brightness(.95)}.vk-source{display:grid;place-items:center;flex:0 0 23px;height:23px;width:23px;border-radius:50%;background:#fbfeea;color:#aab867;font-size:11px;font-weight:850;cursor:help}.vk-no-results{display:none;font-size:12px;color:#999e81}.vk-no-results[data-visible="true"]{display:block;grid-column:1/-1}
.vk-archive{margin:24px 0}.vk-archive h2{font-size:17px;color:#828b55}.vk-archive>div{display:flex;flex-wrap:wrap;gap:8px}.vk-archive a{border:1px solid #ebefd9;background:#fbf7ff;color:#99a461;text-decoration:none;padding:9px;border-radius:9px;font-size:11px}.vk-disclaimer{font-size:11px;color:#888c78;line-height:1.6;margin:22px 0}
.vk-poster-overlay[hidden]{display:none!important}.vk-poster-overlay{position:fixed;z-index:100000;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#2d3217d9;padding:12px}.vk-poster-dialog{position:relative;width:min(620px,100%);max-height:95dvh;overflow:auto;padding:20px;background:#fcf9ff;border-radius:18px;box-shadow:0 24px 65px #020b1b91}.vk-ad-placeholder{height:48px}.vk-close{position:absolute;top:14px;right:15px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #eaefd1;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.vk-poster-state{font-size:12px;color:#758046;min-height:18px}.vk-poster-dialog [data-vk-poster-image]{display:block;object-fit:contain;max-width:min(100%,340px);max-height:54dvh;margin:9px auto;border-radius:10px}.vk-poster-dialog img[hidden]{display:none}.vk-poster-dialog [data-vk-description]{font-size:12px;line-height:1.5;color:#6f7747;background:#fff;border:1px solid #f1f4e1;border-radius:11px;padding:13px}.vk-poster-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.vk-poster-buttons button,.vk-poster-buttons a{border:1px solid #ebf0d2;background:#fff;color:#8b984b;padding:10px;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer;text-decoration:none}.vk-poster-buttons [data-vk-download][aria-disabled="true"]{pointer-events:none;opacity:.45}.vk-poster-buttons [data-vk-download][aria-disabled="false"]{background:#758046;color:#fff;animation:vk-glow 2.5s ease-in-out infinite}.vk-poster-open{overflow:hidden}
.vk-sor-context{margin:12px 0 18px;border:1px solid #e9eecf;border-radius:16px;padding:20px;background:linear-gradient(135deg,#fff,#f5edff);color:#717b40}.vk-sor-context small{font-size:10px;color:#758046;font-weight:900;letter-spacing:.1em}.vk-sor-context h2{font-size:21px;margin:8px 0}.vk-sor-context p{font-size:12px;line-height:1.65}.vk-sor-context a{font-size:12px;font-weight:850;color:#9aa852}.vk-sor-context .vk-sor-note,.vk-sor-context .vk-sor-source{font-size:11px;color:#858b69}
@keyframes vk-halo{50%{transform:rotate(11deg)}}@keyframes vk-shimmer{0%,100%{background-position:115% 0}50%{background-position:0 0}}@keyframes vk-glide{to{transform:translate3d(2%,1%,0)}}@keyframes vk-float{50%{transform:translateY(-7px)}}@keyframes vk-twinkle{50%{filter:drop-shadow(0 0 10px #f9ffda);opacity:.65}}@keyframes vk-glow{50%{box-shadow:0 0 18px #7580466b}}
@media(max-width:1050px){.vk-hero{grid-template-columns:minmax(0,1fr) 120px minmax(210px,260px)}.vk-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.vk-hero-character{width:125px}}
@media(max-width:760px){.vk-hero{grid-template-columns:1fr;gap:14px;padding:20px}.vk-hero-copy{padding-right:70px}.vk-hero-character{position:absolute;right:15px;top:35px;width:130px;opacity:.4;animation:none}.vk-date-picker{width:100%}.vk-cards{grid-template-columns:1fr}.vk-list-head{flex-direction:column;align-items:stretch}.vk-search{width:100%}}
@media(max-width:440px){.vk-hero-copy{padding-right:0}.vk-hero-character{opacity:.18}.vk-categories{gap:7px}.vk-categories a{gap:5px;padding:8px 6px;min-height:89px}.vk-categories .vk-character-icon{width:47px;height:53px;flex-basis:47px}.vk-categories strong{font-size:10px}.vk-categories small{font-size:10px}.vk-category-title .vk-character-icon{flex-basis:53px;width:53px;height:60px}.vk-section-total{font-size:10px}.vk-gunce-card{gap:6px;padding:11px 8px}.vk-record-time{flex-basis:44px;font-size:10px}.vk-record-actions button,.vk-record-actions a{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.vk-gunce *,.vk-gunce *:before,.vk-gunce *:after{animation:none!important;transition:none!important}}

/* Vaktin 3.2.0: Bir sonuçlu kategoride tüm satırı kullan; 2+ sonuçta mevcut iki sütun sürer. */
.vk-gunce .vk-cards[data-vk-layout="single"] > .vk-gunce-card:not([hidden]) {
  grid-column: 1 / -1;
}
/* Afiş penceresi JS tarafından body altına taşınır: parent transform ve overflow sınırlamalarından bağımsız. */
.vk-poster-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 2147483000;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
           max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  font-family: inherit;
  color: #4b5030;
}
.vk-poster-overlay .vk-poster-dialog {
  box-sizing: border-box;
  width: min(620px, 100%);
  max-width: 100%;
  min-height: 0;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.vk-poster-overlay .vk-poster-dialog [data-vk-poster-image] {
  width: auto;
  height: auto;
  max-width: min(100%, 340px);
  max-height: min(54vh, 54dvh);
}
html.vk-poster-open, body.vk-poster-open {overflow: hidden;}
@media (max-width: 560px) {
  .vk-poster-overlay { padding: 8px; }
  .vk-poster-overlay .vk-poster-dialog {
    width: 100%;
    max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: 14px;
    border-radius: 13px;
  }
  .vk-poster-overlay .vk-poster-dialog [data-vk-poster-image] {max-height: 46dvh;}
  .vk-poster-overlay .vk-poster-buttons {gap: 6px;}
}

/*
 * Proje: Alaeddin Ai | Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm notları 3.1.3: C-eddin'in onaylanmış Günce -> SOR kart tasarımına
 * uyum; Vaktin zeytin yeşili teması, mevcut ortak sohbet düzeni ve karakterler korunur.
 * SOR motoruna, kota ve Enter davranışına CSS müdahalesi yoktur.
 */
body[data-ala-expert="vaktin"] .vk-sor-context.gunce-sor-konu {
  box-sizing:border-box;display:block;position:relative;min-width:0;
  margin:0 0 14px!important;padding:17px 20px 16px!important;
  border:1px solid #e7eec6!important;border-left:4px solid #758046!important;
  border-radius:15px!important;
  background:linear-gradient(112deg,#f7f1ff 0%,#fcfaff 62%,#fff 100%)!important;
  box-shadow:0 8px 25px rgba(121,58,192,.08);color:#737d43;
}
body[data-ala-expert="vaktin"] .vk-sor-context .vk-sor-context-head {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:10px;line-height:1.5;font-weight:850;letter-spacing:.1em;color:#a1b057;
}
body[data-ala-expert="vaktin"] .vk-sor-context.gunce-sor-konu h2 {
  margin:9px 0 5px!important;padding:0!important;
  font-size:clamp(16px,1.5vw,20px)!important;font-weight:800!important;
  line-height:1.4!important;color:#6a743c!important;text-align:left!important;
}
body[data-ala-expert="vaktin"] .vk-sor-context.gunce-sor-konu p {
  margin:0 0 12px!important;color:#808663!important;line-height:1.6!important;
  font-size:12px!important;max-width:90ch!important;
}
body[data-ala-expert="vaktin"] .vk-sor-context .vk-sor-ask-button {
  display:inline-flex;align-items:center;justify-content:center;border:0;
  min-height:40px;padding:9px 14px;border-radius:9px;
  background:#758046;color:white;font-size:12px;font-weight:800;
  font-family:inherit;cursor:pointer;transition:background-color .16s ease;
}
body[data-ala-expert="vaktin"] .vk-sor-context .vk-sor-ask-button:hover,
body[data-ala-expert="vaktin"] .vk-sor-context .vk-sor-ask-button:focus-visible {background:#96a44d}
body[data-ala-expert="vaktin"] .vk-sor-context :is(button,summary):focus-visible {outline:3px solid #dde9a5;outline-offset:3px}
body[data-ala-expert="vaktin"] .vk-sor-source {position:relative;min-width:0}
body[data-ala-expert="vaktin"] .vk-sor-source summary {display:grid;place-items:center;
  width:25px;height:25px;border-radius:50%;border:1px solid #e8edcf;
  background:white;color:#758046;cursor:pointer;font-size:13px;list-style:none}
body[data-ala-expert="vaktin"] .vk-sor-source summary::-webkit-details-marker {display:none}
body[data-ala-expert="vaktin"] .vk-sor-source[open]>span {
  position:absolute;z-index:15;top:calc(100% + 9px);right:0;
  width:min(270px,calc(100vw - 50px));padding:11px 12px;
  border:1px solid #eaeed8;border-radius:10px;background:white;
  font-size:12px;line-height:1.5;letter-spacing:normal;color:#6f774b;
  box-shadow:0 15px 32px rgba(80,34,130,.14)
}
body[data-ala-expert="vaktin"] .vk-sor-feedback {display:inline-block;margin-left:10px;font-size:11px;color:#939d5e}
body[data-ala-expert="vaktin"] .ala-sor-root.vk-has-topic .ala-sor-frame {
  border:0!important;background:transparent!important;
}
body[data-ala-expert="vaktin"] .ala-sor-root.vk-has-topic .ala-sor-room {
  border:1px solid var(--ala-sor-border,#e7eec6)!important;
  border-radius:16px!important;
}
body[data-ala-expert="vaktin"] .ala-sor-root.vk-has-topic .ala-sor-layout {padding-top:4px!important}
@media(max-width:620px){
  body[data-ala-expert="vaktin"] .vk-sor-context.gunce-sor-konu {padding:14px!important;margin-bottom:10px!important}
  body[data-ala-expert="vaktin"] .vk-sor-feedback {display:block;margin:7px 0 0}
}
@media(prefers-reduced-motion:reduce){
  body[data-ala-expert="vaktin"] .vk-sor-context .vk-sor-ask-button {transition:none}
}

/* Vaktin 3.4.0: Renk kimliği #758046. Altın yalnız ışık/partikül vurgusudur.
   3.4.0 sonundaki hatalı Sepetin altın palet üst geçersiz kılmaları KALDIRILDI.
   Bir kartlı kategoriler, JavaScript beklemeden tam genişlikte görünür. */
.vk-gunce .vk-cards:has(> .vk-gunce-card:only-of-type) > .vk-gunce-card {grid-column:1/-1}
.vk-gunce .vk-cards[data-vk-layout="single"] > .vk-gunce-card:not([hidden]) {grid-column:1/-1}
.vk-gunce .vk-gunce-card[hidden]{display:none}

/* Vaktin 3.4.0: 5 gerçek kategori; özgün zeytin yeşili, mobilde otomatik kırılım */
.vk-gunce{--vk-blue:#758046;--vk-dark:#394A2B;--vk-gold:#CCB36B}
.vk-date-picker button,.vk-record-actions a,.vk-record-time,.vk-sor-context .vk-sor-ask-button{background:#758046;color:#fff}
.vk-date-picker button:hover,.vk-sor-context .vk-sor-ask-button:hover{background:#5e6c35}
.vk-categories{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1200px){.vk-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.vk-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.vk-categories{grid-template-columns:1fr}}
