/*
Theme Name:   igrice.hr
Theme URI:    https://igrice.hr
Description:  Custom child tema za igrice.hr na MyArcadeTheme.
Author:       igrice.hr
Template:     myarcadetheme
Version:      0.3.0
Text Domain:  igrice-child
*/

/* ---------- Dizajn tokeni ---------- */
:root {
	--ig-bg: #f6f4ff;
	--ig-surface: #ffffff;
	--ig-text: #1d1a33;
	--ig-muted: #5d5a78;
	--ig-primary: #5b3df5;      /* ljubičasta */
	--ig-primary-dark: #4128c9;
	--ig-accent: #ffb020;       /* žuta za oznake i gumb Igraj */
	--ig-green: #19b36b;
	--ig-radius: 14px;
	--ig-shadow: 0 4px 14px rgba(40, 20, 120, .10);
	--ig-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ig-max: 1240px;
}

body {
	background: var(--ig-bg);
	color: var(--ig-text);
	font-family: var(--ig-font);
	-webkit-font-smoothing: antialiased;
}
a { color: var(--ig-primary); }
a:hover { color: var(--ig-primary-dark); }
h1, h2, h3 { font-weight: 800; letter-spacing: -.01em; }

/* ---------- Boje MyArcadeTheme preslikane na igrice.hr paletu (generirano iz parent style.css 6.2.5) ---------- */
.game_tags a { background: #2b1d6e; }
.game_tags a:hover, .game_tags a:focus { background: #e8367a; }
.picker.picker-radio.checked .picker-flag,.picker.picker-checkbox.checked .picker-flag,
[class*="botn"],a[class*="botn"],button,input[type="reset"],input[type="submit"],a.read-more { background-color:#2b1d6e; }
[class*="botn"]:hover,a[class*="botn"]:hover,button:hover,input[type="reset"]:hover,input[type="submit"]:hover,.lstgms .bx-controls-direction a,a.read-more:hover,.cmnt-cn>div .comment-reply-link:hover { background-color:#e8367a; }
.hdcn-4,.ftcn-1,a.rndgame:hover,.news-cn>strong,[class*="gmcn-sldr"] .gm-text { background-color:#5b3df5; }
.hdcn-3,.hdcn-5,.ftcn-2,[class*="gmcn-smal-2"] figure.gm-imag>a>span,[class*="gmcn-smal-3"] figure.gm-imag>a>span,.gm-cate a,[class*="gmcn-"] .gm-cate a:hover,.sdbr-cn .tagcloud a,[class*="gmcn-larg"] figure.gm-imag>a>span,.game-cn { background-color:#2b1d6e; }
[class*="gmcn-smal"] .gm-imag>a>span,.tagcloud a:hover,.gm-cate a:hover,[class*="gmcn-"] .gm-cate a,.mt-slct-cn .selecter-item:hover,.wp-pagenavi a:hover,.wp-pagenavi span.current,.game_opts>li:hover>a:before,.game_opts>li:hover>span>a:before { background-color:#e8367a; }
.hdcn-1 h1,.hdcn-1>div>div[class*="fa-"],.selecter-item,.selecter-selected,[class^="post-"] .lst-social>li>a:before { color:#2b1d6e; }
a,.sdbr-cn [class*="gmcn-"] .gm-titl a,[class*="gmcn-larg"] div.gm-titl a { color:#2b1d6e; }
a:hover,.shar-cnt li:hover a,.menu-top>li:hover>span,.menu-top>li:hover>a,.hdcn-1 h1:before,.hdcn-1>div>div[class*="fa-"]:before,[class*="gmcn-"] .gm-titl a:hover,.gm-play:before,.rndgame:before,.news-cn li a,.news-cn .fa-flash:before,.news-cn .bx-controls-direction a:hover,div[class*="gmcn-smal-2"] .gm-imag>a>span,[class*="gmcn-smal-3"] figure.gm-imag>a>span,.mt-slct-cn .selecter-item.selected:before,.mt-slct-cn .selecter-selected:after,.widget_mabp_recent_games [class*="gmcn-"] .gm-titl a:hover,.sdbr-cn .most-popu .bx-controls-direction a,#hall_of_fame .plays:before,#hall_of_fame .highscores:before,#hall_of_fame .bx-controls-direction a,[class*="gmcn-larg"] div.gm-titl a:hover,[class*="gmcn-larg"] figure.gm-imag>a>span:before,[class^="post-"] header h1,[class^="post-"] header h2,.pst-shr:hover>a,.pst-shr:hover>a:before,.titl strong,span.required,.form-allowed-tags code,abbr,[class^="post-"] .lst-social>li:hover>a:before,[class^="post-"] header p>a:hover { color:#e8367a; }
.news-cn:before { background-color: #5b3df5; }
.news-cn>strong:after { border-top: 40px solid #5b3df5; }
.titl { border-bottom: 1px dashed #e8367a; }
.titl .description .description-trigger-button { color: #e8367a; }
.lstgms { border-bottom: 5px solid #e8367a; }
#progressbarloadbg { background: #e8367a; }
a.botn-flgn { background-color: #5b3df5; }

/* ---------- Font: sistemski umjesto Open Sans s Google Fonts (GDPR, brzina) ---------- */
body, button, input, select, textarea { font-family: var(--ig-font); }

/* ---------- Kartice igara u MyArcadeTheme ---------- */
.gm-imag { border-radius: var(--ig-radius); overflow: hidden; box-shadow: var(--ig-shadow); }
[class*="gmcn-larg"] figure.gm-imag > a > span { background-color: var(--ig-accent); color: #2a1a00; }
[class*="gmcn-"] .gm-titl a { font-weight: 800; }
.titl { font-weight: 800; border-bottom: 3px solid var(--ig-primary); }
.titl a { color: var(--ig-text); }
.bdcn { border-radius: var(--ig-radius); }

/* ---------- Gumbi ---------- */
.ig-btn {
	display: inline-flex; align-items: center; gap: .5em;
	padding: .75em 1.4em; border-radius: 999px; border: 0;
	background: var(--ig-accent); color: #2a1a00; font-weight: 800;
	text-decoration: none; cursor: pointer; box-shadow: var(--ig-shadow);
}
.ig-btn:hover { filter: brightness(1.05); color: #2a1a00; }
.ig-btn--ghost { background: var(--ig-surface); color: var(--ig-primary); }

/* ---------- Kategorije (shortcode [igrice_kategorije]) ---------- */
.ig-cats {
	display: grid; gap: 12px; margin: 0 0 2rem; padding: 0; list-style: none;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
.ig-cats a {
	display: flex; align-items: center; gap: .6em; padding: .9em 1em;
	background: var(--ig-surface); border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow); color: var(--ig-text); font-weight: 700;
	text-decoration: none; transition: transform .15s;
}
.ig-cats a:hover { transform: translateY(-2px); color: var(--ig-primary); }
.ig-cats .ig-ico { font-size: 1.5em; line-height: 1; }
.ig-cats .ig-count { margin-left: auto; color: var(--ig-muted); font-weight: 600; font-size: .85em; }

/* ---------- Mreža igara (shortcode [igrice_mreza]) ---------- */
.ig-grid {
	display: grid; gap: 14px; margin: 0 0 2rem; padding: 0; list-style: none;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.ig-card a { display: block; color: var(--ig-text); text-decoration: none; }
.ig-card img {
	display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
	border-radius: var(--ig-radius); box-shadow: var(--ig-shadow);
	transition: transform .15s;
}
.ig-card a:hover img { transform: scale(1.03); }
.ig-card span { display: block; margin-top: .4em; font-weight: 700; font-size: .95em; line-height: 1.25; }

/* ---------- Kolačići / pravno podnožje ---------- */
.ig-footer-links { display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; font-size: .9em; }

@media (max-width: 600px) {
	.ig-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.ig-cats { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Logo ---------- */
.logo img { max-height: 56px; width: auto; }