/* /public/css/theme/school/base/typography.css */

@font-face {
    font-family: "Futura Light";
    src: url('../../../../fonts/Futura-Light.ttf') format('truetype');
}
@font-face {
    font-family: "Futura Light";
    src: url('../../../../fonts/FuturaLightC.ttf') format('truetype');
}
@font-face {
    font-family: "Futura Book";
    src: url('../../../../fonts/Futura-Book.ttf') format('truetype');
}
@font-face {
    font-family: "Futura Book Cyrillic";
    src: url('../../../../fonts/FuturaBookC.ttf') format('truetype');
}

p {
    font-family: "Futura Light", "Futura Light Cyrillic", sans-serif;
    font-size: var(--paragraph);
}

::-webkit-input-placeholder { /* Edge */
    color: black;
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: 1.5rem;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: 1.5rem;
}
::placeholder {
    color: black;
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: 1.5rem;
}

::selection {
    background: var(--colorDarkYellow); /* or any color */
    color: black; /* text color */
}


/* --- Standard Placeholders --- */
::-webkit-input-placeholder { color: black; font-family: "Futura Book", sans-serif; font-size: 1.5rem; }
:-ms-input-placeholder { color: black; font-family: "Futura Book", sans-serif; font-size: 1.5rem; }
::placeholder { color: black; font-family: "Futura Book", sans-serif; font-size: 1.5rem; }

/* --- Focus Placeholders (Your Code Here!) --- */
/* Hides the placeholder when the user clicks into the field */
:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder          { color: transparent; }
:focus:-moz-placeholder           { color: transparent; }
:focus:-ms-input-placeholder      { color: transparent; }
:focus::placeholder               { color: transparent; } /* Added the modern standard for safety */

.page-title {
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: var(--font-size-h1);
    text-align: center;
    padding-bottom: .5rem;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.page-title-tag {
    /*font-family: "Futura Light", "Futura Light Cyrillic", sans-serif;*/
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: var(--paragraph);

    margin: .5rem;
    padding: .25rem 1rem;
    background-color: var(--colorGrey2);
    color: black;
    border-radius: 2rem;
}

.page-description {
    font-family: "Futura Light", "Futura Light Cyrillic", sans-serif;
    font-size: var(--font-size-header-offer);
    text-align: center;
    color: var(--colorWhite);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);

}
.page-description-hover-information  {
    position: relative;
    display: block;
}
.page-description-hover-information::after  {
    position: absolute;
    top: -4vh;
    right: 0;

    content: attr(data-bubble);
    display: none;
    transition: opacity 0.2s ease-in-out;
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: var(--paragraph);
}

.page-description-hover-information:hover::before,
.page-description-hover-information:hover::after {
    display: block;
}


/* --- LP --- */
.brand-name {
    color: var(--colorWhite);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.event-page-title {
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: var(--font-size-h1);
    text-align: center;
    color: var(--colorDarkYellow, #f1c40f);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.course-page-title {
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    font-size: var(--doubleParagraph);
    text-align: center;
    color: var(--colorDarkYellow, #f1c40f);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* --- Thank You P --- */
.spot-reservation-time {
    text-decoration: underline;
    text-decoration-color: var(--colorDarkYellow, #f1c40f);
    text-align: center;
}

.success-block-margin {
    margin-top: 1.5rem;
    padding: 2rem;
}

.text-muted {
    font-family: "Futura Light", "Futura Light Cyrillic", sans-serif;
    font-size: var(--paragraph);
    text-align: center;
}
.legal-document p, .legal-document ul, .legal-document ul li, .legal-document h2 {
    font-family: "Futura Book Cyrillic", "Futura Book", sans-serif;
    font-size: var(--doubleParagraph);
    margin: 1rem;
}
.invalid-feedback {
    text-align: center;
}


/* MOBILE LAYOUT (Screens smaller than 768px) */
@media (max-width: 768px) {
    .page-description {
        font-size: var(--font-size-h1);
    }

    .brand-name {
        margin-left: 2rem;
    }
}