/* BIRO404_FINAL_WEBSITE_INTEGRATION_R01 - sloj nad sr1 (SIGNAL). Samo SR strane. */

/* ---------- oblast 1: Optic Shop (CC2 A_OPTIC_WEB: desktop 3:2, telefon 4:5 sa velikim telefonom) ---------- */
.obl-a figcaption{padding-left:0;max-width:46ch}

/* ---------- oblast 3: veci kadar aplikacije na sirokom ekranu (verifier P2-3) ---------- */
@media (min-width:1101px){
  .obl-c .obl-txt{grid-column:1 / span 5}
  .obl-c .obl-list{grid-template-columns:1fr}
  .obl-c .obl-fig{grid-column:6 / -1}
}

/* ---------- oblast 2: Color Harmony 1.3.0 (CC2 B_COLOR_HARMONY_130, owner odobrio 11-04) ---------- */
.obl-b .obl-fig{padding-bottom:0}
.obl-fig picture{display:block}

/* ---------- H1 naslovne na najuzim telefonima: bez jedne reci u poslednjem redu ---------- */
@media (max-width:380px){#h1{text-wrap:balance}}

/* ---------- telefon: oblasti = slika pa tekst, kraca lista ---------- */
@media (max-width:820px){
  .obl-ch{display:flex;flex-direction:column;row-gap:20px}
  .obl-ch .obl-fig{order:-1;margin-left:0}
  .obl-a .obl-fig{margin-left:0}
  .obl-b .obl-txt{order:0}
  .obl-fig figcaption{margin-top:12px;font-size:.86rem}
  .obl-b figcaption{margin-top:12px}
  .obl-list{margin-top:14px;gap:6px}
}

/* ---------- telefon: ponovljeni blokovi kao traka koja se prevlaci ---------- */
@media (max-width:700px){
  .m-rail,.hw-seconds,.hr-grid,.works-row,.pa3-pair,.plans,.sig-port .svc-grid{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-columns:84%;gap:14px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--pad-x));padding:4px var(--pad-x) 14px!important;scroll-padding-inline:var(--pad-x)}
  .m-rail::-webkit-scrollbar,.hw-seconds::-webkit-scrollbar,.hr-grid::-webkit-scrollbar,.works-row::-webkit-scrollbar,.pa3-pair::-webkit-scrollbar,.plans::-webkit-scrollbar,.sig-port .svc-grid::-webkit-scrollbar{display:none}
  .hw-seconds>*,.hr-grid>*,.hr-sides>*,.works-row>*,.pa3-pair>*,.plans>*,.sig-port .svc-grid>*{scroll-snap-align:start;min-width:0;margin:0!important;width:auto!important;max-width:none!important;translate:none!important}
  .hr-sides{display:contents!important}
  .hw-second--low{transform:none!important}
  .m-rail-hint{display:block;margin:-4px 0 0;font-size:.84rem;color:var(--ink-3)}
  /* drustvene mreze: primeri objava u dve kolone umesto jedne */
  .soc-grid.soc-grid--3{grid-template-columns:1fr 1fr!important;gap:10px!important}
}
.m-rail-hint{display:none}
@media (prefers-reduced-motion:reduce){.m-rail,.hw-seconds,.hr-grid,.works-row,.pa3-pair,.plans{scroll-behavior:auto}}

/* R14: tastatura u mobilnim trakama */
@media (max-width:700px){.m-rail:focus-within,.hw-seconds:focus-within,.hr-grid:focus-within,.works-row:focus-within,.pa3-pair:focus-within,.plans:focus-within,.sig-port .svc-grid:focus-within{scroll-snap-type:none}.m-rail :focus-visible,.hw-seconds :focus-visible,.hr-grid :focus-visible,.works-row :focus-visible,.pa3-pair :focus-visible,.plans :focus-visible,.sig-port .svc-grid :focus-visible{outline-offset:-3px}}