/* Seasonal Halloween skin: applied only when the PHP campaign resolver chooses it. */
body.seasonal-halloween {background:#f7f7f7}
body.seasonal-halloween #top-bar {background:#101521}
body.seasonal-halloween #top-bar .dark-bar {background:#101521}
body.seasonal-halloween #header-bar:before {content:"";position:absolute;inset:0 -200vw;background:radial-gradient(circle at 85% 20%,#3d1f36 0%,#141824 40%,#090c15 100%);z-index:-1}
body.seasonal-halloween #header-bar .slogan p {color:#e0cbd1}
/* The header and slide area must be separate stacking contexts: slider captions
   and oversized Hytale/Minecraft images can never paint over a dropdown. */
body.seasonal-halloween #header-bar {position:relative;z-index:100;isolation:isolate}
body.seasonal-halloween #header-bar #menu-bar {z-index:101}
body.seasonal-halloween #header-bar .navbar li.has-submenu .submenu-outer-container {z-index:102}
body.seasonal-halloween #menu-bar .navbar {background:#171922;box-shadow:0 8px 28px #0008}
body.seasonal-halloween #menu-bar .navbar li:hover {background:#e75b19}
/* One uninterrupted SVG is painted from the top of the slider through the
   start of the services section. Neither section independently crops/restarts it. */
body.seasonal-halloween .seasonal-scene-shell {
  position:relative;
  z-index:0;
  isolation:isolate;
  background:#0a101b url('/campaigns/halloween2026/scene.svg') center top / 100% auto no-repeat;
}
body.seasonal-halloween .seasonal-scene-shell .slider-background {
  position:relative;
  z-index:1;
  background:transparent;
}
body.seasonal-halloween .slider-navigation .slider-nav {width:25%}
body.seasonal-halloween .slider-navigation {width:900px;margin-left:-450px}
body.seasonal-halloween .slider-navigation .slider-nav {padding:13px 8px!important}
body.seasonal-halloween .slider-navigation .slider-nav .text {padding-left:6px;max-width:148px}
body.seasonal-halloween .slider-navigation .slider-nav .text h4 {font-size:15px}
body.seasonal-halloween .slider-navigation .slider-nav .text h5 {font-size:11px}
body.seasonal-halloween .slider-navigation .slider-nav .icon {font-size:24px}
/* Keep the illustration fully visible at the slider/services boundary.
   Only brighten it *after* the moon, server racks and pumpkins have appeared.
   The last stop restores the original light background before pricing starts. */
body.seasonal-halloween .seasonal-scene-shell #our-services {
  position:relative;
  background-color:transparent;
  background-image:linear-gradient(to bottom,
    rgba(247,247,247,0) 0%,
    rgba(247,247,247,0) 34%,
    rgba(247,247,247,.08) 50%,
    rgba(247,247,247,.30) 68%,
    rgba(247,247,247,.64) 83%,
    #f7f7f7 100%);
  background-size:100% 100%;
  background-repeat:no-repeat;
}
/* The first part of the service area is now dark by design: keep headings legible. */
body.seasonal-halloween .seasonal-scene-shell #our-services .title-bar h2,
body.seasonal-halloween .seasonal-scene-shell #our-services .title-bar h3 {
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.85);
}
body.seasonal-halloween .seasonal-scene-shell #our-services .handwritten-message p {
  color:#fff;
  text-shadow:0 2px 5px rgba(0,0,0,.8);
}
body.seasonal-halloween #form-container {background-color:#111623}
/* Sticky layout and compact sizes come from css/seasonal-promo.css. */
body.seasonal-halloween .seasonal-promo-bar {background:linear-gradient(90deg,#191723,#322037,#161821);color:#fff;border-top:1px solid #e56b2d;border-bottom:1px solid #ec6c2a}
body.seasonal-halloween .seasonal-promo-bar strong {color:#ff8a3d}
body.seasonal-halloween .seasonal-promo-bar a {color:#fff;text-decoration:underline}
body.seasonal-halloween .seasonal-promo-bar code {color:#ff9c49;background:#17151a;border:1px dashed #ff8a34}
.seasonal-promo-bar .seasonal-preview-badge {margin-left:12px;background:#fff;color:#25131d;border-radius:3px;padding:3px 7px;font-size:11px;text-transform:uppercase}
.seasonal-slide-copy {width:640px;max-width:100%;color:#fff;text-shadow:0 2px 10px #000}
.seasonal-slide-copy .seasonal-kicker {font-size:32px;font-weight:800;color:#ff7830;line-height:1.1}
.seasonal-slide-copy .seasonal-heading {font-size:64px;font-weight:800;line-height:1.02;color:#fff;margin:8px 0 14px}
.seasonal-slide-copy .seasonal-heading span {color:#ff7524}
.seasonal-slide-copy .seasonal-description {font-size:22px;margin-bottom:23px}
.seasonal-slide-copy .seasonal-code {display:inline-flex;gap:15px;align-items:center;background:#080b13df;border:1px dashed #fe7124;border-radius:8px;padding:11px 17px;font-size:19px}
.seasonal-slide-copy .seasonal-code strong {color:#ff8c37}
.seasonal-slide-copy .seasonal-date {margin:14px 0;color:#eedce0;font-size:15px}
.seasonal-slide-copy .btn {background:#ff6323;color:#fff;font-weight:bold;border:0;box-shadow:0 0 18px #fd5f2470}
.seasonal-mobile-promo {display:none}
@media(max-width:1199px){body.seasonal-halloween .slider-navigation{width:800px;margin-left:-400px}.seasonal-slide-copy{width:560px}.seasonal-slide-copy .seasonal-heading{font-size:55px}}
@media(max-width:991px){body.seasonal-halloween .slider-navigation{width:700px;margin-left:-350px}body.seasonal-halloween .slider-navigation .slider-nav .icon{display:none}.seasonal-slide-copy .seasonal-heading{font-size:43px}.seasonal-slide-copy .seasonal-description{font-size:18px}}
@media(max-width:767px){
 body.seasonal-halloween #header-bar:before{inset:0 -20px}
 body.seasonal-halloween .seasonal-mobile-promo {display:block;background:#10121e url('/campaigns/halloween2026/scene.svg') 68% center / cover;color:white;padding:32px 17px;text-align:center}
 body.seasonal-halloween .seasonal-mobile-promo h2 {color:#fff;font-size:32px;font-weight:800;margin:12px 0}
 body.seasonal-halloween .seasonal-mobile-promo h2 span{color:#ff7d2f}
 body.seasonal-halloween .seasonal-mobile-promo p{font-size:15px}
 body.seasonal-halloween .seasonal-mobile-promo .seasonal-mobile-code{display:inline-block;border:1px dashed #ff7625;border-radius:6px;padding:9px 15px;color:#ff9b45;font-size:20px;font-weight:bold;background:#101019}
 body.seasonal-halloween .seasonal-mobile-promo .btn {display:block;max-width:300px;margin:15px auto 0;background:#f65d24;color:#fff}
 body.seasonal-halloween .seasonal-scene-shell{background:#f7f7f7}
 body.seasonal-halloween .seasonal-scene-shell #our-services{background:#f7f7f7}
}