/* Cadılar Bayramı 2026 — 30 Ekim akşamı ile 31 Ekim 2026 (İstanbul saati) için.
   <html class="halloween"> sınıfını inc/halloween.php'deki küçük script ekler.
   1 Kasım'dan sonra: bu dosya, inc/halloween.php, img/halloween/ ve functions.php'deki require satırı silinir. */

html.halloween {
  --color-primary: #ff7518;
  --color-primary-rgb: 255, 117, 24;
}
html.halloween .home-hero-btn--primary:hover,
html.halloween .home-hero-btn--primary:focus {
  background-color: #ff9a4d;
}

/* İskelet el imleci */
html.halloween,
html.halloween body {
  cursor: url("../img/halloween/skeleton-hand.svg") 12 2, auto;
}
html.halloween a,
html.halloween button,
html.halloween [role="button"],
html.halloween label,
html.halloween select,
html.halloween summary,
html.halloween input[type="submit"],
html.halloween input[type="button"] {
  cursor: url("../img/halloween/skeleton-hand.svg") 12 2, pointer;
}

/* Halkalar -> bal kabağı */
html.halloween .instructor-list .instructor-slider:before,
html.halloween .course-instructors .instructor-slider:before,
html.halloween .img-hero-first::before,
html.halloween .img-hero-second::after,
html.halloween .single-instructor .instructor-detail-main .img-holder::before {
  border: 0;
  padding: 0;
  border-radius: 0;
  background: url("../img/halloween/pumpkin.svg") center / contain no-repeat;
  opacity: 0.55;
}
/* Eğitmenler: kartların arkasından yükselen Jack-O-Lantern (kafa ve kollar kartların üstünde) */
html.halloween .instructor-list .instructor-slider:before {
  width: 520px;
  height: 520px;
  top: -262px;
  bottom: auto;
  clip-path: inset(0 0 calc(100% - 276px) 0);
  background-image: url("../img/halloween/jack-o-lantern.svg");
  opacity: 1;
}
@media (max-width: 768px) {
  html.halloween .instructor-list .instructor-slider:before {
    width: 340px;
    height: 340px;
    top: -170px;
    clip-path: inset(0 0 calc(100% - 182px) 0);
    z-index: -1;
  }
}

html.halloween .img-hero-first::before,
html.halloween .img-hero-second::after {
  width: 220px;
  height: 220px;
}

/* Hero: koyu zemine serpiştirilmiş ikonlar */
html.halloween .home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-image:
    url("../img/halloween/pumpkin.svg"),
    url("../img/halloween/ghost.svg"),
    url("../img/halloween/frankenstein.svg"),
    url("../img/halloween/skull.svg"),
    url("../img/halloween/witch-hat.svg"),
    url("../img/halloween/bat.svg"),
    url("../img/halloween/mummy.svg"),
    url("../img/halloween/pumpkin.svg"),
    url("../img/halloween/bat.svg"),
    url("../img/halloween/ghost.svg"),
    url("../img/halloween/skull.svg"),
    url("../img/halloween/witch-hat.svg"),
    url("../img/halloween/frankenstein.svg"),
    url("../img/halloween/mummy.svg");
  background-size:
    64px, 56px, 60px, 52px, 60px, 84px, 56px,
    48px, 70px, 44px, 44px, 52px, 46px, 48px;
  background-position:
    calc(4% + var(--hx, 0) * 8px) calc(14% + var(--hy, 0) * 6px),
    calc(18% + var(--hx, 0) * 5px) calc(82% + var(--hy, 0) * 4px),
    calc(34% + var(--hx, 0) * 10px) calc(10% + var(--hy, 0) * 7px),
    calc(47% + var(--hx, 0) * 6px) calc(88% + var(--hy, 0) * 4px),
    calc(56% + var(--hx, 0) * 9px) calc(16% + var(--hy, 0) * 6px),
    calc(66% + var(--hx, 0) * 12px) calc(52% + var(--hy, 0) * 8px),
    calc(76% + var(--hx, 0) * 5px) calc(90% + var(--hy, 0) * 4px),
    calc(88% + var(--hx, 0) * 7px) calc(12% + var(--hy, 0) * 5px),
    calc(94% + var(--hx, 0) * 11px) calc(46% + var(--hy, 0) * 8px),
    calc(8% + var(--hx, 0) * 5px) calc(48% + var(--hy, 0) * 4px),
    calc(27% + var(--hx, 0) * 6px) calc(56% + var(--hy, 0) * 4px),
    calc(92% + var(--hx, 0) * 9px) calc(84% + var(--hy, 0) * 6px),
    calc(45% + var(--hx, 0) * 8px) calc(50% + var(--hy, 0) * 6px),
    calc(62% + var(--hx, 0) * 6px) calc(82% + var(--hy, 0) * 4px);
}
html.halloween .home-hero > .container {
  z-index: 1;
}

