/*
Theme Name: Визура
Theme URI: https://vizura.org.rs
Author: Удружење грађана Визура
Description: Тема за сајт Удружења грађана Визура (Ниш).
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: vizura
*/

/* Тробојна линија из логотипа */
.vizura-traka {
	height: 5px;
	margin-block: 0 !important;
	background: linear-gradient(90deg, #0F172A 0 33.33%, #991B1B 33.33% 66.66%, #D97706 66.66% 100%);
}

.vizura-logo {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	text-decoration: none;
	color: inherit;
}
.vizura-logo img { width: 52px; height: 52px; display: block; }
.vizura-logo strong {
	display: block;
	font-weight: 800;
	font-size: 1.5rem;
	letter-spacing: 0.08em;
	line-height: 1;
}
.vizura-logo small {
	display: block;
	font-weight: 400;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-top: 0.3rem;
}

.vizura-kartica {
	border-top: 4px solid var(--wp--preset--color--amber);
	height: 100%;
	font-size: 0.95rem;
}
.vizura-kartica h3 { margin-top: 0; }
main > .wp-block-post-content > .alignfull { margin-block: 0; }
.vizura-kartica.crvena { border-top-color: var(--wp--preset--color--crvena); }
.vizura-kartica.tamna { border-top-color: var(--wp--preset--color--tamna); }

.vizura-podaci table { width: 100%; border-collapse: collapse; }
.vizura-podaci td { padding: 0.6rem 0.75rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--linija); vertical-align: top; }
.vizura-podaci td:first-child { color: var(--wp--preset--color--siva); width: 40%; }
.vizura-podaci figure { margin: 0; }

/* Вести */
.vizura-vest .wp-block-post-featured-image { margin: 0 0 0.25rem; overflow: hidden; border-bottom: 4px solid var(--wp--preset--color--amber); }
.vizura-vest .wp-block-post-featured-image img { transition: transform .3s; }
.vizura-vest:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.vizura-vest .wp-block-post-title { margin: 0; }
.vizura-vest .wp-block-post-title a { text-decoration: none; }
.vizura-vest .wp-block-post-title a:hover { color: var(--wp--preset--color--crvena); }
.vizura-vest .wp-block-post-excerpt { margin: 0; color: var(--wp--preset--color--siva); }
.vizura-vest .wp-block-post-excerpt__excerpt { margin: 0; }
.vizura-video-slika { position: relative; display: block; }
.vizura-video-slika::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; background: rgba(15,23,42,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") center/28px no-repeat; }
.vizura-bez-slike { display: flex; align-items: center; justify-content: center; aspect-ratio: 16/9; background: var(--wp--preset--color--tamna); }
.vizura-bez-slike img { width: 22%; height: auto; opacity: .9; }
.wp-block-query-pagination { margin-top: 2.5rem; }

.wp-block-navigation a:hover { color: var(--wp--preset--color--amber); }

@media (max-width: 600px) {
	.vizura-logo img { width: 42px; height: 42px; }
	.vizura-logo strong { font-size: 1.25rem; }
	.vizura-podaci td:first-child { width: 45%; }
}