/* sutomore.org — paleta iz arhivnog wp-content/themes/sutomore/style.css */
/* navy #0f306d (naziv/logo), olive #475234 (meni), sky #31c4f5 (hover), lime #7cad27/#99ce3b, tekst #373737 */
:root{--navy:#0f306d;--navy2:#0a2352;--olive:#475234;--olive2:#333c24;
--sky:#31c4f5;--lime:#7cad27;--lime2:#99ce3b;--lime3:#b9e965;
--sand:#f6f5ef;--line:#e0e4d6;--muted:#5f6b5a;--ink:#373737}
*{box-sizing:border-box}
body{margin:0;background:var(--sand);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.65;font-size:16px}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
a{color:var(--navy)}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",Times,serif;color:var(--navy);letter-spacing:-.01em}
.top{background:var(--olive2);color:#d7e0c8;font-size:12.5px}
.top .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:9px 18px}
.hed{background:linear-gradient(180deg,#173a7d,var(--navy));border-bottom:3px solid var(--lime2)}
.hed .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 0}
.logo img{height:52px;width:auto;display:block}
.nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;justify-content:center;flex-wrap:wrap}
.nav a{color:#eaf1fb;font-size:13.5px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.03em}
.nav a:hover{color:var(--sky)}
.btn{display:inline-block;background:var(--lime);color:#fff;border-radius:8px;padding:11px 20px;font-weight:700;font-size:14px;text-decoration:none}
.btn:hover{background:var(--sky);color:#062033}
.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn.sm{padding:8px 14px;font-size:13px}
.hero{background:linear-gradient(120deg,#0b1c42,#1d4a86);color:#fff;border-radius:14px;overflow:hidden;margin:18px 0;display:grid;grid-template-columns:1.15fr .85fr}
.hero .txt{padding:32px}
.hero h1{font-size:33px;line-height:1.2;margin:0 0 12px;color:#fff}
.hero p{color:#d5e2f2;font-size:16px;margin:0 0 14px;max-width:660px}
.hero .art{background:#0b1c42;display:flex;align-items:center;justify-content:center}
.hero .art img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}
.trust div{background:#fff;border:1px solid var(--line);border-left:4px solid var(--lime2);border-radius:10px;padding:16px}
.trust b{display:block;color:var(--navy);font-size:16px;margin-bottom:5px;font-family:Georgia,"Times New Roman",serif}
.trust span{font-size:14px;color:var(--muted)}
h2{font-size:23px;margin:28px 0 12px}
h2.sec{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--lime2);padding-bottom:8px}
h2.sec a{font-family:inherit;font-size:13.5px;color:var(--lime);font-weight:700;text-decoration:none}
h3{font-size:17.5px;color:#12294f;margin:12px 0 6px}
p,li{font-size:16px;color:#3c463f}
.leadb{font-size:17px;background:#eef3e6;border-left:4px solid var(--lime);padding:14px 16px;border-radius:0 8px 8px 0;color:#2c3a26}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card .ph{height:158px;background:#e8ece0 center/cover no-repeat}
.card .bd{padding:14px 15px;display:flex;flex-direction:column;gap:4px}
.card .tag{display:inline-block;align-self:flex-start;background:#eef5df;color:#41610f;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.card h3{margin:4px 0 0}
.card h3 a{color:#12294f;text-decoration:none}
.card h3 a:hover{color:var(--lime)}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.article-table-wrap{overflow-x:auto;margin:18px 0}
table.article-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:10px}
table.article-table th,table.article-table td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
table.article-table th{background:#eaf1e0;color:#22400f;font-weight:700}
table.article-table tr:nth-child(even) td{background:#fbfcf8}
.news{border-left:4px solid var(--lime2);background:#fff;border-radius:0 10px 10px 0;padding:13px 16px;margin:12px 0}
.news h3{margin:0 0 3px;font-size:16.5px}
.news h3 a{text-decoration:none}
.news p{margin:0;font-size:14.5px;color:var(--muted)}
.rg{background:#eef5f1;border:1px solid #cfe2d8;border-radius:10px;padding:14px;font-size:14.5px;color:#22523c;margin:18px 0}
.main{display:grid;grid-template-columns:1fr 312px;gap:26px}
.main.single{grid-template-columns:1fr}
.side .box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.side h4{color:var(--navy);font-size:16px;margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;border-bottom:1px solid var(--line);padding-bottom:7px}
.side a{display:block;padding:7px 0;border-bottom:1px dashed var(--line);color:#3d4a44;font-size:14.5px;text-decoration:none}
.side a:hover{color:var(--lime)}
.side a:last-child{border-bottom:0}
.crum{font-size:13px;color:var(--muted);margin:18px 0 6px}
.crum a{text-decoration:none;color:var(--lime)}
.ameta{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:6px 0 14px}
.acov{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:12px;display:block;margin:0 0 18px}
.prose p{margin:0 0 14px}
.prose h2{margin-top:28px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}
.prose li{margin:4px 0}
.prose figure{margin:18px 0}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}
.pager .pg{display:inline-block;min-width:36px;text-align:center;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3d4a44;text-decoration:none;font-size:14px}
.pager .pg.current{background:var(--navy);color:#fff;border-color:var(--navy)}
footer{background:var(--olive2);color:#c7d0b8;margin-top:30px;padding:26px 0}
footer a{color:#eef4e2;font-size:14px;text-decoration:none}
footer a:hover{color:var(--lime3)}
.frow{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
@media (max-width:900px){.cards,.main,.hero,.trust,.hed .row,.frow{grid-template-columns:1fr}
 .hero .art{order:-1}.hero h1{font-size:26px}.nav ul{justify-content:flex-start}}