/* desktop.css */
/* このファイルは画面幅が600px以上のデバイスにのみ適用されます (HTMLの<linkタグで制御) */

/* デスクトップでは改行させたい */
.br-pc {
    display: block;
}

.responsive-indent {
    margin-left: 4em; /* インデントをデスクトップでは広めに */
}

/* コンテナの最大幅を調整 */
.container {
    max-width: 1280px; /* lg:max-w-6xl に相当 */
    padding-left: 2rem; /* lg:px-8 に相当 */
    padding-right: 2rem; /* lg:px-8 に相当 */
}

/* セクションのパディングを調整 */
section {
    padding-top: 6rem; /* lg:py-24 に相当 */
    padding-bottom: 6rem; /* lg:py-24 に相当 */
}

/* ナビゲーションメニューの表示 (モバイルメニューを非表示に) */
.lg\:hidden {
    display: none;
}
.hidden.lg\:flex {
    display: flex;
}

/* ヒーローセクションのレイアウト調整 */
#hero {
    flex-direction: row; /* 横並び */
    min-height: 60vh; /* Changed from 70vh to 60vh */
}

/* ヒーローセクションのテキストコンテンツの配置 */
.hero-content-left {
    padding-left: 0; /* デスクトップでは左パディングをリセット */
    padding-right: 0; /* デスクトップでは右パディングをリセット */
}
.hero-gradient-overlay {
    width: 66.6667%; /*オーバーレイのサイズ　 デスクトップでは2/3 */
    max-width: 1024px;
}

/* フローティングCTAバナーのデスクトップ用スタイル - グローバルスタイルから移動 */
.floating-cta-banner {
    flex-direction: row; /* デスクトップでは横並び */
    justify-content: center; /* 中央揃え */
    gap: 1.5rem; /* デスクトップでのスペース */
    padding: 1rem 2rem;
    border-radius: 0; /* デスクトップでも角丸なし */
}
/* フローティングCTAバナーのテキストサイズ調整 */
.floating-cta-banner-text {
    font-size: 1.125rem; /* Revert to original size for desktop */
}

/* 価格セクションのパディング */
#pricing {
    padding-top: 6rem; /* デスクトップでのパディング調整 */
    padding-bottom: 6rem; /* デスクトップでのパディング調整 */
}

/* デスクトップ版ではモバイル版フローティングボタンを非表示 */
#mobile-floating-button {
    display: none;
}

/* 特定のボタンをデスクトップで表示する */
.hide-on-small-mobile {
    display: inline-flex !important; /* または block, flex など、元のボタンの display プロパティに合わせる */
}

/* ヒーローセクションのテキストをデスクトップでのみ改行しないように設定 */
.hero-main-title-text,
.hero-description-text {
    white-space: nowrap;
}