/* ButikAlma child tema: samo sitnice koje Customizer ne pokriva.
   Boje dolaze iz palete (Izgled → Prilagodi → Općenito → Boje), pa prate Customizer. */

:root {
	--butik-flower: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'><g%20fill='%23e8a0b8'><circle%20cx='10.0'%20cy='6.3'%20r='4.0'/><circle%20cx='14.0'%20cy='9.2'%20r='4.0'/><circle%20cx='12.5'%20cy='13.9'%20r='4.0'/><circle%20cx='7.5'%20cy='13.9'%20r='4.0'/><circle%20cx='6.0'%20cy='9.2'%20r='4.0'/></g><circle%20cx='10'%20cy='10.5'%20r='3.1'%20fill='%23fef5a5'/></svg>");
	--butik-flowers: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2096%2022'><g%20fill='%23e8a0b8'><circle%20cx='14.0'%20cy='7.6'%20r='4.2'/><circle%20cx='18.2'%20cy='10.6'%20r='4.2'/><circle%20cx='16.6'%20cy='15.6'%20r='4.2'/><circle%20cx='11.4'%20cy='15.6'%20r='4.2'/><circle%20cx='9.8'%20cy='10.6'%20r='4.2'/></g><circle%20cx='14'%20cy='12'%20r='3.3'%20fill='%23fef5a5'/><g%20fill='%23fef5a5'><circle%20cx='48.0'%20cy='5.3'%20r='5.4'/><circle%20cx='53.4'%20cy='9.2'%20r='5.4'/><circle%20cx='51.3'%20cy='15.6'%20r='5.4'/><circle%20cx='44.7'%20cy='15.6'%20r='5.4'/><circle%20cx='42.6'%20cy='9.2'%20r='5.4'/></g><circle%20cx='48'%20cy='11'%20r='4.2'%20fill='%23b8466e'/><g%20fill='%23c8f0d0'><circle%20cx='82.0'%20cy='7.6'%20r='4.2'/><circle%20cx='86.2'%20cy='10.6'%20r='4.2'/><circle%20cx='84.6'%20cy='15.6'%20r='4.2'/><circle%20cx='79.4'%20cy='15.6'%20r='4.2'/><circle%20cx='77.8'%20cy='10.6'%20r='4.2'/></g><circle%20cx='82'%20cy='12'%20r='3.3'%20fill='%23fef5a5'/></svg>");
}

/* ——— oblici ——— */
.button,
button,
input[type="submit"],
.wc-block-components-button,
.wp-element-button {
	border-radius: 999px;
}

.products .product img,
.woocommerce-loop-product__link img,
.woocommerce-product-gallery__image img {
	border-radius: 24px;
}

.hero-section .page-title::after {
	content: "";
	display: block;
	height: 22px;
	margin-top: 0.8rem;
	background: var(--butik-flowers) no-repeat;
	background-size: 96px 22px;
	background-position: var(--alignment, left) center;
}

.hero-section[data-type="type-2"] .page-title::after {
	background-position: var(--alignment, center) center;
}

/* cvijet ispred naslova u tekstu (Uslovi kupovine, Politika privatnosti, O nama) */
.entry-content > h2::before,
.entry-content > .wp-block-heading::before,
.entry-content .wp-block-column > .wp-block-heading::before {
	content: "";
	display: inline-block;
	width: 0.95em;
	height: 0.95em;
	margin-right: 0.4em;
	vertical-align: -0.08em;
	background: var(--butik-flower) center / contain no-repeat;
}

/* cvjetići iznad copyrighta u footeru */
.ct-footer-copyright::before {
	content: "";
	display: block;
	width: 96px;
	height: 22px;
	margin: 0 auto 0.9rem;
	background: var(--butik-flowers) center / 96px 22px no-repeat;
	opacity: 0.9;
}

/* prazna prodavnica i korpa: cvijet umjesto suhe poruke */
.woocommerce-info::before,
.cart-empty::before {
	content: "";
	display: block;
	width: 96px;
	height: 22px;
	margin: 0 auto 0.6rem;
	background: var(--butik-flowers) center / 96px 22px no-repeat;
}

/* ——— Kontakt: kartice s ikonama ———
   Stranica Kontakt: grupa s klasom butik-kontakt, u njoj grupe s klasom
   "butik-kartica is-whatsapp" (is-mail, is-instagram, is-facebook) za ikonu. */
.butik-kontakt-uvod {
	font-size: 1.1rem;
}

.entry-content .butik-kontakt {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
	margin-top: 1.75rem;
}

/* WordPressov razmak između blokova ne treba ni u mreži ni u kartici */
.entry-content .butik-kontakt > *,
.entry-content .butik-kartica > * {
	margin: 0;
}

