/*
Theme Name: TOGARUS 2026
Theme URI: https://togarus.com/
Author: TOGARUS Team
Description: 尖ったコンサルスキルのナレッジ・コンサルプラットフォーム「TOGARUS」公式WordPressテーマ。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: togarus2026
Tags: consulting, education, business, responsive-layout, grid-layout
*/

/* ==========================================================================
Base Styles & Fallbacks
========================================================================== */

html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
color: #111111;
background-color: #FFFFFF;
}

/* ==========================================================================
Smooth Flat Transition
========================================================================== */

.flat-transition {
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
Infinite Scroll Animation (New Courses Slider)
========================================================================== */

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

.animate-scroll-infinite {
display: flex;
width: max-content;
animation: scroll 32s linear infinite;
}

.animate-scroll-infinite:hover {
animation-play-state: paused;
}

/* ==========================================================================
Fade In Animation
========================================================================== */

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.animate-fade-in {
animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* ==========================================================================
WordPress System & Admin Bar Fixes
========================================================================== */

/* 管理バー表示時の固定ヘッダー位置補正 */
body.admin-bar header.fixed {
top: 32px;
}

@media screen and (max-width: 782px) {
body.admin-bar header.fixed {
top: 46px;
}
}

/* アイキャッチ画像のデフォルトアスペクト比保持 */
img {
max-width: 100%;
height: auto;
}