/*
Theme Name: Takamatsu PC
Description: 高松メッキ工業株式会社専用WordPressテーマ - 緑×ネイビーの調和配色
Version: 1.0.0
Author: Takamatsu Mekki Kogyo
*/

/*
 * Main Theme Stylesheet
 * メインテーマスタイルシート
 * 
 * このファイルは分割されたCSSファイルのハブとして機能します。
 * 実際のスタイルは以下のファイルで定義されています：
 * 
 * - assets/css/base.css (基本スタイル・リセット・変数)
 * - assets/css/layout.css (レイアウトコンポーネント)
 * - assets/css/components.css (UIコンポーネント)
 * - assets/css/header-footer.css (ヘッダー・フッター)
 * - assets/css/pages.css (ページ固有のスタイル)
 * 
 * これらのファイルは functions.php で適切な順序で読み込まれます。
 */

/* ========================================
   WordPress標準クラスとの互換性のみ
======================================== */

/* WordPress標準クラス */
.wp-caption {
    max-width: 100% !important;
    margin-bottom: 1.5rem !important;
}

.wp-caption-text {
    font-size: 0.9em !important;
    color: #666 !important;
    text-align: center !important;
    margin-top: 0.5rem !important;
}

.alignleft {
    float: left !important;
    margin-right: 1rem !important;
    margin-bottom: 1rem !important;
}

.alignright {
    float: right !important;
    margin-left: 1rem !important;
    margin-bottom: 1rem !important;
}

.aligncenter {
    display: block !important;
    margin: 0 auto 1rem !important;
}

.alignwide,
.alignfull {
    width: 100% !important;
    max-width: none !important;
}

/* WordPress ギャラリー */
.gallery {
    margin-bottom: 1.5rem !important;
}

.gallery-item {
    display: inline-block !important;
    text-align: center !important;
    vertical-align: top !important;
    width: 100% !important;
}

.gallery-columns-2 .gallery-item {
    max-width: 50% !important;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33% !important;
}

.gallery-columns-4 .gallery-item {
    max-width: 25% !important;
}

/* WordPress ブロックエディタ対応 */
.has-text-align-center {
    text-align: center !important;
}

.has-text-align-left {
    text-align: left !important;
}

.has-text-align-right {
    text-align: right !important;
}

/* ========================================
   Utility Classes for Legacy Compatibility
======================================== */

.clear {
    clear: both !important;
}

.clearfix::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* エディタスタイルの基本設定 */
.editor-styles-wrapper {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif !important;
}

/* カスタム投稿タイプのアイコン（管理画面用） */
#adminmenu #menu-posts-technology .wp-menu-image:before {
    content: '\f111' !important;
}

#adminmenu #menu-posts-works .wp-menu-image:before {
    content: '\f322' !important;
}

/* ========================================
   Critical CSS Override (競合解決)
======================================== */

/* WordPressデフォルトスタイルの完全上書き */
html,
body {
    margin: 0;
    padding: 0;
}