.entry-content .butik-kartica {
	padding: 1.6rem 1.5rem 1.5rem;
	border: 1px solid var(--theme-palette-color-5);
	border-radius: 24px;
	background: var(--theme-palette-color-7);
}

.butik-kartica::before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 1rem;
	border-radius: 50%;
	background: var(--theme-palette-color-1) var(--butik-ikona, none) center /
		22px 22px no-repeat;
}

.entry-content .butik-kartica > h3 {
	margin-bottom: 0.35rem;
	font-size: 1.15rem;
}

.butik-kartica a {
	font-weight: 700;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.butik-kartica a:hover {
	text-decoration: underline;
}

.butik-kartica.is-whatsapp {
	--butik-ikona: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Cpath%20d='M%2012.011719%202%20C%206.5057187%202%202.0234844%206.478375%202.0214844%2011.984375%20C%202.0204844%2013.744375%202.4814687%2015.462563%203.3554688%2016.976562%20L%202%2022%20L%207.2324219%2020.763672%20C%208.6914219%2021.559672%2010.333859%2021.977516%2012.005859%2021.978516%20L%2012.009766%2021.978516%20C%2017.514766%2021.978516%2021.995047%2017.499141%2021.998047%2011.994141%20C%2022.000047%209.3251406%2020.962172%206.8157344%2019.076172%204.9277344%20C%2017.190172%203.0407344%2014.683719%202.001%2012.011719%202%20z%20M%2012.009766%204%20C%2014.145766%204.001%2016.153109%204.8337969%2017.662109%206.3417969%20C%2019.171109%207.8517969%2020.000047%209.8581875%2019.998047%2011.992188%20C%2019.996047%2016.396187%2016.413812%2019.978516%2012.007812%2019.978516%20C%2010.674812%2019.977516%209.3544062%2019.642812%208.1914062%2019.007812%20L%207.5175781%2018.640625%20L%206.7734375%2018.816406%20L%204.8046875%2019.28125%20L%205.2851562%2017.496094%20L%205.5019531%2016.695312%20L%205.0878906%2015.976562%20C%204.3898906%2014.768562%204.0204844%2013.387375%204.0214844%2011.984375%20C%204.0234844%207.582375%207.6067656%204%2012.009766%204%20z%20M%208.4765625%207.375%20C%208.3095625%207.375%208.0395469%207.4375%207.8105469%207.6875%20C%207.5815469%207.9365%206.9355469%208.5395781%206.9355469%209.7675781%20C%206.9355469%2010.995578%207.8300781%2012.182609%207.9550781%2012.349609%20C%208.0790781%2012.515609%209.68175%2015.115234%2012.21875%2016.115234%20C%2014.32675%2016.946234%2014.754891%2016.782234%2015.212891%2016.740234%20C%2015.670891%2016.699234%2016.690438%2016.137687%2016.898438%2015.554688%20C%2017.106437%2014.971687%2017.106922%2014.470187%2017.044922%2014.367188%20C%2016.982922%2014.263188%2016.816406%2014.201172%2016.566406%2014.076172%20C%2016.317406%2013.951172%2015.090328%2013.348625%2014.861328%2013.265625%20C%2014.632328%2013.182625%2014.464828%2013.140625%2014.298828%2013.390625%20C%2014.132828%2013.640625%2013.655766%2014.201187%2013.509766%2014.367188%20C%2013.363766%2014.534188%2013.21875%2014.556641%2012.96875%2014.431641%20C%2012.71875%2014.305641%2011.914938%2014.041406%2010.960938%2013.191406%20C%2010.218937%2012.530406%209.7182656%2011.714844%209.5722656%2011.464844%20C%209.4272656%2011.215844%209.5585938%2011.079078%209.6835938%2010.955078%20C%209.7955938%2010.843078%209.9316406%2010.663578%2010.056641%2010.517578%20C%2010.180641%2010.371578%2010.223641%2010.267562%2010.306641%2010.101562%20C%2010.389641%209.9355625%2010.347156%209.7890625%2010.285156%209.6640625%20C%2010.223156%209.5390625%209.737625%208.3065%209.515625%207.8125%20C%209.328625%207.3975%209.131125%207.3878594%208.953125%207.3808594%20C%208.808125%207.3748594%208.6425625%207.375%208.4765625%207.375%20z'/%3E%3C/svg%3E");
}

.butik-kartica.is-mail {
	--butik-ikona: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Cpath%20d='M19,5H5c-1.1,0-2,.9-2,2v10c0,1.1.9,2,2,2h14c1.1,0,2-.9,2-2V7c0-1.1-.9-2-2-2zm.5,12c0,.3-.2.5-.5.5H5c-.3,0-.5-.2-.5-.5V9.8l7.5,5.6,7.5-5.6V17zm0-9.1L12,13.6,4.5,7.9V7c0-.3.2-.5.5-.5h14c.3,0,.5.2.5.5v.9z'/%3E%3C/svg%3E");
}

.butik-kartica.is-instagram {
	--butik-ikona: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Cpath%20d='M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673%20c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637%20s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035%20c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052%20s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673%20c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12%20s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035%20c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622%20M12,3%20C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511%20c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711%20c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038%20c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418%20c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185%20C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594%20c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z%20M12,7.378%20c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z%20M12,15%20c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z%20M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08%20s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z'/%3E%3C/svg%3E");
}

.butik-kartica.is-facebook {
	--butik-ikona: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Cpath%20d='M12%202C6.5%202%202%206.5%202%2012c0%205%203.7%209.1%208.4%209.9v-7H7.9V12h2.5V9.8c0-2.5%201.5-3.9%203.8-3.9%201.1%200%202.2.2%202.2.2v2.5h-1.3c-1.2%200-1.6.8-1.6%201.6V12h2.8l-.4%202.9h-2.3v7C18.3%2021.1%2022%2017%2022%2012c0-5.5-4.5-10-10-10z'/%3E%3C/svg%3E");
}

@media (max-width: 1099.98px) {
	.entry-content .butik-kontakt {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599.98px) {
	.entry-content .butik-kontakt {
		grid-template-columns: 1fr;
	}
}

/* ——— O nama ———
   Naslov „O nama“ je Stackable blok (ne Blocksy), pa mu cvjetići idu posebno.
   Ispod trake: kolone s klasom butik-o-nama (slika + tekst), grupa butik-koraci
   s tri kartice (broj koraka se ispiše sam) i dugmad. */
.entry-content h1.stk-block-heading__text::after {
	content: "";
	display: block;
	height: 22px;
	margin-top: 0.8rem;
	background: var(--butik-flowers) center / 96px 22px no-repeat;
}

.entry-content .butik-o-nama {
	gap: 3rem;
	margin-block: 4rem 3rem;
}

.entry-content .butik-o-nama .butik-slika {
	max-width: 420px;
	margin-inline: auto;
}

.butik-slika img {
	border-radius: 24px;
}

.entry-content .butik-koraci {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin-top: 1.5rem;
	counter-reset: korak;
}

.entry-content .butik-koraci > * {
	margin: 0;
}

.butik-koraci .butik-kartica {
	counter-increment: korak;
}

.butik-koraci .butik-kartica::before {
	content: counter(korak);
	color: #fff;
	font:
		700 1.3rem/46px Fraunces,
		serif;
	text-align: center;
}

.entry-content .butik-koraci + .wp-block-buttons {
	margin-block: 2.5rem 1rem;
}

@media (max-width: 767.98px) {
	.entry-content .butik-koraci {
		grid-template-columns: 1fr;
	}

	.entry-content .butik-o-nama {
		margin-top: 3rem;
	}
}

/* ——— loader s autićem ——— */
#site-loader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 0.6rem;
	background: var(--theme-palette-color-7, #fde4ea);
	transition: opacity 0.45s ease;
}

#site-loader.is-done {
	opacity: 0;
	pointer-events: none;
}

#site-loader .site-loader__scene {
	position: relative;
	width: 260px;
	height: 104px;
	overflow: hidden;
}

