/*
Theme Name: DGKS Uputstvo
Theme URI: https://github.com/your-username/dgks-rest
Author: DGKS
Description: Minimalistička tema — jedna stranica sa uputstvom kako koristiti WordPress admin. Ovaj sajt služi kao REST API za aplikaciju konferencije.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dgks-uputstvo
*/

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	color: #1f2328;
	background: #f6f7f9;
	line-height: 1.6;
	font-size: 16px;
}
a { color: #2271b1; text-decoration: none; }
a:hover { text-decoration: underline; }

.dgks-header { background: #1e2327; color: #fff; padding: 40px 20px; }
.dgks-header .inner { max-width: 820px; margin: 0 auto; }
.dgks-header h1 { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; }
.dgks-header p { margin: 8px 0 0; color: #b9c0c7; font-size: 15px; }

.dgks-main { max-width: 820px; margin: 0 auto; padding: 32px 20px 56px; }

.dgks-intro {
	background: #fff; border: 1px solid #e3e6ea; border-radius: 10px;
	padding: 18px 20px; margin-bottom: 28px; color: #3a4149;
}
.dgks-intro strong { color: #1f2328; }

.dgks-main h2 {
	font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em;
	color: #6b7480; margin: 34px 0 14px;
}

.dgks-step {
	background: #fff; border: 1px solid #e3e6ea; border-radius: 10px;
	padding: 18px 20px; margin-bottom: 16px; display: flex; gap: 16px;
}
.dgks-step .num {
	flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
	background: #2271b1; color: #fff; font-weight: 700; font-size: 15px;
	display: flex; align-items: center; justify-content: center;
}
.dgks-step .body { flex: 1; min-width: 0; }
.dgks-step h3 { margin: 2px 0 8px; font-size: 17px; }
.dgks-step ol, .dgks-step ul { margin: 8px 0 0; padding-left: 20px; }
.dgks-step li { margin: 4px 0; }
.dgks-step .go { display: inline-block; margin-top: 12px; font-weight: 600; }

.dgks-hint { color: #6b7480; margin: 0 0 14px; font-size: 14px; }

.dgks-types { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.dgks-type { background: #fff; border: 1px solid #e3e6ea; border-radius: 8px; padding: 12px 14px; }
.dgks-type h4 { margin: 0 0 4px; font-size: 15px; }
.dgks-type h4 a { color: inherit; }
.dgks-type p { margin: 0; font-size: 13px; color: #6b7480; }

.dgks-note {
	background: #fff; border: 1px solid #e3e6ea; border-left: 3px solid #2271b1;
	border-radius: 8px; padding: 14px 18px;
}
.dgks-note ul { margin: 0; padding-left: 20px; }
.dgks-note li { margin: 5px 0; }

.dgks-footer { max-width: 820px; margin: 0 auto; padding: 0 20px 48px; color: #8a929b; font-size: 13px; }

@media (max-width: 600px) {
	.dgks-header { padding: 28px 16px; }
	.dgks-step { flex-direction: column; gap: 10px; }
}