/*
Theme Name: ysa-carshop-website
Thema URI: https://ysa-carshop.site/
Description: ワイエスエー
version:
Auther: Yoshioka
Auther URI:
*/


/* ブラック背景 */
body{
	background-color: #000;
}
p,li,a{
	color: #fff;
}

/* トップページ以外では非表示（保険） */
body:not(.home):not(.front-page) #simpleType{
  display: none;
}

/* トップページのみ表示するタイピング文字 */
#simpleType{
  position: fixed;
  left: 0;
  bottom: 1.5em;
  z-index: 9999;



  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 1.175em;
  line-height: 1.4;
  letter-spacing: .08em;
  color: #fff;
}

#cursor{
  display: inline-block;
  margin-left: 2px;
}


/* =========================================
   White text + VERY STRONG yellow outer glow
   (for dark bg like #222)
========================================= */

#simpleType #typed{
  color: #ffffff;

  text-shadow:
    /* 白い芯（文字の可読性） */
    0 0 2px   rgba(255,255,255,1),

    /* 内側：明るい黄色 */
    0 0 10px  rgba(255,255,180,0.9),

    /* 中間層：はっきり黄色 */
    0 0 22px  rgba(255,230,90,0.8),
    0 0 36px  rgba(255,215,40,0.7),

    /* 外側：面で光らせる */
    0 0 56px  rgba(255,200,20,0.6),
    0 0 80px  rgba(255,200,20,0.45),
    0 0 110px rgba(255,200,20,0.30);
}

/* カーソルは光らせない */
#simpleType #cursor{
  color: #ffffff;
  text-shadow: none;
}

/* 打ち終わり：爆発的に黄色くキラッ */
#simpleType #typed.flash{
  animation: yellowFlashExtreme 420ms ease-out 1;
}

@keyframes yellowFlashExtreme{
  0%{
    filter: brightness(1);
    text-shadow:
      0 0 2px   rgba(255,255,255,1),
      0 0 10px  rgba(255,255,180,0.9),
      0 0 22px  rgba(255,230,90,0.8),
      0 0 36px  rgba(255,215,40,0.7),
      0 0 56px  rgba(255,200,20,0.6),
      0 0 80px  rgba(255,200,20,0.45),
      0 0 110px rgba(255,200,20,0.30);
  }
  55%{
    /* 一瞬だけ“照明直撃”レベル */
    filter: brightness(1.8);
    text-shadow:
      0 0 4px   rgba(255,255,255,1),
      0 0 20px  rgba(255,255,210,1),
      0 0 40px  rgba(255,240,140,0.95),
      0 0 70px  rgba(255,220,60,0.8),
      0 0 110px rgba(255,210,20,0.65),
      0 0 160px rgba(255,210,20,0.45);
  }
  100%{
    filter: brightness(1);
    text-shadow:
      0 0 2px   rgba(255,255,255,1),
      0 0 10px  rgba(255,255,180,0.9),
      0 0 22px  rgba(255,230,90,0.8),
      0 0 36px  rgba(255,215,40,0.7),
      0 0 56px  rgba(255,200,20,0.6),
      0 0 80px  rgba(255,200,20,0.45),
      0 0 110px rgba(255,200,20,0.30);
  }
}