/* Скин „Топла природа“: крем, длабоко зелена и теракота. Фотографии во прв план. */

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { -webkit-font-smoothing: antialiased; }

/* ---------- Заглавие ---------- */
.wp-site-blocks > .wp-block-template-part:first-child { position: sticky; top: 0; z-index: 100; }
.admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > .wp-block-template-part:first-child { top: 46px; } }
.anbo-sticky-header {
	/* Без backdrop-filter: тој го заробува fixed мобилното мени во висината на заглавието. */
	background-color: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.anbo-brand { display: inline-flex; align-items: center; gap: 0.7rem; text-decoration: none; color: var(--wp--preset--color--contrast); }
.anbo-brand__text { display: flex; flex-direction: column; line-height: 1; }
.anbo-brand__text strong { font-size: 1.35rem; font-weight: 800; letter-spacing: 0.02em; }
.anbo-brand__text em { font-style: normal; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.32em; text-transform: uppercase; color: var(--wp--preset--color--primary); margin-top: 0.25rem; }
.wp-block-navigation .wp-block-navigation-item__content { font-weight: 600; color: var(--wp--preset--color--contrast); }
.wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary); }
@media (max-width: 600px) { .anbo-call-btn .wp-block-button__link { font-size: 0.9rem; padding-left: 0.8rem !important; padding-right: 0.8rem !important; } }
.wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.4rem; font-weight: 700; }

/* Без празен простор меѓу заглавие, секции и подножје */
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }
.wp-site-blocks > main > *,
.wp-site-blocks .wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }

/* ---------- Типографија ---------- */
.anbo-eyebrow {
	margin-bottom: 0.4rem;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}
.anbo-hl { color: var(--wp--preset--color--primary); }
.anbo-pill {
	display: inline-block;
	margin: 0 0 1rem;
	padding: 0.4rem 1rem;
	border-radius: 999px;
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--primary-strong);
	font-size: 0.875rem;
	font-weight: 700;
}

/* ---------- Копчиња ---------- */
.wp-block-button__link { transition: transform 0.15s ease, background-color 0.15s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--contrast);
	border: 1.5px solid var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.anbo-cta .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #d9e2d5; color: var(--wp--preset--color--ink); }

/* ---------- Херо: текст + мозаик од последните проекти ---------- */
.anbo-hero { background: var(--wp--preset--color--base); }
.anbo-mosaic-wrap { margin: 0; }
.anbo-mosaic {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0.9rem;
	height: clamp(340px, 42vw, 520px);
	margin: 0; padding: 0; list-style: none;
}
.anbo-mosaic > li { margin: 0; min-height: 0; overflow: hidden; border-radius: 1.5rem; background: var(--wp--preset--color--sand); }
.anbo-mosaic > li:first-child { grid-row: 1 / span 2; border-radius: 2.5rem 1.5rem 1.5rem 1.5rem; }
.anbo-mosaic > li:nth-child(2) { border-radius: 1.5rem 2.5rem 1.5rem 1.5rem; }
.anbo-mosaic > li:only-child { grid-column: 1 / -1; }
.anbo-mosaic > li:nth-child(2):last-child { grid-row: 1 / span 2; }
.anbo-mosaic .wp-block-post-featured-image,
.anbo-mosaic .wp-block-post-featured-image a { display: block; height: 100%; margin: 0; }
.anbo-mosaic .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.5s ease; }
.anbo-mosaic > li:hover img { transform: scale(1.05); }
@media (max-width: 781px) { .anbo-mosaic { height: 300px; } }

/* ---------- Услуги ---------- */
.anbo-services > .anbo-service { padding: 1.6rem 0; border-top: 1px solid var(--wp--preset--color--border); }
.anbo-ico {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center;
	width: 3.25rem; height: 3.25rem;
	border-radius: 50%;
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
}
.anbo-service p { margin: 0; }

/* ---------- Проекти (картички) ---------- */
.anbo-project-card {
	display: flex; flex-direction: column; width: 100%;
	overflow: hidden;
	border-radius: 1.25rem;
	background: var(--wp--preset--color--white);
	box-shadow: 0 1px 2px rgba(31, 42, 34, 0.05), 0 8px 24px rgba(31, 42, 34, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.anbo-project-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(31, 42, 34, 0.14); }
.anbo-project-card > .wp-block-group { flex: 1 1 auto; }
.anbo-project-card .wp-block-post-featured-image { margin: 0; overflow: hidden; }
.anbo-project-card .wp-block-post-featured-image img { border-radius: 0 !important; transition: transform 0.5s ease; }
.anbo-project-card:hover .wp-block-post-featured-image img { transform: scale(1.05); }
.anbo-project-card .wp-block-post-title a { color: var(--wp--preset--color--contrast); }
.anbo-project-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }
.wp-block-post-template.is-layout-grid > li { display: flex; }

