/*
Theme Name: ProNatal 2
Theme URI: https://demo2.pronatal.hr/
Author: Barrek d.o.o.
Author URI: https://barrek.eu
Description: Druga tema za Polikliniku ProNatal, izrađena po predaji "Pronatal Poliklinika Design System". Usluge, tim i iskustva pacijenata uređuju se kao vlastiti tipovi sadržaja, sekcije se slažu ProNatal blokovima i predlošcima, a blog dolazi u istom dizajnu.
Version: 2.0.0
Requires at least: 6.3
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pronatal
Tags: custom-logo, custom-menu, featured-images, block-patterns, translation-ready, one-column, blog
*/

/* Sav dizajn zivi u assets/css/pronatal2.css. Ovdje su samo WordPressove
   sitnice koje tema mora pokriti, a nisu dio predanog dizajn sustava. */

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: static !important;
	width: auto;
	height: auto;
	margin: 0;
	clip: auto;
	white-space: normal;
}

/* Administratorska traka ne smije prekriti ljepljivo zaglavlje. */
body.admin-bar .p2-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .p2-header {
		top: 46px;
	}
}

/* Galerija i ugradjeni sadrzaj */
.wp-block-gallery,
.wp-block-embed,
.wp-block-image {
	margin: 0;
}

.wp-block-image img {
	border-radius: var(--radius-lg);
}

.wp-block-button__link {
	display: inline-block;
	font: 600 14px/1.2 var(--font-sans);
	padding: 12px 22px;
	background: var(--accent-strong);
	color: #fff;
	border: 1px solid var(--accent-strong);
	border-radius: var(--radius-pill);
	text-decoration: none;
	letter-spacing: 0.02em;
}

.wp-block-button__link:hover {
	background: var(--navy-900);
	border-color: var(--navy-900);
	color: #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--navy-900);
	border-color: var(--navy-900);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--navy-900);
	color: #fff;
}

/* Jezgreni Details blok nosi isti izgled kao FAQ iz dizajna. */
.wp-block-details {
	border-top: 1px solid var(--border-subtle);
	padding: 0;
}

.wp-block-details:last-of-type {
	border-bottom: 1px solid var(--border-subtle);
}

.wp-block-details > summary {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-5);
	padding: 26px 0;
	font: 600 17px/1.4 var(--font-sans);
	color: var(--navy-900);
	list-style: none;
}

.wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.wp-block-details > summary::after {
	content: "\2304";
	color: var(--teal-600);
	font: 300 20px var(--font-sans);
	line-height: 1;
	flex-shrink: 0;
	transition: transform var(--duration-base) var(--ease-standard);
}

.wp-block-details[open] > summary::after {
	transform: rotate(180deg);
}

.wp-block-details > *:not(summary) {
	font: 400 16px/1.65 var(--font-sans);
	color: var(--text-secondary);
	max-width: 620px;
	margin: 0 0 26px;
}

/* Traka za pretrazivanje */
.p2-search {
	display: flex;
	gap: var(--space-2);
	max-width: 420px;
}

.p2-search input[type="search"] {
	flex: 1;
	font: var(--text-body);
	padding: 12px 14px;
	border-radius: var(--radius-md);
	border: 1px solid var(--border-strong);
	background: var(--surface-card);
	color: var(--text-primary);
	outline: none;
}

.p2-search input[type="search"]:focus {
	border-color: var(--accent-strong);
	box-shadow: var(--shadow-focus);
}