#site-loader .site-car {
	position: absolute;
	left: 50%;
	bottom: 4px;
	width: 150px;
	margin-left: -75px;
	animation: butik-bob 0.5s ease-in-out infinite alternate;
}

#site-loader .wheel {
	transform-box: fill-box;
	transform-origin: center;
	animation: butik-spin 0.6s linear infinite;
}

#site-loader .site-loader__flowers {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 44px;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	animation: butik-pass 6s linear infinite;
}

#site-loader .site-loader__flowers svg {
	width: 22px;
	height: 22px;
}

#site-loader .site-loader__flowers svg:nth-child(odd) {
	width: 15px;
	height: 15px;
}

#site-loader .site-road {
	width: 240px;
	height: 0;
	border-top: 3px dashed var(--theme-palette-color-1, #b8466e);
}

#site-loader .site-loader__title {
	margin: 0.2rem 0 0;
	font-family: Fraunces, Georgia, serif;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--theme-palette-color-4, #4a1030);
}

#site-loader .site-loader__moto {
	margin: 0;
	font-size: 0.9rem;
	color: var(--theme-palette-color-3, #5a2a40);
}

@keyframes butik-bob {
	to {
		transform: translateY(-3px);
	}
}

@keyframes butik-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes butik-pass {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	#site-loader .site-car,
	#site-loader .wheel,
	#site-loader .site-loader__flowers {
		animation: none;
	}
}

/* ——— Politika privatnosti: tehnički nazivi kolačića sitno, ispod opisa ——— */
.entry-content li code {
	padding: 0;
	background: none;
	font-size: 0.8em;
	opacity: 0.7;
}