/* ============================================================================
   auth/entry.css — ulazni ekrani: prijava i pravna obavijest
   ----------------------------------------------------------------------------
   Učitava ga samo ulazna ljuska (resources/views/renet/layouts/entry.blade.php),
   POSLIJE renet.css. Izvor: dogma_admin_layout_0.0.4.pdf, str. 52–72.

   Rasporedi:
     ≥ 992 px  .renet-entry-split — lijevo pozdrav s citatom, desno kartica (str. 61/63)
     < 992 px  sve u stupcu: logo, pozdrav, kartica (str. 52/58)

   Pozadinske linije crtaju se samo u tamnoj temi i samo izvan podijeljenog
   rasporeda — tako je u maketama. Podijeljeni raspored ih prekriva svojim
   background-image (vidi dno filea).
   ========================================================================== */

/* --- Ljuska ----------------------------------------------------------------- */
.renet-entry {
  /* Udio lijeve polovice u podijeljenom rasporedu: 1080 od 1920 px u maketi
     (str. 61/63). Isti broj vodi pozadinu i rešetku, pa se ne smiju razići. */
  --renet-entry-split-start: 56.25%;

  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  background-color: var(--renet-bg);
}

[data-renet-theme="dark"] .renet-entry {
  background-image: url("../img/entry-lines.svg");
  background-size: cover;
  background-position: center;
}

.renet-entry-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--renet-space-24);
  padding: var(--renet-space-40) var(--renet-space-16);
}

/* --- Logo ------------------------------------------------------------------- */
.renet-brand-logo { display: block; width: auto; }
.renet-brand-logo-sm { height: 18px; }
.renet-brand-logo-lg { height: 36px; }

/* --- Pozdrav („Dobrodošli u Renet") ----------------------------------------- */
.renet-welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--renet-space-24);
  text-align: center;
}

.renet-welcome-title {
  margin: 0;
  font-size: var(--renet-text-3xl);
  font-weight: var(--renet-weight-bold);
  line-height: var(--renet-leading-tight);
  letter-spacing: var(--renet-tracking-tight);
  color: var(--renet-text);
}

.renet-welcome-title-accent { color: var(--renet-accent); }

/* Citat se vidi samo u podijeljenom rasporedu. */
.renet-quote { display: none; margin: 0; }

.renet-quote-text {
  margin: 0;
  font-size: var(--renet-text-2xl);
  font-weight: var(--renet-weight-bold);
  line-height: var(--renet-leading-tight);
  color: var(--renet-text);
}

.renet-quote-author {
  display: block;
  margin-top: var(--renet-space-12);
  font-size: var(--renet-text-sm);
  color: var(--renet-text-muted);
}

/* --- Kartica s formom ------------------------------------------------------- */
.renet-auth-card {
  width: 100%;
  max-width: 420px;
  padding: var(--renet-space-32) var(--renet-space-24);
  border-radius: var(--renet-radius-lg);
  background-color: var(--renet-surface-alt);
  color: var(--renet-text);
}

.renet-auth-card-title {
  margin: 0 0 var(--renet-space-24);
  font-size: var(--renet-text-xl);
  font-weight: var(--renet-weight-bold);
  text-align: center;
}

.renet-auth-card .renet-field { background-color: var(--renet-bg); }

.renet-auth-card-group + .renet-auth-card-group { margin-top: var(--renet-space-20); }

.renet-auth-card-remember {
  display: flex;
  align-items: center;
  gap: var(--renet-space-8);
  margin-top: var(--renet-space-16);
  font-size: var(--renet-text-sm);
}

.renet-auth-card-submit { margin-top: var(--renet-space-24); }

/* --- Pravna obavijest ------------------------------------------------------- */
.renet-legal-frame {
  width: 100%;
  max-width: 880px;
  padding: var(--renet-space-48) var(--renet-space-24);
  border: 12px solid var(--renet-accent);
  background-color: var(--renet-bg);
  text-align: center;
}

.renet-legal-mark { display: block; width: 40px; height: 40px; margin: 0 auto var(--renet-space-16); }

