/* ==========================================================================
   VELMORA YAPI — application additions on top of the theme (main.css, pages.css).
   Only what the integrated site needs and the static theme did not have: an uploaded logo in
   place of the wordmark, real language links, image flags, the hidden spam field and the credits
   table. Theme files stay as delivered.
   ========================================================================== */

/* ---------- Uploaded brand logo (replaces the text wordmark when configured) ---------- */
.brand--logo { flex-direction: row; align-items: center; }
.brand-logo { display: block; height: 44px; width: auto; max-width: 220px; object-fit: contain; }
.footer-brand .brand-logo { height: 64px; max-width: 280px; }
/* The header is transparent over a hero and light after scrolling or on solid pages. */
.site-header .brand-logo--on-dark { display: none; }
.site-header .brand-logo--on-light { display: block; }
.has-hero .site-header:not(.is-scrolled) .brand-logo--on-dark { display: block; }
.has-hero .site-header:not(.is-scrolled) .brand-logo--on-light { display: none; }
.site-header .brand--logo:not(:has(.brand-logo--on-light)) .brand-logo--on-dark { display: block; }
.site-header .brand--logo:not(:has(.brand-logo--on-dark)) .brand-logo--on-light { display: block; }

/* ---------- Language selector: image flags and the no-script link fallback ---------- */
.lang-flag img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lang-native a { font-size: .74rem; font-weight: 700; letter-spacing: .14em; color: inherit; text-decoration: none; padding: 4px 2px; }
.lang-native a[aria-current="true"] { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- Social icons from the shared icon set ---------- */
.social svg { width: 18px; height: 18px; fill: currentColor; }

/* ---------- Spam trap: present for scripts that fill every field, absent for people ---------- */
.hp-field { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- A form waiting for its response ---------- */
form[aria-busy="true"] button[type="submit"] { opacity: .65; pointer-events: none; }

/* ---------- Image credits ---------- */
/* The scroll region contains the absolutely positioned "new tab" hints so they cannot widen the page. */
.table-scroll { position: relative; }
.credits-table td, .credits-table th { vertical-align: top; }
.credits-table small { color: var(--v-muted); }
.credits-table a { overflow-wrap: anywhere; }

/* ---------- Developer credit in the footer ---------- */
.site-footer .footer-credit { color: #F2B544; font-weight: 700; text-decoration: none; }
.site-footer .footer-credit:hover, .site-footer .footer-credit:focus-visible { color: #F7CB72; text-decoration: underline; text-underline-offset: 3px; }