/*
Theme Name: Welcome to Serbia eVisa Portal
Theme URI: https://welcometoserbia.store/
Author: Welcome to Serbia
Description: Lightweight Serbian Cyrillic visa-services portal theme with responsive login and service landing pages. Independent private service portal; not an official government website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: welcome-serbia-evisa
*/
:root{--navy:#183b67;--blue:#2866a8;--light:#f3f6fa;--ink:#243449;--muted:#66768a;--line:#dce4ee;--white:#fff;--gold:#e8b64b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:#145da0;text-decoration:none}a:hover{text-decoration:underline}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:14px}.flag{width:44px;height:29px;object-fit:cover;border:1px solid #ddd}.brand{font-weight:800;color:var(--navy);font-size:21px;line-height:1.15}.brand small{display:block;font-weight:500;font-size:12px;color:var(--muted);letter-spacing:.03em}.lang{display:flex;gap:8px;font-size:13px;font-weight:700}.lang a{padding:7px 10px;border-radius:4px;color:#53657c}.lang a.active{background:#e7eef7;color:var(--navy)}.hero{background:linear-gradient(115deg,#173c68,#2c6095);color:white;padding:34px 20px}.hero-inner{max-width:1180px;margin:auto}.hero h1{font-size:clamp(26px,4vw,38px);margin:0 0 8px;font-weight:750}.hero p{margin:0;color:#e5edf6;max-width:720px}.main{max-width:1180px;margin:32px auto;padding:0 20px}.columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:26px;box-shadow:0 3px 12px #163b6508}.panel h2{font-size:22px;margin:0 0 18px;color:var(--navy)}.panel h3{font-size:17px;margin:0 0 10px;color:var(--navy)}.field{margin:0 0 16px}.field label{display:block;font-weight:650;font-size:14px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #cbd6e3;border-radius:5px;background:#fff;font:inherit;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid #9bc2ed;outline-offset:1px}.button,.wp-block-button__link,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;background:var(--navy);color:#fff;border:0;border-radius:5px;padding:12px 18px;font-weight:700;cursor:pointer}.button:hover,button[type=submit]:hover{background:#24578c;color:#fff;text-decoration:none}.button.full{width:100%}.note{padding:13px 15px;background:#edf4fb;border-left:4px solid #3979b7;border-radius:3px;color:#3b526d;font-size:14px}.services{display:grid;gap:14px}.service{padding:17px;border:1px solid var(--line);border-radius:6px;background:#fff}.service p{margin:5px 0 0;color:var(--muted);font-size:14px}.service .symbol{font-size:22px;color:var(--blue);margin-bottom:7px}.small{font-size:13px;color:var(--muted)}.site-footer{margin-top:48px;background:#153657;color:#dbe7f2;padding:25px 20px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner a{color:#fff}.private-label{font-size:12px;opacity:.8}.content-area{max-width:900px;margin:35px auto;padding:0 20px}.content-area article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.login-form .login-remember{margin:12px 0}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:12px;border:1px solid #cbd6e3;border-radius:5px}.login-form input[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:5px;padding:12px 20px;font-weight:700}.login-form label{font-weight:600}
@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column}.columns{grid-template-columns:1fr}.hero{padding:27px 20px}.panel{padding:20px}.main{margin:22px auto}.footer-inner{display:block}}