/*
Theme Name: OFFICE ABLE
Theme URI: https://office-able.jp/
Author: OFFICE ABLE Co., Ltd.
Description: 有限会社オフィスエイブル コーポレートサイト用テーマ（D案 GRADIENT）。ヒーローは3DCGのOAマーク（WebGPU/WebGL2実時間レンダリング・開幕は露光）。自己ホストの可変フォント・AVIF画像・Speculation Rulesで構成しています。
Version: 2.29.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: office-able-us
*/

/* 実装は css/us.css → fx.css → figs.css → modern.css の順に読み込む。
   このファイルは WordPress がテーマとして認識するための宣言と、
   管理バーが出たときの微調整だけを持つ。 */

/* ログイン中は上に32pxの管理バーが出る。固定ヘッダーがその下に隠れないよう下げる */
body.admin-bar header#header{top:32px;}
@media screen and (max-width:782px){ body.admin-bar header#header{top:46px;} }

/* WPが本文に出すページ送り */
.pagination,.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;
  font-family:var(--ff-en);font-weight:600;font-size:14px;}
.nav-links .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;
  padding:0 12px;border:1px solid var(--line);border-radius:999px;transition:all .3s;}
.nav-links .page-numbers:hover{border-color:var(--blue);color:var(--blue);}
.nav-links .page-numbers.current{background:var(--ink);border-color:var(--ink);
  color:light-dark(#fff,#080c16);}

/* Contact Form 7（フォームはCF7のショートコードで出す） */
.wpcf7 .frow input,.wpcf7 .frow select,.wpcf7 .frow textarea{width:100%;}
.wpcf7-not-valid-tip{color:#c0392b;font-size:12.5px;margin-top:6px;display:block;}
.wpcf7 form .wpcf7-response-output{margin:18px 0 0;padding:14px 18px;border-radius:12px;
  border:1px solid var(--line);font-size:13.5px;}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--line-g);color:var(--line-g);}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{border-color:#c0392b;color:#c0392b;}
.wpcf7-spinner{margin:10px auto 0;display:block;}