/* Sonbahar temasi — yalnizca tema panelden acikken yuklenir (site.blade.php).
 *
 * BU DOSYA build_autumn_css.py TARAFINDAN URETILIR; elle duzenleme
 * resources/css/autumn-extra.css uzerinden yapilip yeniden uretilmeli.
 *
 * Tema site paletine dokunmaz (kullanici karari): site kendi lacivert
 * kimliginde kalir, sonbahar yalniz dekor olarak gelir — dusen yapraklar,
 * kampanya seridi ve banner'i, yaprak desenleri. */
/* Sonbahar temasinin dekor katmani. build_autumn_css.py bunu autumn.css'e
 * kopyalar. Site paleti DEGISMEZ (kullanici karari, 21 Eyl): lacivert marka
 * kimligi durur, sonbahar yalniz su parcalarla gelir:
 *   - dusen yapraklar (autumn.js, kahverengi/turuncu + yesil tonlar)
 *   - header altinda kampanya seridi (lacivert zemin, kehribar vurgular)
 *   - ana sayfada sonbahar kampanya banner'i (ayni dil)
 *   - acik/koyu zeminlerde cok soluk yaprak desenleri */

/* Desen karolari: acik zeminler icin turuncu cizgili, lacivert zeminler
   icin kehribar cizgili. SVG data URI oldugu icin ek istek yok. */
.autumn-theme{
  --autumn-pat-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23c05621' stroke-opacity='.08' stroke-width='1.4'%3E%3Cpath d='M38 18q15 10 0 32q-15-22 0-32m0 7v22'/%3E%3Cpath d='M156 44q17 11 0 36q-17-25 0-36m0 8v25' transform='rotate(38 156 62)'/%3E%3Cpath d='M86 128q14 9 0 30q-14-21 0-30m0 6v21' transform='rotate(-28 86 143)'/%3E%3Cpath d='M190 158q12 8 0 27q-12-19 0-27m0 6v18' transform='rotate(62 190 171)'/%3E%3Cpath d='M30 178q12 8 0 26q-12-18 0-26m0 5v18' transform='rotate(-50 30 191)'/%3E%3C/g%3E%3C/svg%3E");
  --autumn-pat-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23f4c48d' stroke-opacity='.13' stroke-width='1.4'%3E%3Cpath d='M38 18q15 10 0 32q-15-22 0-32m0 7v22'/%3E%3Cpath d='M156 44q17 11 0 36q-17-25 0-36m0 8v25' transform='rotate(38 156 62)'/%3E%3Cpath d='M86 128q14 9 0 30q-14-21 0-30m0 6v21' transform='rotate(-28 86 143)'/%3E%3Cpath d='M190 158q12 8 0 27q-12-19 0-27m0 6v18' transform='rotate(62 190 171)'/%3E%3Cpath d='M30 178q12 8 0 26q-12-18 0-26m0 5v18' transform='rotate(-50 30 191)'/%3E%3C/g%3E%3C/svg%3E");
}

/* --- Desenli zeminler ------------------------------------------------------ */
.autumn-theme:not(.kids-page) :is(.stage-navigation,.inner-hero,.contact-section,.founder-banner,.test-page){
  background-image:var(--autumn-pat-light);
}
.autumn-theme:not(.kids-page) :is(.site-footer,.campaign-hero,.online-card){
  background-image:var(--autumn-pat-dark);
}

