/* ─── Local fonts ─────────────────────────────────────────── */

/* Cormorant Garamond — Light 300 */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-latin-300-normal.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-cyrillic-300-normal.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Cormorant Garamond — Light 300 Italic */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-latin-300-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-cyrillic-300-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Cormorant Garamond — Regular 400 */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-cyrillic-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Cormorant Garamond — Regular 400 Italic */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-latin-400-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/cormorant/cormorant-garamond-cyrillic-400-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Jost — Light 300 */
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-latin-300-normal.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-cyrillic-300-normal.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Jost — Regular 400 */
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-cyrillic-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Jost — Medium 500 */
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-latin-500-normal.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                   U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                   U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost/jost-cyrillic-500-normal.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* ─── Reset ───────────────────────────────────────────────── */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ─── Theme CSS variables (injected per-domain via Blade) ─── */

:root {
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-ui:      'Jost', system-ui, sans-serif;

    /* Injected by Blade from config/goravia.php */
    --c-bg:         v-bg;
    --c-bg-card:    v-bg-card;
    --c-ink:        v-ink;
    --c-ink-muted:  v-ink-muted;
    --c-accent:     v-accent;
    --c-stripe-top: v-stripe-top;
    --c-stripe-bot: v-stripe-bot;
    --c-border:     v-border;
    --c-input-bg:   v-input-bg;
}

/* ─── Layout ──────────────────────────────────────────────── */

html, body {
    min-height: 100vh;
    background: var(--c-bg);
    font-family: var(--font-ui);
    color: var(--c-ink);
}

.page-wrap {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ─── Stripes ─────────────────────────────────────────────── */

.stripe-top {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--c-stripe-top);
    opacity: .55;
    z-index: 100;
}

.stripe-bot {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    height: 4px;
    background: var(--c-stripe-bot);
    opacity: .35;
    z-index: 100;
}

/* ─── Background geometry ─────────────────────────────────── */

.bg-geo {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* ─── Header / lang bar ───────────────────────────────────── */

.lang-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px 0;
    position: relative;
    z-index: 10;
}

.domain-tag {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
}

.lang-btns {
    display: flex;
}

.lang-btn {
    background: none;
    border: none;
    border-right: .5px solid var(--c-border);
    font-family: var(--font-ui);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
    cursor: pointer;
    padding: 4px 12px;
    transition: color .2s;
    text-decoration: none;
    display: inline-block;
}

.lang-btn:last-child { border-right: none; }

.lang-btn:hover,
.lang-btn.active { color: var(--c-ink); }

/* ─── Hero ────────────────────────────────────────────────── */

.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 32px 28px;
    position: relative;
    z-index: 5;
    flex: 1;
}

.logo-line {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
}

.logo-plane {
    font-size: 19px;
    color: var(--c-accent);
    animation: floatPlane 4s ease-in-out infinite;
}

@keyframes floatPlane {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50%       { transform: translateY(-5px) rotate(2deg); }
}

.logo-text {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
}

.hero-eyebrow {
    font-family: var(--font-display);
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: .06em;
    color: var(--c-ink-muted);
    margin-bottom: 12px;
}

.hero-title {
    font-family: var(--font-display);
    font-size: clamp(40px, 7vw, 58px);
    font-weight: 300;
    line-height: 1.05;
    color: var(--c-ink);
    letter-spacing: -.01em;
    margin-bottom: 8px;
}

.hero-title em {
    font-style: italic;
    color: var(--c-accent);
}

.hero-subtitle {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
    margin-bottom: 28px;
}

.divider {
    width: 36px;
    height: .5px;
    background: var(--c-accent);
    margin: 0 auto 24px;
    opacity: .45;
}

/* ─── Soon card ───────────────────────────────────────────── */

.soon-card {
    background: var(--c-bg-card);
    border: .5px solid var(--c-border);
    border-radius: 14px;
    padding: 22px 26px 20px;
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
}

.soon-label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--c-accent);
    margin-bottom: 11px;
    opacity: .8;
}

.soon-text {
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--c-ink);
    opacity: .82;
}

/* ─── Search mock ─────────────────────────────────────────── */

.search-mock {
    margin-top: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.search-input-mock {
    flex: 1;
    height: 38px;
    border-radius: 8px;
    border: .5px solid var(--c-border);
    background: var(--c-input-bg);
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 8px;
}

.search-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--c-ink-muted);
    opacity: .4;
    flex-shrink: 0;
}

.search-ph {
    font-size: 12px;
    color: var(--c-ink-muted);
    letter-spacing: .03em;
    opacity: .7;
}

.search-btn {
    height: 38px;
    width: 42px;
    border-radius: 8px;
    background: var(--c-accent);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .28;
    cursor: default;
    flex-shrink: 0;
}

.search-btn svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ─── Flags row ───────────────────────────────────────────── */

.flags-row {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.flag-chip {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    border: .5px solid var(--c-border);
    font-size: 10px;
    color: var(--c-ink-muted);
    letter-spacing: .04em;
    background: transparent;
    transition: border-color .2s, color .2s;
    text-decoration: none;
}

.flag-chip.active {
    border-color: var(--c-accent);
    color: var(--c-ink);
    opacity: .85;
}

.flag-emoji { font-size: 13px; }

/* ─── Footer ──────────────────────────────────────────────── */

.footer {
    text-align: center;
    font-size: 9px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--c-ink-muted);
    opacity: .45;
    padding: 20px 0 20px;
    position: relative;
    z-index: 5;
}