/*
 * PEF: mobilni prikaz stranica (telefon, do 600 px). Dodato 12. 11. 2026.
 * Jedinstvena bočna margina 16 px, bez gomilanja unutrašnjih razmaka,
 * kartice 16 px iznutra, liste unutar margine, zaglavlja poravnata levo.
 * Početna stranica ima sopstveni raspored i nije obuhvaćena.
 * Učitava ga mu-plugins/pef-moduli/pef-mobilni-prikaz.php posle Dodatnog CSS-a.
 */
@media (max-width: 600px) {

  /* 1. Jedinstvena bočna margina stranice (16 px) */
  body:is(.page, .archive, .single-post, .search):not(.home) #content > .ast-container {
    padding-left: 16px;
    padding-right: 16px;
  }
  body.ast-separate-container:is(.page, .archive, .single-post, .search):not(.home) .ast-article-single,
  body.ast-separate-container:is(.page, .archive, .single-post, .search):not(.home) .ast-archive-description {
    padding-left: 0;
    padding-right: 0;
  }
  body:not(.home) .entry-content > .alignfull {
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    max-width: none;
  }
  body:not(.home) .entry-content > .alignfull.spectra-is-root-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 2. Blokovi najvišeg nivoa bez pozadine: bez dodatnog uvlačenja */
  body:not(.home) .entry-content > .wp-block-group:not(.has-background):not(.has-border-color):not([class*="pef-"]),
  body:not(.home) .entry-content > .wp-block-columns:not(.has-background):not([class*="pef-"]) {
    padding-left: 0;
    padding-right: 0;
  }

  /* 3. Kartice (blokovi sa pozadinom ili okvirom): 16 px iznutra */
  body:not(.home) .entry-content .wp-block-group.has-background,
  body:not(.home) .entry-content .wp-block-group.has-border-color,
  body:not(.home) .entry-content .wp-block-columns.has-background,
  body:not(.home) .entry-content .wp-block-column.has-background,
  body:not(.home) .entry-content .wp-block-group.pef-card {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body:not(.home) .entry-content .wp-block-group.pef-card > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4. Liste: oznake unutar margine */
  body:not(.home) .entry-content ul.wp-block-list,
  body:not(.home) .entry-content ol.wp-block-list {
    margin-left: 0;
    padding-left: 1.25em;
  }

  /* 5. Zaglavlja stranica poravnata levo, kao na ostalim stranicama */
  body:not(.home) .pef-upis-header,
  body:not(.home) .pef-upis-header :is(h1, h2, p),
  body:not(.home) .pef-ppm2-header,
  body:not(.home) .pef-ppm2-header :is(h1, h2, p),
  .pef-prijava .pef-header,
  .pef-prijava .pef-header .pef-title {
    text-align: left !important;
  }

  /* 6. Duge reči i adrese ne izlaze iz kolone */
  body:not(.home) .entry-content :is(p, li, td, h1, h2, h3, h4, a) {
    overflow-wrap: break-word;
  }

  /* 7. Kontakti Fakulteta (str. 6073): sekcije na margini, uvodni blok 16 px iznutra */
  body.page-id-6073 .entry-content .spectra-is-root-container.alignfull {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.page-id-6073 .pef-contact-hero {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 8. Katedre (spisak nastavnika): bez dodatnog uvlačenja omotača */
  .pef-kontakt-archive {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 9. Studijski programi (stari HTML blokovi): kartice 16 px iznutra */
  body .entry-content :is(.pef-diplomirani-ucitelj, .pef-diplomirani-vaspitac, .pef-diplomirani-bibliotekar,
    .pef-master-ucitelj, .pef-master-vaspitac, .pef-master-bibliotekar, .pef-master-digitalno-obrazovanje,
    .pef-doktor-metodike-razredne-nastave, .pef-doktor-nauka-bibliotekarstva) > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 10. Online prijava ispita: tekst na margini, okvir sa podacima 16 px */
  body .pef-prijava .pef-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body .pef-prijava .pef-header,
  body .pef-prijava .pef-list-box {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body .pef-prijava .pef-poziv-slika {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  /* 11. Upis: kartice nivoa studija na margini, 16 px iznutra */
  body:not(.home) .pef-upis-nivo-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body:not(.home) .pef-upis-nivo {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 12. Stranica nastavnika: dugi linkovi u biografiji ne šire stranu */
  body.single-kontakt .pef-k-bio-inner a {
    overflow-wrap: anywhere;
  }

  /* 13. ППМ програм (6045): табеле предмета као прегледна листа.
     Ред: број | назив предмета + група | ЕСПБ. Садржај табела није мењан. */
  body.page-id-6045 .pef-ppm2-section .pef-table {
    width: 100%;
    box-sizing: border-box;
  }
  body.page-id-6045 .pef-ppm2-section .pef-table table,
  body.page-id-6045 .pef-ppm2-section .pef-table thead,
  body.page-id-6045 .pef-ppm2-section .pef-table tbody {
    display: block;
    width: 100%;
    border: none;
  }
  body.page-id-6045 .pef-ppm2-section .pef-table tr {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 52px;
    column-gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid var(--pef-divider);
    position: relative;
  }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody tr:last-child { border-bottom: none; }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody tr:nth-child(even) { background: #FAFBFD; }
  body.page-id-6045 .pef-ppm2-section .pef-table th,
  body.page-id-6045 .pef-ppm2-section .pef-table td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: manual;
  }

  /* Заглавље: „Назив предмета” и „ЕСПБ”; „Ред. бр.” и „Група” остају за читаче екрана */
  body.page-id-6045 .pef-ppm2-section .pef-table thead tr {
    background: var(--pef-blue-soft);
    padding-top: 9px;
    padding-bottom: 9px;
  }
  body.page-id-6045 .pef-ppm2-section .pef-table thead th:nth-child(1),
  body.page-id-6045 .pef-ppm2-section .pef-table thead th:nth-child(3) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  body.page-id-6045 .pef-ppm2-section .pef-table thead th:nth-child(2) { grid-column: 1 / 3; }
  body.page-id-6045 .pef-ppm2-section .pef-table thead th:nth-child(4) { grid-column: 3; text-align: center; }

  /* Редови предмета */
  body.page-id-6045 .pef-ppm2-section .pef-table tbody td:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    font-size: 14px;
    line-height: 1.45;
    color: var(--pef-fg3);
  }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    font-size: 15.5px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--pef-fg1);
  }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody td:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    margin-top: 3px;
    font-size: 13.5px;
    line-height: 1.4;
    color: var(--pef-fg2);
  }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody td:nth-child(3)::before { content: "Група: "; }
  body.page-id-6045 .pef-ppm2-section .pef-table tbody td:nth-child(4) {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    text-align: center;
    padding: 6px 0 !important;
    border-radius: 8px;
    background: var(--pef-blue-soft) !important;
    color: var(--pef-blue-dark);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
  }
}