/* --- Kampanya seridi (header'in hemen alti, Kids haric tum sayfalar) ------- */
.autumn-ribbon{
  position:relative;overflow:hidden;color:#f0e2ca;
  background:linear-gradient(100deg,#081c38,#0d3164 45%,#15487f 72%,#081c38);
}
.autumn-ribbon:before{
  content:"";position:absolute;inset:0;background-image:var(--autumn-pat-dark);
  animation:autumn-drift 80s linear infinite;pointer-events:none;
}
@keyframes autumn-drift{to{background-position:440px 220px}}
.autumn-ribbon-inner{
  position:relative;display:flex;align-items:center;justify-content:center;gap:12px;
  padding:9px clamp(16px,4vw,32px);font-size:13.5px;letter-spacing:.01em;line-height:1.45;
}
.autumn-ribbon .autumn-leaf-icon{width:17px;height:17px;flex:none;color:#e8a94e;animation:autumn-ribbon-leaf 5.5s ease-in-out infinite}
@keyframes autumn-ribbon-leaf{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(14deg) translateY(1px)}}
.autumn-ribbon b{font-weight:700;color:#ffd9a6}
.autumn-ribbon button{
  border:0;background:none;font:inherit;font-weight:700;color:#ffc87d;cursor:pointer;
  padding:2px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7591bd;white-space:nowrap;
}
.autumn-ribbon button:hover{color:#fff;text-decoration-color:#ffc87d}
@media(max-width:640px){
  .autumn-ribbon-inner{font-size:12px;gap:9px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;text-align:center}
  .autumn-ribbon .autumn-ribbon-city{display:none}
}

/* --- Sonbahar kampanya banner'i (ana sayfa) -------------------------------- */
.autumn-campaign{margin-top:40px}
.autumn-campaign-inner{
  position:relative;overflow:hidden;border-radius:22px;color:#f4ecdd;
  background:
    radial-gradient(120% 160% at 86% 8%,#f2994a24 0,transparent 52%),
    radial-gradient(90% 130% at 8% 100%,#ffb15c1c 0,transparent 46%),
    linear-gradient(118deg,#081d3a,#0c2e5b 46%,#134a8c);
  display:grid;grid-template-columns:1.5fr auto;align-items:center;gap:clamp(20px,4vw,56px);
  padding:clamp(30px,4.6vw,58px) clamp(24px,4.6vw,64px);
  box-shadow:0 24px 60px #0926502e;
}
.autumn-campaign-inner:before{
  content:"";position:absolute;inset:0;background-image:var(--autumn-pat-dark);
  animation:autumn-drift 90s linear infinite;pointer-events:none;
}
.autumn-campaign-copy{position:relative;max-width:600px}
.autumn-campaign-eyebrow{
  display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;
  letter-spacing:.16em;color:#0f2c55;background:linear-gradient(100deg,#f2b96e,#ffd9a6);
  padding:7px 13px;border-radius:999px;margin:0 0 18px;
}
.autumn-campaign-eyebrow .autumn-leaf-icon{width:14px;height:14px}
.autumn-campaign h2{
  font:500 clamp(30px,3.4vw,50px)/1.12 var(--display);letter-spacing:-.03em;margin:0;
}
.autumn-campaign h2 em{
  font-style:normal;display:block;
  background:linear-gradient(96deg,#ffca85,#f0954a 55%,#ffca85);
  background-size:210% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:autumn-shimmer 6s ease-in-out infinite;
}
@keyframes autumn-shimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.autumn-campaign p{margin:16px 0 0;font-size:14.5px;line-height:1.75;color:#cfdcef;max-width:440px}
.autumn-campaign-cta{
  display:inline-flex;align-items:center;gap:12px;margin-top:26px;min-height:52px;padding:14px 24px;
  border:0;border-radius:8px;cursor:pointer;font:650 14px var(--font);letter-spacing:0;
  color:#16294a;background:linear-gradient(100deg,#ffb15c,#ffd9a6 50%,#ffb15c);background-size:220% 100%;
  box-shadow:0 12px 28px #00000038;transition:transform .2s var(--ease),box-shadow .2s var(--ease);
  animation:autumn-shimmer 7s ease-in-out infinite;
}
.autumn-campaign-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px #00000045}
.autumn-campaign-cta .ui-icon{width:19px;height:19px}
/* Sagdaki buyuk 2+3: arti isareti yerine akcaagac yapragi */
.autumn-campaign-figure{
  position:relative;display:flex;align-items:center;gap:6px;user-select:none;
  font:600 clamp(64px,8vw,118px)/1 var(--display);letter-spacing:-.05em;
  color:#00000000;-webkit-text-stroke:2px #f2b96e66;padding-right:clamp(0px,1.5vw,20px);
}
.autumn-campaign-figure .autumn-maple{
  width:clamp(34px,4vw,58px);height:clamp(34px,4vw,58px);flex:none;fill:#e8974a;
  filter:drop-shadow(0 6px 14px #00000040);
  animation:autumn-maple-spin 14s linear infinite;
}
@keyframes autumn-maple-spin{to{transform:rotate(360deg)}}
/* Kose dallari */
.autumn-branch{position:absolute;width:clamp(130px,17vw,230px);height:auto;pointer-events:none;opacity:.9}
.autumn-branch-tl{top:-6px;left:-8px;transform-origin:0 0;animation:autumn-sway 7s ease-in-out infinite}
.autumn-branch-br{right:-8px;bottom:-6px;transform:scale(-1);transform-origin:100% 100%;animation:autumn-sway-r 8s ease-in-out infinite}
@keyframes autumn-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(2.2deg)}}
@keyframes autumn-sway-r{0%,100%{transform:scale(-1) rotate(0)}50%{transform:scale(-1) rotate(2.4deg)}}
/* Banner icinde suzulen kucuk yapraklar */
.autumn-campaign .autumn-drifting{position:absolute;top:-30px;width:20px;height:20px;color:#e8a94e;opacity:0;animation:autumn-fall 11s linear infinite;pointer-events:none}
.autumn-campaign .autumn-drifting:nth-child(2){left:24%;animation-delay:3.5s;color:#6f9b3d;width:15px;height:15px}
.autumn-campaign .autumn-drifting:nth-child(3){left:58%;animation-delay:7s;color:#d98324;width:17px;height:17px}
.autumn-campaign .autumn-drifting:nth-child(1){left:41%}
@keyframes autumn-fall{
  0%{transform:translateY(0) rotate(0);opacity:0}
  8%{opacity:.75}
  86%{opacity:.75}
  100%{transform:translateY(min(46vh,460px)) translateX(-60px) rotate(300deg);opacity:0}
}
@media(max-width:860px){
  .autumn-campaign-inner{grid-template-columns:1fr}
  .autumn-campaign-figure{display:none}
  .autumn-branch-tl{display:none}
}
@media(max-width:640px){
  .autumn-campaign{margin-top:24px}
  .autumn-campaign-cta{width:100%;justify-content:center}
}

/* --- Three.js yaprak tuvali (autumn.js olusturur) -------------------------- */
/* Sabit, tiklanamaz; icerik ile yuzen cagri butonu (z-index:90) arasinda. */
.autumn-leaves{position:fixed;inset:0;z-index:74;pointer-events:none;display:block}

@media(prefers-reduced-motion:reduce){
  .autumn-ribbon:before,.autumn-ribbon .autumn-leaf-icon,.autumn-campaign-inner:before,
  .autumn-campaign h2 em,.autumn-campaign-cta,.autumn-campaign-figure .autumn-maple,
  .autumn-branch-tl,.autumn-branch-br,.autumn-campaign .autumn-drifting{animation:none}
  /* autumn.js bu tercihe bakip hic baslamaz; tuval yine de gizlensin. */
  .autumn-leaves{display:none}
}