:root {
    --sun: var(--color-primary, #f5c842);
    --earth: #000;
    --card: var(--color-card, #ffffff);

    /* Backwards-compatible alias for existing sunflower SVGs. */
    --primary: var(--sun);
}

/* Claro supplies this utility on administrative pages, but anonymous theme
 * rendering must define it too. Without it, Drupal's accessible field labels
 * remain in the layout and can make the document thousands of pixels wide. */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.content-header {
    background: transparent !important;
    overflow: visible !important;
}

/* The menu is wrapped by Drupal's short-lived header region, so that outer
 * container has to be sticky instead of the menu markup itself. */
.content-header:has([data-site-header]) {
    position: sticky;
    top: var(--drupal-displace-offset-top, 0px);
    z-index: 40;
    margin-bottom: 0;
    background-color: var(--color-background) !important;
}
.layout-container {
   margin: 0 !important;
}
a, .link,
a:hover, .link:hover {
    color: inherit;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

a.is-active {
    color: inherit !important;
}

.ovodai-pedagogus-card {
    display: grid;
    gap: 2rem;
}

@media (min-width: 48rem) {
    .ovodai-pedagogus-row--odd .ovodai-pedagogus-card__image {
        order: 1;
    }

    .ovodai-pedagogus-row--odd .ovodai-pedagogus-card__content {
        order: 2;
    }

    .ovodai-pedagogus-row--even .ovodai-pedagogus-card__image {
        order: 2;
    }

    .ovodai-pedagogus-row--even .ovodai-pedagogus-card__content {
        order: 1;
    }
}

/* Iskolai pedagógusok – kártyánként a szöveg körbefolyja a képet. */
.iskolai-pedagogus-card {
    /* A lebegtetett kép magasságát is tartalmazza (keret, háttér, padding). */
    display: flow-root;
}

.iskolai-pedagogus-card__image {
    width: 40%;
    max-width: 24rem;
    margin-bottom: 1rem;
}

/* Páratlan blokk: kép a bal felső sarokban, a szöveg jobbról folyja körbe. */
.iskolai-pedagogus-row--odd .iskolai-pedagogus-card__image {
    float: left;
    margin-right: 1.5rem;
}

/* Páros blokk: kép a jobb felső sarokban, a szöveg balról folyja körbe. */
.iskolai-pedagogus-row--even .iskolai-pedagogus-card__image {
    float: right;
    margin-left: 1.5rem;
}

/* Mobilon minden blokkban a kép a szöveg fölé kerül, középre igazítva. */
@media (max-width: 40rem) {
    .iskolai-pedagogus-row--odd .iskolai-pedagogus-card__image,
    .iskolai-pedagogus-row--even .iskolai-pedagogus-card__image {
        float: none;
        width: 100%;
        max-width: 18rem;
        margin-right: auto;
        margin-left: auto;
    }
}

.layout--twocol-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-block: calc(.25rem * 14);
    padding-inline: calc(.25rem * 4);
}

.layout__region--first,
.layout__region--second {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
    max-width: 36rem;
}

@media (width >= 40rem) {
    .layout--twocol-section {
        padding-block: calc(.25rem * 16);
        padding-inline: calc(.25rem * 6);
    }

    .layout__region--first,
    .layout__region--second {
        flex-basis: 50%;
        width: auto;
    }
}

.layout--twocol-section:has(.fooldal-hirek-es-esemenyek-blokk) {
    background-image: linear-gradient(180deg, oklch(100% 0 0), oklch(96% .04 90));
    border-top: 1px solid oklch(90% .03 85);
}

#footer-links .field--name-field-linkek {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: calc(.25rem * 2);
    column-gap: calc(.25rem * 4);
    font-size: .875rem;
}

#footer-links .field--name-field-linkek a {
    color: #382315;
}
#footer-links .field--name-field-linkek a:hover {
    color: #448335;
}

.full-image article,
.full-image div,
.full-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu-item--expanded {
    cursor: pointer;
}

#hero-top-bg-image {
    mask-image: linear-gradient(to bottom, transparent 10%, black 50%, transparent 100%)
}

#hero-bottom-bg-image {
    mask-image: radial-gradient(circle, black 30%, transparent 75%);
}

#tovabbi-hirek-rows-parent .views-row,
#galeria-album-rows-parent .views-row {
    display: flex;
}

#hover-scale-image-parent article,
#hover-scale-image-parent div {
    width: auto;
    height: 100%;
}
#hover-scale-image-parent img {
    transition-duration: 500ms;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#hover-scale-image-parent img:hover {
    scale: 1.05 1.05 !important;
}

#foto-grid-pictures-block .contextual-region {
    position: static !important;
}

.view-id-orarend .views-exposed-form,
.view-id-orarend .views-exposed-form__item {
    display: none !important;
}

#dokumentumok-filter .views-exposed-form {
    position: relative;
    flex: 1;
    min-width: 220px;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#dokumentumok-filter .views-exposed-form .views-exposed-form__item {
    width: 100%;
    margin: 0 !important;
}

#dokumentumok-filter .views-exposed-form .views-exposed-form__item input {
    width: 100%;
    max-height: 46px;
    border-radius: 50px;
    border: 1px solid #e7ddc8;
    background-color: #ffffff;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239b8a63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 1rem center;
    background-size: 1rem 1rem;

    padding-top: calc(.25rem * 3);
    padding-bottom: calc(.25rem * 3);
    padding-left: calc(.25rem * 11);
    padding-right: calc(.25rem * 4);

    font-size: .875rem;
}

#dokumentumok-filter .views-exposed-form .views-exposed-form__item input:focus,
#dokumentumok-filter .views-exposed-form .views-exposed-form__item input:focus-visible,
#dokumentumok-filter .views-exposed-form .views-exposed-form__item input:hover {
    border-color: #c09910 !important;
    outline: none !important;
    box-shadow: none !important;
}

#dokumentumok-filter .views-exposed-form .form-actions {
    display: none;
}