/* ======= Inner pages: large headers + spacious layout (all pages except the home page) ======= */
body:not(.hx-body) {
    --pg-serif: 'Cinzel', serif;
    --pg-gold: #887E6F;
}
html[lang="el"] body:not(.hx-body) { --pg-serif: 'Cinzel', 'Noto Serif Display', serif; }

/* ---------- Large header ---------- */
body:not(.hx-body) .banner-header { position: relative; min-height: 680px; }
body:not(.hx-body) .banner-header:after {
    content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
    background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 55%, rgba(0,0,0,.6) 100%);
}
body:not(.hx-body) .banner-header .container,
body:not(.hx-body) .banner-header .caption { position: relative; z-index: 2; }
body:not(.hx-body) .banner-header .caption p {
    font-family: 'Outfit', 'Manrope', sans-serif;
    font-size: 14px; letter-spacing: 6px; text-transform: uppercase; font-weight: 400;
    color: rgba(255,255,255,.9); margin-bottom: 22px;
}
body:not(.hx-body) .banner-header h1,
body:not(.hx-body) .banner-header.full-height h1 {
    font-family: var(--pg-serif);
    font-size: clamp(44px, 7.2vw, 128px);
    font-weight: 500; line-height: 1.08em; letter-spacing: -1px;
    text-transform: none; color: #fff;
    padding-bottom: 0; border: 0; border-image: none;
    width: auto; margin: 0 auto; max-width: 1400px;
    text-shadow: 0 2px 40px rgba(0,0,0,.25);
}
html[lang="el"] body:not(.hx-body) .banner-header h1,
html[lang="el"] body:not(.hx-body) .banner-header.full-height h1 { font-family: 'Noto Serif Display', 'Noto Serif', serif; font-weight: 300; letter-spacing: -.5px; }
body:not(.hx-body) .banner-header h1 small {
    display: block; margin-top: 14px;
    font-family: 'Libre Caslon Display', 'Noto Serif Display', serif; font-style: italic; font-weight: 400;
    font-size: .55em; letter-spacing: 0; line-height: 1.15em; color: rgba(255,255,255,.95);
}

/* ---------- Spacious layout ---------- */
body:not(.hx-body) .section-padding { padding-top: 150px; padding-bottom: 150px; }
body:not(.hx-body) .section-padding .container { max-width: 1400px; padding-left: 40px; padding-right: 40px; }
body:not(.hx-body) .section-padding .row { --bs-gutter-x: 3rem; }
body:not(.hx-body) .section-padding .col-md-12 > .row { --bs-gutter-x: 5rem; }
body:not(.hx-body) .section-padding .row > .col-md-12 > .row,
body:not(.hx-body) .section-padding .container > .row > .col-md-12 > .row { margin-bottom: 110px; align-items: center; }
body:not(.hx-body) .section-padding .row > .col-md-12 > .row:last-child { margin-bottom: 0; }
body:not(.hx-body) .section-padding .row.mb-30, body:not(.hx-body) .section-padding .row.mb-60 { margin-bottom: 90px; }

body:not(.hx-body) .section-padding .section-title,
body:not(.hx-body) .section-padding .text-area .section-title {
    font-family: var(--pg-serif);
    font-size: clamp(30px, 3.4vw, 54px);
    font-weight: 500; line-height: 1.12em; letter-spacing: -1px;
    margin-bottom: 30px; color: var(--pg-gold);
}
html[lang="el"] body:not(.hx-body) .section-padding .section-title { font-family: 'Noto Serif Display', 'Noto Serif', serif; font-weight: 400; letter-spacing: -.5px; }
body:not(.hx-body) .section-padding .section-subtitle { letter-spacing: 6px; margin-bottom: 18px; }
body:not(.hx-body) .section-padding p,
body:not(.hx-body) .section-padding li { line-height: 1.85em; }
body:not(.hx-body) .section-padding p { margin-bottom: 24px; }
body:not(.hx-body) .section-padding ul { margin-bottom: 36px; }
body:not(.hx-body) .section-padding li { margin-bottom: 8px; }
body:not(.hx-body) .section-padding .text-area { padding-top: 10px; padding-bottom: 10px; }

body:not(.hx-body) .border-wrapper img { width: 100%; }
body:not(.hx-body) .butn-dark { margin-top: 20px; }

@media (max-width: 991px) {
    body:not(.hx-body) .banner-header { min-height: 560px; }
    body:not(.hx-body) .section-padding { padding-top: 90px; padding-bottom: 90px; }
    body:not(.hx-body) .section-padding .container { padding-left: 22px; padding-right: 22px; }
    body:not(.hx-body) .section-padding .row { --bs-gutter-x: 1.5rem; }
    body:not(.hx-body) .section-padding .row > .col-md-12 > .row,
    body:not(.hx-body) .section-padding .container > .row > .col-md-12 > .row { margin-bottom: 50px; }
}
html[lang="el"] body:not(.hx-body) .banner-header h1 { text-wrap: balance; font-size: clamp(30px, 4.2vw, 68px); line-height: 1.12em; max-width: 1100px; }
html[lang="el"] body:not(.hx-body) .banner-header h1 small { font-size: .6em; margin-top: 10px; }
html[lang="el"] body:not(.hx-body) .banner-header .caption p { margin-bottom: 16px; }

/* section titles are real <h2> headings now: keep the previous look */
body:not(.hx-body) h2.section-title { font-weight: 500 !important; }
html[lang="el"] body:not(.hx-body) h2.section-title { font-weight: 400 !important; }
