/*
 * eko-world-entry-polish.v4.css - UI/UX pass over the public entry pages (owner order 2026-10-07).
 * Loaded last on /, /login.html, /about, /contact and /video_gallery.html. Layout and tap-size fixes only; colours, art and
 * fonts stay the original Ekoloko language (design-language.md: no frames, wood buttons, Arial text, RTL).
 *  - every link and control that is a target of its own is at least 44px tall (menu bars, footer links, sign-in fields,
 *    the "remember me" checkboxes, the password eye, the sign-up form's back / refresh buttons and checkbox);
 *  - the two "remember me" boxes say what they remember (the field they sit next to);
 *  - video gallery: 16:9 thumbnails without the baked-in black bars, one fluid column on phones.
 */

/* ---- menu bar (landing, sign-in, sign-up) ---- */
.eko-login-header-link { min-height: 44px !important; }
a[aria-label="עזרה"], .eko-login-header-link { min-width: 44px; }

/* ---- sign-up form ---- */
.eko-world-reg .eko-world-back { min-height: 44px; padding-block: 8px; }
.eko-world-reg .eko-world-reveal, .eko-world-reg .eko-world-refresh { min-width: 44px; min-height: 44px; }
.eko-world-reg .eko-world-check label { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.eko-world-reg .eko-world-check input[type="checkbox"] { width: 24px; height: 24px; flex: none; }
.eko-world-reg .eko-world-captcha input { min-width: 140px; }

/* ---- public pages (about, contact): menu and footer links ---- */
.site-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer nav a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; }
#eko-public-content article > p:last-child a { display: inline-block; padding-block: 12px; }

/* ---- video gallery ---- */
#eko-public-content .gallerylist .innerbox a { display: block; }
#eko-public-content .gallerylist .innerbox img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
#eko-public-content .logout a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 14px; }
@media (max-width: 760px) {
  #eko-public-content table { width: 100% !important; }
  #eko-public-content table td { width: auto !important; }
  #eko-public-content table img[width] { max-width: 100%; height: auto; }
  #eko-public-content .contentbox, #eko-public-content .gallerylist { max-width: 100%; }
  #eko-public-content .gallerylist .innerbox { float: none; width: 100% !important; margin: 0 0 14px; }
}

/* v3: the notebook sheet's spiral-ring art left black dots floating beside the fields; a plain light paper keeps the form clean */
.eko-world-reg .eko-world-reg-controls { background-image: none !important; background-color: rgba(255, 255, 255, .9) !important; border-radius: 18px !important; }

/* v4: the skip link and the image links on the public pages are 44px targets */
.eko-public-skip { display: inline-flex !important; align-items: center; min-height: 44px; padding-inline: 14px; box-sizing: border-box; }
#eko-public-content a:has(> img) { display: inline-block; min-height: 44px; }