/*
Theme Name: RayooTech 2026 Custom Theme
Theme URI: https://www.rayoo.co.jp/
Author: RayooTech Inc.
Description: RayooTech 2026年社名変更・リブランディング専用の超軽量・高精度カスタムWordPressテーマ。PHP 8.x ＆ WP最新互換。
Version: 4.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rayootech-theme-2026
Requires PHP: 8.0
*/

:root {
  scrollbar-gutter: stable;
  /* RayooTech コーポレートブランドカラー */
  --color-brand-blue: #003399;
  --color-brand-red: #E60012;
  --color-brand-dark: #111827;
  --color-brand-light: #F8FAFC;
  --color-gray-800: #1f2937;
  --color-gray-600: #4b5563;
  --color-gray-500: #6b7280;

  /* アニメーション・トランジション */
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fade-up: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* スムーススクロール ＆ アンカーオフセット */
html {
  scroll-behavior: smooth;
}

section[id], div[id] {
  scroll-margin-top: 100px;
}

/* =============================================================
   WordPress Gutenberg & Grid Layout Alignment Protection (横並び崩れ完全防止)
   ============================================================= */
.entry-content .grid,
main .grid,
section .grid {
  display: grid !important;
  width: 100% !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

@media (min-width: 768px) {
  .entry-content .md\:grid-cols-2,
  main .md\:grid-cols-2,
  section .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  .entry-content .md\:grid-cols-3,
  main .md\:grid-cols-3,
  section .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .entry-content .md\:grid-cols-4,
  main .md\:grid-cols-4,
  section .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  .entry-content .lg\:grid-cols-3,
  main .lg\:grid-cols-3,
  section .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .entry-content .lg\:grid-cols-4,
  main .lg\:grid-cols-4,
  section .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}