/*
Theme Name: RC Connect
Theme URI: https://rc0314.com/
Author: Residence Connect Inc.
Author URI: https://rc0314.com/
Description: 株式会社レジデンスコネクトのコーポレートサイト用カスタムテーマ。住宅業界のハブ企業としてのブランドメッセージを伝える、白・ネイビー・ゴールドを基調としたモダンなデザイン。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: Proprietary
Text Domain: rc-connect
*/

/* Theme base styles are loaded via Tailwind CDN in header.php */
body { font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; color: #3e3a39; }
.font-display { font-family: 'Montserrat', 'Noto Sans JP', sans-serif; }

.hero-overlay { background: linear-gradient(135deg, rgba(0,44,84,0.88) 0%, rgba(0,91,172,0.75) 100%); }
.blue-gradient { background: linear-gradient(135deg, #005bac 0%, #003d75 100%); }
.gold-gradient { background: linear-gradient(135deg, #d3c57c 0%, #b8a34a 100%); }
.green-gradient { background: linear-gradient(135deg, #009245 0%, #006430 100%); }

.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.10); }

.fade-in { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.nav-blur { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.trans { transition: opacity 0.26s ease; }
.trans:hover { opacity: 0.8; }

.section-divider::after { content: ''; display: block; width: 60px; height: 3px; background: #005bac; margin: 20px auto 0; }
.promise-border { border-left: 4px solid #005bac; }

@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.float-anim { animation: float 4s ease-in-out infinite; }

.smiconnect-bg { background-color: #d3c57c; }

html { scroll-behavior: smooth; }

/* WordPress post content */
.post-content { line-height: 1.9; }
.post-content h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 1rem; color: #3e3a39; border-left: 4px solid #005bac; padding-left: 1rem; }
.post-content h3 { font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0 0.75rem; color: #3e3a39; }
.post-content p { margin-bottom: 1rem; }
.post-content a { color: #005bac; text-decoration: underline; }
.post-content a:hover { color: #003d75; }
.post-content ul, .post-content ol { margin: 1rem 0 1rem 1.5rem; }
.post-content ul li { list-style: disc; }
.post-content ol li { list-style: decimal; }
.post-content img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1rem 0; }
.post-content blockquote { border-left: 4px solid #005bac; padding-left: 1rem; margin: 1.5rem 0; color: #555; background: #f5f5f5; padding: 1rem; border-radius: 0.25rem; }