/*
Theme Name: Yutai Kurashi Theme
Theme URI: https://example.com
Author: AI Assistant
Description: 株主優待アプリ「優待くらし」のためのランディングページテーマ
Version: 1.0.1
*/

/*
 * NOTE: Main styles are located in assets/css/ directory.
 * They are loaded individually via functions.php for better maintainability.
 */

/* 固定ヘッダー - 最優先で適用（style.cssは最後に読み込まれるので確実に適用される） */
header {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 70px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    z-index: 999999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* admin-barがある場合の調整 */
.admin-bar header {
    top: 32px !important;
}

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

body {
    padding-top: 70px !important;
}

.admin-bar body {
    padding-top: 102px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar body {
        padding-top: 116px !important;
    }
}

/* 投稿ページフッター - 最優先で適用 */
.update-detail-footer-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 40px !important;
}

.update-back-link {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.update-detail-navigation {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    gap: 24px !important;
}

.update-nav-link {
    display: inline-flex !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* フッター - 最優先で適用 */
.footer-content {
    gap: 80px !important;
}

.footer-branding p {
    white-space: nowrap !important;
}

.footer-links {
    display: flex !important;
    gap: 80px !important;
    flex-wrap: nowrap !important;
}

.footer-column {
    flex-shrink: 0 !important;
}

.footer-column h4 {
    white-space: nowrap !important;
}