.anbo-loc { margin: 0; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.anbo-loc a { color: var(--wp--preset--color--primary); }
.anbo-loc::before { content: "📍 "; letter-spacing: 0; }

/* ---------- Чекори ---------- */
.anbo-step { padding: 1.5rem; border-radius: 1.25rem; background: var(--wp--preset--color--white); }
.anbo-step__n {
	display: inline-flex; align-items: center; justify-content: center;
	width: 2.5rem; height: 2.5rem; margin: 0 0 0.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--primary); color: #fff;
	font-weight: 800; line-height: 1;
}

/* ---------- Зошто ние ---------- */
.anbo-why { padding-top: 1rem; border-top: 3px solid var(--wp--preset--color--primary); }

/* ---------- Повик за акција ---------- */
.anbo-cta { border-radius: 2rem; }

/* ---------- Фокус ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* ---------- Образец ---------- */
.anbo-form { display: grid; gap: 1rem; }
.anbo-form p { margin: 0; }
.anbo-form label { display: block; margin-bottom: 0.3rem; font-size: 0.9rem; font-weight: 600; }
.anbo-form input[type="text"], .anbo-form input[type="tel"], .anbo-form input[type="email"], .anbo-form textarea, .anbo-form select {
	width: 100%; box-sizing: border-box;
	padding: 0.8rem 1rem;
	border: 1px solid #d3c8b0; border-radius: 0.85rem;
	background: #fff; font: inherit; color: inherit;
}
.anbo-form textarea { resize: vertical; }
.anbo-submit {
	cursor: pointer; padding: 0.95rem 1.9rem; border: 0; border-radius: 999px;
	background: var(--wp--preset--color--primary); color: #fff; font: inherit; font-weight: 700;
}
.anbo-submit:hover { background: var(--wp--preset--color--primary-strong); }
.anbo-submit:disabled { opacity: 0.6; cursor: wait; }
a.anbo-submit { display: inline-block; text-decoration: none; }
.anbo-hp { position: absolute !important; left: -9999px; height: 0; overflow: hidden; }
.anbo-notice { margin-bottom: 1rem; padding: 0.9rem 1.1rem; border-radius: 0.85rem; font-weight: 600; }
.anbo-notice--ok { background: #e3f0e0; color: #1f5a1b; }
.anbo-notice--err { background: #fbe9e3; color: #8a2b0b; }
.anbo-upload small { display: block; margin-top: 0.35rem; color: var(--wp--preset--color--muted); }
.anbo-upload input[type="file"] { width: 100%; box-sizing: border-box; padding: 0.9rem; border: 2px dashed #cdbf9f; border-radius: 0.85rem; background: var(--wp--preset--color--surface); }

/* ---------- Мапа ---------- */
.anbo-map { margin-top: var(--wp--preset--spacing--50); overflow: hidden; border-radius: 1.5rem; border: 1px solid var(--wp--preset--color--border); }
.anbo-map iframe { display: block; }

/* ---------- Подножје ---------- */
footer.wp-block-group a { color: #e4ebe1; }
footer.wp-block-group a:hover { color: var(--wp--preset--color--highlight); }
footer.wp-block-group ul { list-style: none; padding: 0; margin: 0; }

/* ---------- Галерии ---------- */
.wp-block-gallery .wp-block-image img { border-radius: 0.9rem; }

/* Заглавие во еден ред на таблет */
@media (min-width: 601px) {
	.anbo-sticky-header > .alignwide, .anbo-sticky-header > .alignwide > .wp-block-group { flex-wrap: nowrap; }
	.anbo-sticky-header .wp-block-navigation__container { gap: 1.1rem; flex-wrap: nowrap; }
}
@media (min-width: 601px) and (max-width: 900px) {
	.anbo-sticky-header .anbo-call-btn .wp-block-button__link { font-size: 0.85rem; padding-left: 0.85rem !important; padding-right: 0.85rem !important; }
	.anbo-sticky-header .wp-block-navigation-item__content { font-size: 0.9rem; }
	.anbo-brand__text strong { font-size: 1.15rem; }
}

/* Мобилно: во заглавието повикот е само иконка за да собере во еден ред */
@media (max-width: 480px) {
	.anbo-sticky-header > .alignwide { flex-wrap: nowrap; }
	.anbo-sticky-header .anbo-call-btn .wp-block-button__link {
		font-size: 0; width: 2.75rem; height: 2.75rem; padding: 0 !important;
		display: inline-flex; align-items: center; justify-content: center;
	}
	.anbo-sticky-header .anbo-call-btn .wp-block-button__link::before { content: "☎"; font-size: 1.3rem; line-height: 1; }
	.anbo-brand__text strong { font-size: 1.2rem; }
}