/* Proje Günlüğü v11 — Mevsimsel tarih kartları + gerçek minimal + kompakt mobil */
/* Eski tasarım katmanlarından sonra yüklenmelidir. */

/* MINIMAL: tarih sayıları zeminden bağımsız, hover halinde bile beyaz kutu yok. */
html[data-date-style="minimal"] .entry .date-block,
html[data-date-style="minimal"] .entry:hover .date-block,
html[data-date-style="minimal"] .entry:focus-within .date-block{
  background:transparent!important; background-image:none!important;
  border:1px solid transparent!important; box-shadow:none!important;
  outline:0!important; padding-left:7px; color:#26344f!important;
}
html[data-date-style="minimal"] .entry .date-block::before,
html[data-date-style="minimal"] .entry .date-block::after{display:none!important}
html[data-date-style="minimal"] .entry:hover .date-day,
html[data-date-style="minimal"] .entry:focus-within .date-day{color:#26344f!important}
html:not([data-date-style="vivid"]) .date-season-emoji{display:none!important}

/* CANLI: mevsim karakteri yalnızca tarih kutusunu boyar; kart vurguları aynı kalır. */
html[data-date-style="vivid"] .entry .date-block{
  background:var(--season-gradient)!important;
  color:var(--season-ink)!important;
  border:1px solid color-mix(in srgb,var(--season-ink) 11%,white)!important;
  box-shadow:0 4px 16px color-mix(in srgb,var(--season-ink) 12%,transparent)!important;
  min-height:135px;
  padding-top:30px;
  overflow:visible;
  isolation:isolate;
}
html[data-date-style="vivid"] .entry:hover .date-block,
html[data-date-style="vivid"] .entry:focus-within .date-block{
  background:var(--season-gradient)!important;
  border-color:color-mix(in srgb,var(--season-ink) 25%,white)!important;
  box-shadow:0 10px 25px color-mix(in srgb,var(--season-ink) 20%,transparent)!important;
}
html[data-date-style="vivid"] .date-block .date-day,
html[data-date-style="vivid"] .date-block .date-month,
html[data-date-style="vivid"] .entry:hover .date-block .date-day,
html[data-date-style="vivid"] .entry:hover .date-block .date-month,
html[data-date-style="vivid"] .entry:focus-within .date-block .date-day{
 color:var(--season-ink)!important;
}
html[data-date-style="vivid"] .date-block .date-weektime,
html[data-date-style="vivid"] .date-block .date-dot{color:var(--season-muted)!important}
html[data-date-style="vivid"] .date-season-emoji{
 position:absolute;left:9px;top:5px;
 display:flex;align-items:center;justify-content:center;
 font-size:19px;line-height:1.1;filter:drop-shadow(0 2px 1px #ffffffaa);
 transition:transform .25s cubic-bezier(.2,.9,.25,1.35);
 z-index:3;
}
html[data-date-style="vivid"] .entry:hover .date-season-emoji,
html[data-date-style="vivid"] .entry:focus-within .date-season-emoji{transform:translateY(-2px) rotate(-9deg) scale(1.13)}
/* Her ay kendi paletini taşır; her mevsim için görsel akrabalık korunur. */
.date-block[data-month="1"]{--season-gradient:linear-gradient(142deg,#e8f6ff 0%,#c2dff5 100%);--season-ink:#184968;--season-muted:#406f89}
.date-block[data-month="2"]{--season-gradient:linear-gradient(142deg,#edf2ff 0%,#cfdcf9 100%);--season-ink:#344a82;--season-muted:#56689a}
.date-block[data-month="3"]{--season-gradient:linear-gradient(142deg,#fff1f7 0%,#f7d6e6 100%);--season-ink:#8b3b64;--season-muted:#a15679}
.date-block[data-month="4"]{--season-gradient:linear-gradient(142deg,#f0fbe9 0%,#d8efc5 100%);--season-ink:#3b6030;--season-muted:#567c4b}
.date-block[data-month="5"]{--season-gradient:linear-gradient(142deg,#eafbf3 0%,#bee9d4 100%);--season-ink:#20694f;--season-muted:#3d856c}
.date-block[data-month="6"]{--season-gradient:linear-gradient(142deg,#fff8de 0%,#ffe5a5 100%);--season-ink:#80591b;--season-muted:#9b772e}
.date-block[data-month="7"]{--season-gradient:linear-gradient(142deg,#fff0da 0%,#ffd2a5 100%);--season-ink:#8d4d25;--season-muted:#a56739}
.date-block[data-month="8"]{--season-gradient:linear-gradient(142deg,#fff6d7 0%,#f7d6a0 100%);--season-ink:#755a20;--season-muted:#92743d}
.date-block[data-month="9"]{--season-gradient:linear-gradient(142deg,#fff2df 0%,#ecd2b0 100%);--season-ink:#77512c;--season-muted:#926d45}
.date-block[data-month="10"]{--season-gradient:linear-gradient(142deg,#ffece0 0%,#f4c4ab 100%);--season-ink:#873e2a;--season-muted:#aa644a}
.date-block[data-month="11"]{--season-gradient:linear-gradient(142deg,#edf3fa 0%,#cfdce9 100%);--season-ink:#38556d;--season-muted:#58738b}
.date-block[data-month="12"]{--season-gradient:linear-gradient(142deg,#e9f9f9 0%,#c9e4e7 100%);--season-ink:#245a65;--season-muted:#477a82}
/* V5'teki sivri konuşma balonu ucu da ayın rengini alır. */
html[data-date-style="vivid"] .entry .date-block::before,
html[data-date-style="vivid"] .entry:hover .date-block::before{
 background:color-mix(in srgb,var(--season-ink) 15%,white)!important;
}
html[data-date-style="vivid"] .entry .date-block::after,
html[data-date-style="vivid"] .entry:hover .date-block::after{
 background:color-mix(in srgb,var(--season-ink) 32%,white)!important;
}
/* MOBİL: çizgi, daire, kutu ve iki üçgen orantılı daralsın. */
@media(max-width:760px){
 .workspace{padding-left:11px!important;padding-right:11px!important}
 .entry,.month-divider{grid-template-columns:69px 27px minmax(0,1fr)!important}
 .timeline::before{left:82px!important}
 .date-block{width:64px!important;min-height:78px!important;padding:7px 3px 7px 5px!important;border-radius:9px!important}
 .date-day{font-size:28px!important;letter-spacing:-1.5px!important}
 .date-month{font-size:10.4px!important;line-height:1.3!important}
 .date-weektime{font-size:8.4px!important;line-height:1.2!important;max-width:56px!important;white-space:normal!important}
 .timeline-node{min-height:78px!important}
 .node-core{top:24px!important;left:6px!important;width:15px!important;height:15px!important;border-width:4px!important}
 .node-aura{top:17px!important;left:-1px!important;width:30px!important;height:30px!important}
 .entry .date-block::after{top:22px!important;width:18px!important;height:20px!important}
 .entry .date-block::before{top:24px!important;width:15px!important;height:16px!important}
 .entry .entry-card::before{top:22px!important;left:-17px!important;width:18px!important;height:22px!important}
 .entry .entry-card::after{top:24px!important;left:-14px!important;width:15px!important;height:18px!important}
 .entry:hover .date-block::after,.entry:focus-within .date-block::after{height:20px!important}
 .entry:hover .date-block::before,.entry:focus-within .date-block::before{height:16px!important}
 .entry:hover .entry-card::before,.entry:focus-within .entry-card::before{height:22px!important}
 .entry-card{padding:11px 10px!important;border-radius:11px!important}
 .month-divider{height:30px!important;margin:9px 0!important}
 html[data-date-style="vivid"] .entry .date-block{min-height:91px!important;padding-top:23px!important}
 html[data-date-style="vivid"] .date-season-emoji{font-size:15px!important;left:6px!important;top:3px!important}
}
@media(max-width:390px){
 .entry,.month-divider{grid-template-columns:60px 23px minmax(0,1fr)!important}
 .timeline::before{left:71px!important}
 .date-block{width:55px!important;padding-left:4px!important}
 .date-day{font-size:25px!important}
 .date-month{font-size:9.7px!important}
 .date-weektime{font-size:7.9px!important;max-width:48px!important}
 .node-core{left:4px!important;width:14px!important;height:14px!important}
 .node-aura{left:-3px!important}
 .entry .date-block::after{width:15px!important;height:18px!important}
 .entry .date-block::before{width:12px!important;height:14px!important}
 .entry .entry-card::before{left:-14px!important;width:15px!important;height:20px!important}
 .entry .entry-card::after{left:-11px!important;width:12px!important;height:16px!important}
 .entry-card{padding:10px 8px!important}
 html[data-date-style="vivid"] .date-season-emoji{font-size:14px!important;left:4px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-date-style="vivid"] .date-season-emoji{transition:none!important}
}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n