/* =====================================================================
   MEDIALAB - TAMNI NAČIN (Postavke → Boje → "Tamni način")
   Isti dizajn, samo su svijetle podloge tamne, a tekst svijetao. Učitava se nakon style.css i wp.css.
   ===================================================================== */
:root {
    --white: #0b0d0e;              /* podloga stranice */
    --alt: #131618;                /* "siva" podloga sekcija */
    --ink: #f5f5f7;
    --text: #f5f5f7;
    --text-2: #a1a1a6;
    --text-3: #86868b;
    --hairline: rgba(255, 255, 255, 0.12);
    --dark-border: rgba(255, 255, 255, 0.08);
}
html { background: var(--white); }
body { background: var(--white); color: var(--text); }
.bg-white { background: var(--white); }
.bg-alt, .mesh { background: var(--alt); color: var(--text); }
.bg-alt .hairline, .hairline { background: var(--hairline); }
::selection { background: rgba(var(--blue-rgb), 0.45); color: #fff; }

/* kartice su i dalje tamne; tanki rub da se odvoje od tamne podloge */
.card, .bg-alt .card, .feature, .bg-alt .feature, .step, .bg-alt .step, .product, .svc-card { box-shadow: inset 0 0 0 1px var(--dark-border); }
.feature, .bg-alt .feature, .step, .bg-alt .step { border-top-color: rgba(255, 255, 255, 0.1); }
a.card:hover { box-shadow: inset 0 0 0 1px rgba(var(--blue-rgb), 0.5), 0 22px 60px -12px rgba(var(--blue-rgb), 0.45); }
.card-media, .product-media { background: #0f1214; }

/* obrazac, polja, staklo */
.glass { background: rgba(22, 25, 26, 0.72); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); }
.field label { color: var(--text-2); }
.field input, .field textarea { color: var(--text); background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.16); }
.field input::placeholder, .field textarea::placeholder { color: #7d7d82; }
.field input:focus, .field textarea:focus { background: rgba(255, 255, 255, 0.09); border-color: var(--blue); }
.field select { color: var(--text); background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.16); }
.form-note, .small, .text-3 { color: var(--text-3); }

/* gumbi s tamnim obrubom postaju svijetli */
.btn-outline { color: var(--ink); border-color: rgba(255, 255, 255, 0.3); }
.btn-outline:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.5); }
.btn-white { background: #fff; color: #1d1d1f; }
.to-top { background: var(--blue); color: #fff; border-color: var(--blue); }
.to-top:hover { background: var(--blue-hover); border-color: var(--blue-hover); }

/* ostale sitnice sa svijetlom podlogom */
.areas li { background: var(--alt); color: var(--text); border-color: var(--hairline); }
.lightbox { background: rgba(11, 13, 14, 0.9); }
.lightbox-close { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.1); color: #fff; }
.faq summary { color: var(--text); }
.info-table td { border-color: var(--hairline); }
.ml-pagination .page-numbers { background: var(--alt); color: var(--text); border-color: var(--hairline); }
.post-content blockquote { border-color: var(--blue); color: var(--text-2); }
.post-content table td, .post-content table th { border-color: var(--hairline); }
.post-content code { background: rgba(255, 255, 255, 0.08); }
.footer, .stats-band { border-top: 1px solid var(--hairline); }

/* logotipi klijenata ostaju u svojim bojama; tamni se prebacuju na bijelo kvačicom (vidi wp.css .logo-white) */

/* slike u sadržaju objava i pravnih stranica bez bijelih rubova */
.post-content img { background: transparent; }

/* gumb s bijelim obrubom (slider, headeri): na prelazak mišem bijela podloga s tamnim slovima */
.btn-outline-white:hover { background: #fff; color: #1d1d1f; border-color: #fff; }
.slide-content .btn-outline-white:hover, .hero-usluga .btn-outline-white:hover, .page-hero-img .btn-outline-white:hover { color: #1d1d1f; }