/* Kartların sol üst köşesinde süsler (bazılarında) */
html.halloween .cta-boxes .cta-card::before {
  content: "";
  position: absolute;
  top: -24px;
  left: -14px;
  width: 54px;
  height: 54px;
  background: center / contain no-repeat;
  transform: rotate(-14deg);
  pointer-events: none;
  z-index: 2;
}
html.halloween .cta-boxes__grid > div:nth-child(1) .cta-card::before {
  background-image: url("../img/halloween/pumpkin.svg");
}
html.halloween .cta-boxes__grid > div:nth-child(2) .cta-card::before {
  background-image: url("../img/halloween/witch-hat.svg");
  transform: rotate(10deg);
}
html.halloween .cta-boxes__grid > div:nth-child(3) .cta-card::before {
  background-image: url("../img/halloween/ghost.svg");
}

/* "Seni aramamızı ister misin?" kutusu: eski görseller gizlenir, cadı kutunun sol alt kenarına oturur */
html.halloween .home-contact-cta > div:first-child figure {
  display: none;
}
html.halloween .home-contact-cta > div:first-child figure:nth-of-type(3) {
  display: block;
  position: absolute;
  bottom: -288px;
  left: -29px;
  width: 525px;
  max-width: none;
  height: 525px;
  margin: 0;
  z-index: 3;
  pointer-events: none;
  background: url("../img/halloween/witch.svg") center / contain no-repeat;
}
html.halloween .home-contact-cta > div:first-child figure:nth-of-type(3) img {
  visibility: hidden;
}
@media (max-width: 991.98px) {
  html.halloween .home-contact-cta > div:first-child figure:nth-of-type(3) {
    bottom: -212px;
    left: -29px;
    width: 400px;
    max-width: none;
    height: 400px;
  }
}

/* Formun sağındaki halka görseli -> kutunun sağ üst köşesinde bal kabağı */
html.halloween figure:has(> img[src*="Vector-21"]) {
  top: -48px;
  right: 8px;
  left: auto;
  width: 110px;
  height: 110px;
  z-index: 3;
  pointer-events: none;
  transform: rotate(12deg);
  background: url("../img/halloween/pumpkin.svg") center / contain no-repeat;
}
html.halloween figure:has(> img[src*="Vector-21"]) img {
  visibility: hidden;
}
@media (max-width: 767.98px) {
  html.halloween figure:has(> img[src*="Vector-21"]) {
    top: -36px;
    right: 4px;
    width: 80px;
    height: 80px;
  }
}

/* Fluent Forms düğmeleri (renkleri eklenti ayarında sabit yazılı) */
html.halloween #fluentform_4 .ff-btn-submit {
  color: var(--color-primary) !important;
}
html.halloween #fluentform_3 .ff-btn-submit {
  background-color: var(--color-primary) !important;
}

/* Google yorumları: mumya, sola akan yorumları kovalıyor (sağ uçta, aynalanmış) */
html.halloween .google-reviews-section .google-reviews-desktop {
  position: relative;
}
html.halloween .google-reviews-section .google-reviews-desktop::after {
  content: "";
  position: absolute;
  /* geniş ekranda 300px dışarı; dar ekranda ekrandan taşmayacak kadar */
  right: max(-300px, calc(-1 * ((100vw - min(100vw, 1250px)) / 2 + 40px)));
  bottom: -40px;
  width: 380px;
  height: 380px;
  z-index: 5;
  pointer-events: none;
  background: url("../img/halloween/mummy-coffin.svg") center / contain no-repeat;
  transform: scaleX(-1);
}
html.halloween body {
  overflow-x: clip;
}