/*
Theme Name: Astra BLRE Child
Description: BL不動産株式会社 HP デモ用 子テーマ（Astra親 + Elementor 編集前提の最小構成）
Template: astra
Version: 0.2.0
Text Domain: astra-blre
*/

/* 子テーマ独自CSSはここに追加。基本はAstraカスタマイザとElementorで完結させる。 */

/* 2026-06-26 トップ ヒーロー1枚目: 背景がタイル状に繰り返す不具合の修正
   原因: background-size:100% auto + repeat(既定) → 拡大時に縦に画像が並ぶ。
   サイト内の他の背景はすべて cover。ここだけ作法から外れていたため cover に統一。 */
.elementor-59 .elementor-element.elementor-element-8ee02f8:not(.elementor-motion-effects-element-type-background),
.elementor-59 .elementor-element.elementor-element-8ee02f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


/* 事業内容カード：枠の高さを揃える & ボタンを横位置で揃える */

/* カードの白枠を親いっぱいに伸ばす */
.elementor-element-b059a4d,
.elementor-element-cedd48a,
.elementor-element-26108ba {
    height: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

/* inner section のcontainerを伸ばす */
.elementor-element-b059a4d > .elementor-container,
.elementor-element-cedd48a > .elementor-container,
.elementor-element-26108ba > .elementor-container {
    flex: 1 !important;
    align-items: stretch !important;
}

/* inner col-100 を伸ばす */
.elementor-element-c10a195,
.elementor-element-55c570b,
.elementor-element-9cef05c {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* inner col の widget-wrap: column方向に積んでボタン押し下げを有効化 */
.elementor-element-c10a195 > .elementor-element-populated,
.elementor-element-55c570b > .elementor-element-populated,
.elementor-element-9cef05c > .elementor-element-populated {
    flex: 1 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

/* ボタンを下端に固定 */
.elementor-element-3e5a355,
.elementor-element-708dee4,
.elementor-element-526122c {
    margin-top: auto !important;
}

/* 詳しく見るボタン：上下の余白を縮小 */
.elementor-element-b059a4d,
.elementor-element-cedd48a,
.elementor-element-26108ba {
    padding-bottom: 16px !important;
}
.elementor-element-460b1b9,
.elementor-element-c8ceefb,
.elementor-element-62a634a {
    margin-bottom: 8px !important;
}

/* services ページ：3カードの縦幅を揃える */
.elementor-element-750ad19,
.elementor-element-cd7b3d6,
.elementor-element-b8a4cd7 {
    display: flex !important;
    flex-direction: column !important;
}
.elementor-element-750ad19 > .elementor-element-populated,
.elementor-element-cd7b3d6 > .elementor-element-populated,
.elementor-element-b8a4cd7 > .elementor-element-populated {
    flex: 1 1 auto !important;
}
.elementor-element-b86b9b8,
.elementor-element-a379386,
.elementor-element-e4aaf66 {
    height: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}
.elementor-element-b86b9b8 > .elementor-container,
.elementor-element-a379386 > .elementor-container,
.elementor-element-e4aaf66 > .elementor-container {
    flex: 1 !important;
    align-items: stretch !important;
}
.elementor-element-791e3ce,
.elementor-element-f4220e3,
.elementor-element-c7e46de {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.elementor-element-791e3ce > .elementor-element-populated,
.elementor-element-f4220e3 > .elementor-element-populated,
.elementor-element-c7e46de > .elementor-element-populated {
    flex: 1 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

/* services ページ：ボタンを下端に固定 */
.elementor-element-04f5068,
.elementor-element-79ac608,
.elementor-element-b656bd2 {
    margin-top: auto !important;
}


/* services/buy/ 物件種別：枠を90%サイズに縮小 */
.elementor-element-a805fb4,
.elementor-element-0e5f123,
.elementor-element-8e0caf6,
.elementor-element-dec7cf3,
.elementor-element-e599379,
.elementor-element-120dffc {
    transform: scale(0.9) !important;
    transform-origin: center center !important;
}
/* services/buy/ 物件種別タブ */
.property-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 20px 0;
}
.property-tabs a {
    display: inline-block;
    padding: 8px 22px;
    border: 1px solid #1a2b50;
    border-radius: 4px;
    color: #1a2b50;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s, color 0.2s;
}
.property-tabs a:hover,
.property-tabs a.active {
    background-color: #1a2b50;
    color: #fff;
}