.renet-legal-title {
  margin: 0 0 var(--renet-space-12);
  font-size: var(--renet-text-4xl);
  font-weight: var(--renet-weight-bold);
  line-height: var(--renet-leading-tight);
  color: var(--renet-accent-text);
}

.renet-legal-lead {
  max-width: 640px;
  margin: 0 auto var(--renet-space-16);
  font-size: var(--renet-text-lg);
  font-weight: var(--renet-weight-bold);
  color: var(--renet-text);
}

.renet-legal-text {
  max-width: 640px;
  margin: 0 auto var(--renet-space-12);
  font-size: var(--renet-text-sm);
  line-height: var(--renet-leading-loose);
  color: var(--renet-text-muted);
}

/* U prozoru na prijavi okvir nosi sam .modal-content. */
.renet-legal-modal .modal-content { border: 8px solid var(--renet-accent); }
.renet-legal-modal .renet-legal-title { font-size: var(--renet-text-3xl); }

/* --- Podnožje ulaznih ekrana ------------------------------------------------ */
.renet-entry-footer {
  position: relative;
  background-color: transparent;
}

.renet-entry-footer-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--renet-space-8) var(--renet-space-16);
}

.renet-entry-version { color: var(--renet-text-faint); font-size: var(--renet-text-2xs); }

.renet-entry-footer-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.renet-entry-footer-link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--renet-text-muted);
  font: inherit;
}

.renet-entry-footer-link:hover { color: var(--renet-accent); }

/* --- Mobitel i tablet -------------------------------------------------------- */
@media (max-width: 991.98px) {
  .renet-entry-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--renet-space-16);
    padding-block: var(--renet-space-20);
    text-align: left;
  }

  /* Prekidač teme ispod kartice, iznad ostatka podnožja (str. 52/58). */
  .renet-entry-footer .renet-footer-end { order: -1; align-self: center; margin-left: 0; }
  .renet-entry-footer-center { display: none; }
}

@media (max-width: 575.98px) {
  .renet-auth-card { padding: var(--renet-space-24) var(--renet-space-16); }
  .renet-legal-frame { padding: var(--renet-space-32) var(--renet-space-16); border-width: 8px; }
  .renet-legal-title { font-size: var(--renet-text-3xl); }
}

/* --- Podijeljeni raspored (prijava, ≥ 992 px) -------------------------------- */
@media (min-width: 992px) {
  .renet-entry.renet-entry-split {
    /* Prekriva i linije tamne teme — u podijeljenom rasporedu ih nema. */
    background-image: linear-gradient(
      to right,
      var(--renet-bg) 0 var(--renet-entry-split-start),
      var(--renet-bg-subtle) var(--renet-entry-split-start) 100%
    );
  }

  .renet-entry-split .renet-entry-body {
    display: grid;
    grid-template-columns: var(--renet-entry-split-start) 1fr;
    align-items: stretch;
    padding: 0;
  }

  .renet-entry-split .renet-welcome {
    position: relative;
    align-items: flex-end;
    justify-content: center;
    /* 120 px od sredine ekrana do desnog ruba naslova, kao u maketi. */
    padding: var(--renet-space-48) 120px var(--renet-space-48) var(--renet-space-48);
    text-align: right;
  }

  .renet-entry-split .renet-welcome .renet-brand-logo {
    position: absolute;
    top: var(--renet-space-48);
    left: var(--renet-space-48);
  }

  .renet-entry-split .renet-welcome-title { font-size: 4rem; } /* 64 px, veće od --renet-text-4xl */

  .renet-entry-split .renet-quote { display: block; max-width: 560px; margin-top: var(--renet-space-64); }

  .renet-entry-split .renet-auth-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--renet-space-48);
  }

  /* U svijetloj temi je desna polovica siva, pa je kartica na njoj bijela, a
     polja siva; u tamnoj vrijedi isto što i izvan podijeljenog rasporeda. */
  [data-renet-theme="light"] .renet-entry-split .renet-auth-card { background-color: var(--renet-surface); }
  [data-renet-theme="light"] .renet-entry-split .renet-auth-card .renet-field { background-color: var(--renet-bg-subtle); }
}