/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* --- Loader overlay base --- */
#site-loader{
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center;
  background: #fff;             /* 背景色（必要なら #fff8f8 等に） */
  transition: opacity .4s ease, visibility .4s ease;
}

/* 非表示へ */
#site-loader.is-hide{
  opacity: 0; visibility: hidden; pointer-events: none;
}

/* --- Cube grid (ブランド色) --- */
.sk-cube-grid{ width: 40px; height: 40px; }

.sk-cube-grid .sk-cube{
  width: 33%; height: 33%;
  background-color: #CC6868;    /* ← ブランド色 */
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

/* 遅延（そのまま流用） */
.sk-cube-grid .sk-cube1{ animation-delay: .2s; }
.sk-cube-grid .sk-cube2{ animation-delay: .3s; }
.sk-cube-grid .sk-cube3{ animation-delay: .4s; }
.sk-cube-grid .sk-cube4{ animation-delay: .1s; }
.sk-cube-grid .sk-cube5{ animation-delay: .2s; }
.sk-cube-grid .sk-cube6{ animation-delay: .3s; }
.sk-cube-grid .sk-cube7{ animation-delay:  0s; }
.sk-cube-grid .sk-cube8{ animation-delay: .1s; }
.sk-cube-grid .sk-cube9{ animation-delay: .2s; }

@keyframes sk-cubeGridScaleDelay{
  0%,70%,100%{ transform: scale3d(1,1,1); }
  35%       { transform: scale3d(0,0,1); }
}

/* 動きに弱い人へ配慮 */
@media (prefers-reduced-motion: reduce){
  .sk-cube-grid .sk-cube{ animation: none; }
}