/* ==========================================================================
   Repromaterijali Ana – glavni stilovi
   1. Tokeni  2. Osnova  3. Gumbi i linkovi  4. Naslovi sekcija  5. Header
   6. Naslovnica  7. Kartice proizvoda  8. Trgovina  9. Proizvod  10. Varijacije
   11. Košarica/blagajna/račun  12. Blog i stranice  13. Footer  14. Pomoćno
   ========================================================================== */

/* 1. TOKENI ---------------------------------------------------------------- */
:root {
	--ra-tekst: #1E1A1F;
	--ra-tekst-2: #4A4450;
	--ra-tekst-3: #6E6570;
	--ra-oznaka: #E8566F;
	--ra-akcent: #C9375A;
	--ra-akcent-tamni: #A82C4A;
	--ra-roza: #FCE3E8;
	--ra-roza-svijetla: #FDE8EC;
	--ra-roza-podloga: #FFF6F8;
	--ra-lavanda: #EEEDFB;
	--ra-linija: #EEE9EC;
	--ra-linija-2: #DDD4D8;
	--ra-tamna: #1E1A1F;

	--ra-font-naslov: 'Bricolage Grotesque', Georgia, serif;
	--ra-font-tekst: 'Figtree', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--ra-font-rukopis: 'Caveat Brush', cursive;

	--ra-sirina: 1440px;
	--ra-rub: clamp(20px, 4vw, 40px);
	--ra-sekcija: clamp(64px, 9vw, 104px);
	--ra-radius: 18px;
	--ra-pill: 999px;
	--ra-sjena: 0 6px 24px rgba(30, 26, 31, .07);
	--ra-sjena-list: 0 8px 28px rgba(30, 26, 31, .08);

	--ra-strelica: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23E8566F' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 14h19M9 4l8 8M9 24l8-8'/%3E%3C/svg%3E");
	--ra-strelica-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23E8566F' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M25 14H6M19 4l-8 8M19 24l-8-8'/%3E%3C/svg%3E");
	--ra-strelica-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23E8566F' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 14h20M16 6l7 8M16 22l7-8'/%3E%3C/svg%3E");
}

/* 2. OSNOVA ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--ra-font-tekst);
	font-size: 16px;
	line-height: 1.7;
	color: var(--ra-tekst);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--ra-tekst); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--ra-akcent); }
p { margin: 0 0 1em; }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ra-font-naslov);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0 0 .5em;
	color: var(--ra-tekst);
}
h1 { font-size: clamp(34px, 4.4vw, 54px); line-height: 1.15; letter-spacing: -0.015em; }
h2 { font-size: clamp(28px, 3vw, 38px); }
h3 { font-size: clamp(22px, 2.2vw, 28px); }
h4 { font-size: 20px; }
:focus-visible { outline: 2px solid var(--ra-akcent); outline-offset: 3px; border-radius: 4px; }
input, select, textarea, button { font: inherit; color: inherit; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], input[type="url"], select, textarea {
	min-height: 48px;
	padding: 10px 16px;
	border: 1px solid var(--ra-linija-2);
	border-radius: 12px;
	background: #fff;
	font-size: 16px;
	width: 100%;
}
textarea { min-height: 140px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--ra-tekst); box-shadow: 0 0 0 3px rgba(201, 55, 90, .15); }

.ra-kontejner { width: 100%; max-width: var(--ra-sirina); margin: 0 auto; padding-left: var(--ra-rub); padding-right: var(--ra-rub); }
.ra-sekcija { padding-top: var(--ra-sekcija); }
.ra-sekcija--dno { padding-bottom: var(--ra-sekcija); }
.screen-reader-text, .ra-sr {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
.skip-link:focus { position: fixed; top: 12px; left: 12px; z-index: 1000; width: auto; height: auto; clip: auto; padding: 12px 20px; background: #fff; border-radius: 8px; box-shadow: var(--ra-sjena); }

/* 3. GUMBI I LINKOVI --------------------------------------------------------- */
.ra-gumb,
.button, button.button, a.button, input.button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 32px;
	border: 0;
	border-radius: var(--ra-pill);
	background: var(--ra-akcent);
	color: #fff;
	font-family: var(--ra-font-tekst);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.ra-gumb:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
	background: var(--ra-akcent-tamni);
	color: #fff;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--ra-akcent); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--ra-akcent-tamni); }
.woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled[disabled] {
	background: var(--ra-akcent); color: #fff; opacity: .45; padding: 0 32px;
}
.ra-gumb--obrub { background: #fff; color: var(--ra-tekst); border: 1.5px solid var(--ra-tekst); }
.ra-gumb--obrub:hover { background: var(--ra-tekst); color: #fff; }
.ra-gumb-red { display: flex; justify-content: center; margin-top: 48px; }

.ra-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.ra-link::after { content: ""; width: 26px; height: 26px; background: var(--ra-strelica-link) no-repeat center / contain; flex: 0 0 26px; }
.ra-link--akcent { color: #B8304F; }

/* 4. NASLOVI SEKCIJA ------------------------------------------------------- */
.ra-naslov {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(14px, 2vw, 24px);
	margin: 0 0 48px;
	text-align: center;
}
.ra-naslov::before, .ra-naslov::after { content: ""; flex: 0 0 30px; height: 30px; background: var(--ra-strelica) no-repeat center / contain; }
.ra-naslov::after { background-image: var(--ra-strelica-d); }
.ra-naslov h2, .ra-naslov h1 { margin: 0; }
.ra-naslov--lijevo { justify-content: flex-start; text-align: left; }
.ra-naslov--lijevo::after { display: none; }
.ra-naslov-red { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 24px; margin-bottom: 48px; }
.ra-naslov-red .ra-naslov { margin: 0; }
.ra-rukopis { font-family: var(--ra-font-rukopis); font-size: 28px; line-height: 1.1; color: var(--ra-oznaka); display: block; }

/* 5. HEADER ---------------------------------------------------------------- */
.ra-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid var(--ra-linija);
	box-shadow: 0 2px 12px rgba(30, 26, 31, .04);
}
.admin-bar .ra-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .ra-header { top: 0; position: relative; } }
.ra-header__unutra { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; min-height: 72px; padding-top: 10px; padding-bottom: 10px; }
.ra-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.ra-logo img, .ra-logo .custom-logo { max-height: 48px; width: auto; display: block; }
.ra-logo__tekst { font-family: var(--ra-font-naslov); font-weight: 700; font-size: 20px; }
.ra-header__desno { display: flex; align-items: center; gap: 8px 32px; }

.ra-nav ul { list-style: none; margin: 0; padding: 0; }
.ra-nav > ul { display: flex; flex-wrap: wrap; gap: 4px 32px; }
.ra-nav li { position: relative; }
.ra-nav a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 12px 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.ra-nav .current-menu-item > a, .ra-nav .current-menu-ancestor > a { color: var(--ra-akcent); }
.ra-nav .menu-item-has-children > a::after {
	content: ""; width: 8px; height: 8px; margin-top: -4px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg);
}
/* podizbornici (višerazinski – "Proizvodi") */
.ra-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: -20px;
	min-width: 260px;
	padding: 12px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 40px rgba(30, 26, 31, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
	z-index: 10;
}
.ra-nav .sub-menu .sub-menu { top: -12px; left: 100%; }
.ra-nav li:hover > .sub-menu, .ra-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.ra-nav .sub-menu a { display: flex; justify-content: space-between; width: 100%; padding: 9px 12px; border-radius: 10px; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; }
.ra-nav .sub-menu a:hover { background: var(--ra-roza-podloga); }
.ra-nav .sub-menu .menu-item-has-children > a::after { transform: rotate(-45deg); margin-top: 0; }

.ra-ikone { display: flex; align-items: center; gap: 2px; }
.ra-ikona {
	position: relative;
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; background: none; padding: 0; cursor: pointer; border-radius: 50%;
	color: var(--ra-tekst);
}
.ra-ikona:hover { background: var(--ra-roza-podloga); color: var(--ra-tekst); }
.ra-ikona--srce { color: var(--ra-oznaka); }
.ra-ikona svg { width: 20px; height: 20px; }
.ra-kosarica-broj {
	position: absolute; top: 5px; right: 3px;
	min-width: 17px; height: 17px; padding: 0 4px;
	border-radius: var(--ra-pill);
	background: var(--ra-akcent); color: #fff;
	font-size: 10px; font-weight: 700; line-height: 17px; text-align: center;
}
.ra-izbornik-gumb { display: none; }

.ra-trazilica { display: none; border-top: 1px solid var(--ra-linija); background: #fff; }
.ra-trazilica.is-open { display: block; }
.ra-trazilica form { display: flex; gap: 12px; padding: 16px 0; }
.ra-trazilica input[type="search"] { border-radius: var(--ra-pill); }

@media (max-width: 1024px) {
	.ra-izbornik-gumb { display: inline-flex; }
	.ra-nav {
		position: fixed; inset: 0 0 0 auto; width: min(360px, 88vw);
		background: #fff; padding: 88px 24px 32px; overflow-y: auto;
		box-shadow: -16px 0 40px rgba(30, 26, 31, .12);
		transform: translateX(100%); transition: transform .2s ease; z-index: 200;
	}
	.ra-nav.is-open { transform: none; }
	.ra-nav > ul { flex-direction: column; gap: 0; }
	.ra-nav a { padding: 12px 0; width: 100%; justify-content: space-between; }
	.ra-nav .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0 0 0 12px; display: none; min-width: 0; }
	.ra-nav li.is-open > .sub-menu { display: block; }
	.ra-nav .sub-menu .sub-menu { left: 0; }
	.ra-nav__zatvori { position: absolute; top: 20px; right: 16px; }
	.ra-nav-pozadina { position: fixed; inset: 0; background: rgba(30, 26, 31, .35); z-index: 150; display: none; }
	.ra-nav-pozadina.is-open { display: block; }
}
@media (min-width: 1025px) { .ra-nav__zatvori { display: none; } }

/* 6. NASLOVNICA ------------------------------------------------------------ */
.ra-kartica-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 460px;
	padding: clamp(40px, 6vw, 72px);
	border-radius: 28px;
	overflow: hidden;
	background-color: var(--ra-roza);
	background-size: cover;
	background-position: center right;
}
.ra-kartica-hero--banner { min-height: 400px; }
.ra-kartica-hero__sadrzaj { position: relative; max-width: 540px; display: flex; flex-direction: column; gap: 20px; }
.ra-kartica-hero__sadrzaj h1, .ra-kartica-hero__sadrzaj h2 { margin: 0; font-weight: 600; }
.ra-kartica-hero__sadrzaj h2 { font-size: clamp(30px, 3.8vw, 46px); line-height: 1.18; letter-spacing: -0.015em; }
.ra-kartica-hero__sadrzaj .ra-gumb { align-self: flex-start; margin-top: 12px; }
@media (max-width: 640px) {
	.ra-kartica-hero { min-height: 0; background-position: 70% center; }
	.ra-kartica-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(252, 227, 232, .95) 0%, rgba(252, 227, 232, .75) 100%); }
}

.ra-kategorije { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 32px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 1024px) { .ra-kategorije { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; } }
@media (max-width: 480px) { .ra-kategorije { grid-template-columns: 1fr; } }
.ra-kategorija { display: flex; flex-direction: column; gap: 20px; }
.ra-kategorija__okvir { padding: 8px; background: #fff; border-radius: 44px 10px 44px 10px; box-shadow: var(--ra-sjena-list); transition: transform .2s ease, box-shadow .2s ease; }
.ra-kategorija:hover .ra-kategorija__okvir { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(30, 26, 31, .12); }
.ra-kategorija__okvir img, .ra-kategorija__prazno { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 38px 4px 38px 4px; background: var(--ra-roza-podloga); }
.ra-kategorija__naziv { font-weight: 600; font-size: 14px; line-height: 1.35; letter-spacing: .05em; text-transform: uppercase; text-align: center; color: var(--ra-tekst); }
.ra-kategorija:hover .ra-kategorija__naziv { color: var(--ra-akcent); }

.ra-istaknute { background: var(--ra-lavanda); }
.ra-istaknuta { display: flex; flex-wrap: wrap; }
.ra-istaknuta--slika-desno { flex-direction: row-reverse; }
.ra-istaknuta__slika { flex: 1 1 420px; min-height: 460px; background: var(--ra-roza) center / cover no-repeat; }
.ra-istaknuta__tekst { flex: 1 1 420px; display: flex; align-items: center; padding: clamp(40px, 6vw, 88px) clamp(20px, 6vw, 88px); }
.ra-istaknuta--slika-desno .ra-istaknuta__tekst { justify-content: flex-end; text-align: right; }
.ra-istaknuta__unutra { max-width: 500px; display: flex; flex-direction: column; gap: 18px; }
.ra-istaknuta--slika-desno .ra-istaknuta__unutra { align-items: flex-end; }
.ra-istaknuta--slika-lijevo .ra-istaknuta__unutra { align-items: flex-start; }
.ra-istaknuta h3 { margin: 0; font-size: clamp(26px, 2.6vw, 34px); letter-spacing: .01em; text-transform: uppercase; }
.ra-istaknuta p { margin: 0; color: var(--ra-tekst-2); line-height: 1.75; }
@media (max-width: 860px) {
	.ra-istaknuta, .ra-istaknuta--slika-desno { flex-direction: column; }
	.ra-istaknuta__slika { min-height: 280px; flex-basis: auto; }
	.ra-istaknuta--slika-desno .ra-istaknuta__tekst { justify-content: flex-start; text-align: left; }
	.ra-istaknuta--slika-desno .ra-istaknuta__unutra { align-items: flex-start; }
}

.ra-recenzije__kartica {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px 40px;
	align-items: start;
	margin: 0;
	padding: clamp(32px, 5vw, 56px);
	border-radius: 28px;
	background: var(--ra-roza-podloga);
}
@media (max-width: 640px) { .ra-recenzije__kartica { grid-template-columns: 1fr; } }
.ra-recenzija { display: none; flex-direction: column; gap: 24px; min-width: 0; }
.ra-recenzija.is-active { display: flex; }
.ra-recenzija blockquote { margin: 0; font-size: clamp(18px, 1.8vw, 22px); line-height: 1.6; font-style: italic; max-width: 760px; }
.ra-recenzija__dno { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.ra-recenzija__ime { font-weight: 600; font-size: 15px; }
.ra-tocke { display: flex; gap: 8px; }
.ra-tocka { width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--ra-pill); background: #E6D9DE; cursor: pointer; transition: width .2s ease, background-color .2s ease; }
.ra-tocka.is-active { width: 28px; background: var(--ra-oznaka); }
.ra-tocka::before { content: ""; display: block; width: 44px; height: 44px; margin: -18px 0 0 -18px; }
.ra-strelice { display: flex; gap: 12px; }
.ra-strelica-gumb { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--ra-tekst); background: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ra-strelica-gumb:hover { background: var(--ra-tekst); color: #fff; }

.ra-blog-mreza { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
@media (max-width: 1024px) { .ra-blog-mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .ra-blog-mreza { grid-template-columns: 1fr; } }
.ra-clanak-kartica { display: flex; flex-direction: column; gap: 16px; }
.ra-clanak-kartica__slika { display: block; aspect-ratio: 1 / 1; border-radius: 24px; overflow: hidden; background: var(--ra-roza-podloga); }
.ra-clanak-kartica__slika img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.ra-clanak-kartica:hover .ra-clanak-kartica__slika img { transform: scale(1.03); }
.ra-clanak-kartica__datum { font-size: 13px; color: var(--ra-tekst-3); }
.ra-clanak-kartica__naslov { margin: 4px 0 0; font-family: var(--ra-font-tekst); font-size: 17px; font-weight: 600; line-height: 1.4; letter-spacing: 0; }

/* 7. KARTICE PROIZVODA ----------------------------------------------------- */
.woocommerce ul.products, .woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
@media (max-width: 1024px) { .woocommerce ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; } }
@media (max-width: 420px) { .woocommerce ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: 1fr; } }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	position: relative;
	float: none;
	width: auto;
	margin: 0;
	padding: 10px 10px 22px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-radius: var(--ra-radius);
	background: #fff;
	box-shadow: var(--ra-sjena);
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(30, 26, 31, .1); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; gap: 8px; flex-grow: 1; color: var(--ra-tekst); }
.woocommerce ul.products li.product a img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0 0 8px;
	border-radius: 12px;
	background: var(--ra-roza-podloga);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 8px;
	margin: 0;
	font-family: var(--ra-font-tekst);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--ra-tekst);
}
.woocommerce ul.products li.product .price {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 2px 10px;
	margin: 0;
	padding: 0 8px;
	font-size: 20px;
	font-weight: 600;
	color: var(--ra-tekst);
}
.woocommerce ul.products li.product .price del { order: -1; font-size: 15px; font-weight: 400; color: var(--ra-tekst-3); opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--ra-akcent); font-weight: 600; }
/* napomene o cijenama (Omnibus / sidrene cijene iz dodataka) */
.woocommerce ul.products li.product .price + *:not(.button):not(.ra-swatch-tocke),
.woocommerce ul.products li.product small, .woocommerce ul.products li.product .wc-price-history,
.woocommerce ul.products li.product [class*="lowest"], .woocommerce ul.products li.product [class*="omnibus"] {
	font-size: 12px; line-height: 1.4; color: var(--ra-tekst-3); font-weight: 400;
}
.woocommerce ul.products li.product .button { display: none; } /* kartica je klikabilna cijela, kao na produkciji */
.ra-kartica-gumbi .woocommerce ul.products li.product .button { display: inline-flex; margin: auto 8px 0; min-height: 44px; background: #fff; color: var(--ra-tekst); border: 1.5px solid var(--ra-tekst); }

.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 22px;
	left: 22px;
	right: auto;
	z-index: 2;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 3px 12px;
	border-radius: var(--ra-pill);
	background: var(--ra-roza-svijetla);
	color: #B8304F;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}
.ra-oznaka-novo { position: absolute; top: 22px; left: 22px; z-index: 2; padding: 3px 12px; border-radius: var(--ra-pill); background: var(--ra-lavanda); color: #4B4380; font-size: 12px; font-weight: 600; line-height: 1.5; }
.ra-swatch-tocke { display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 12px; color: var(--ra-tekst-3); }
.ra-swatch-tocke span.ra-t { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(30, 26, 31, .15); }

/* 8. TRGOVINA -------------------------------------------------------------- */
.ra-trgovina-zaglavlje { background: var(--ra-roza-podloga); padding: 32px 0 56px; }
.ra-trgovina-zaglavlje .woocommerce-breadcrumb { margin-bottom: 20px; }
.ra-trgovina-zaglavlje .ra-naslov { margin: 0; justify-content: flex-start; text-align: left; }
.ra-trgovina-zaglavlje .ra-naslov::after { display: none; }
.ra-trgovina-zaglavlje .term-description { max-width: 720px; margin-top: 16px; color: var(--ra-tekst-2); }
.woocommerce .woocommerce-breadcrumb { margin: 0; font-size: 14px; color: var(--ra-tekst-3); }
.woocommerce .woocommerce-breadcrumb a { color: var(--ra-tekst-3); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--ra-akcent); }

.ra-trgovina { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 48px; padding-top: 56px; padding-bottom: var(--ra-sekcija); }
.ra-trgovina__filteri { flex: 1 1 240px; max-width: 280px; display: flex; flex-direction: column; gap: 32px; }
.ra-trgovina__proizvodi { flex: 999 1 560px; min-width: 0; }
@media (max-width: 900px) { .ra-trgovina__filteri { max-width: none; } }
.ra-filteri-gumb { display: none; }
@media (max-width: 900px) {
	.ra-filteri-gumb { display: inline-flex; }
	.ra-trgovina__filteri { display: none; }
	.ra-trgovina__filteri.is-open { display: flex; }
}
.ra-widget-naslov, .ra-trgovina__filteri .widget-title, .ra-trgovina__filteri h2 {
	margin: 0 0 12px;
	font-family: var(--ra-font-tekst);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.ra-trgovina__filteri ul { list-style: none; margin: 0; padding: 0; }
.ra-trgovina__filteri .product-categories li a { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--ra-linija); font-size: 15px; }
.ra-trgovina__filteri .product-categories .children { padding-left: 14px; }
.ra-trgovina__filteri .current-cat > a { color: var(--ra-akcent); font-weight: 600; }
.ra-trgovina__filteri .price_slider_wrapper .ui-widget-content { background: var(--ra-linija); border-radius: 4px; height: 4px; margin: 16px 6px 24px; }
.ra-trgovina__filteri .price_slider_wrapper .ui-slider-range, .ra-trgovina__filteri .price_slider_wrapper .ui-slider-handle { background: var(--ra-akcent) !important; }
.ra-trgovina__filteri .price_slider_amount { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; }
.ra-trgovina__filteri .price_slider_amount .button { min-height: 40px; padding: 0 20px; font-size: 14px; }

.ra-alatna-traka { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; padding-bottom: 20px; margin-bottom: 32px; border-bottom: 1px solid var(--ra-linija); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; margin: 0; font-size: 15px; color: var(--ra-tekst-2); }
.woocommerce .woocommerce-ordering select { min-height: 44px; border-radius: var(--ra-pill); padding: 0 40px 0 16px; width: auto; }

.woocommerce nav.woocommerce-pagination { margin-top: 48px; }
.woocommerce nav.woocommerce-pagination ul { display: flex; justify-content: center; gap: 8px; border: 0; margin: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; float: none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	width: 44px; height: 44px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--ra-linija-2); border-radius: 50%;
	font-weight: 600; color: var(--ra-tekst);
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ra-tekst); border-color: var(--ra-tekst); color: #fff; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--ra-roza-podloga); }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error {
	border: 0; border-radius: 14px; background: var(--ra-roza-podloga); color: var(--ra-tekst); padding: 16px 20px 16px 52px;
}
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--ra-akcent); top: 16px; }
.woocommerce .woocommerce-message .button { float: right; min-height: 40px; padding: 0 20px; }

/* 9. JEDAN PROIZVOD -------------------------------------------------------- */
.ra-proizvod { padding-top: 24px; padding-bottom: 80px; }
.ra-proizvod .woocommerce-breadcrumb { margin-bottom: 32px; }
.woocommerce div.product { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: start; }
.woocommerce div.product > *:not(.woocommerce-product-gallery):not(.summary) { grid-column: 1 / -1; }
@media (max-width: 860px) { .woocommerce div.product { grid-template-columns: 1fr; gap: 32px; } }
.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: auto; margin: 0; }
.woocommerce div.product div.images {
	position: relative;
	padding: 12px;
	background: #fff;
	border-radius: 56px 12px 56px 12px;
	box-shadow: var(--ra-sjena-list);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .flex-viewport { border-radius: 46px 4px 46px 4px; }
.woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product div.images .flex-control-thumbs img { border-radius: 20px 4px 20px 4px; opacity: .6; }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active, .woocommerce div.product div.images .flex-control-thumbs img:hover { opacity: 1; }
.woocommerce div.product span.onsale { top: 24px; left: 24px; }
.woocommerce div.product .summary { display: flex; flex-direction: column; gap: 20px; }
.woocommerce div.product .summary > * { margin: 0; }
.ra-proizvod__kategorija { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ra-akcent); }
.woocommerce div.product .product_title { font-size: clamp(32px, 3.8vw, 46px); line-height: 1.12; letter-spacing: -0.02em; margin: -8px 0 0; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px;
	font-size: 32px; font-weight: 700; line-height: 1.2; color: var(--ra-tekst);
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins { order: -1; text-decoration: none; color: var(--ra-akcent); }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 20px; font-weight: 400; color: var(--ra-tekst-3); opacity: 1; }
.woocommerce div.product .summary .price + * { font-size: 13px; color: var(--ra-tekst-3); }
.woocommerce-product-details__short-description { color: var(--ra-tekst-2); padding-top: 20px; border-top: 1px solid var(--ra-linija); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; }
.woocommerce div.product form.cart.variations_form { display: block; }
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.woocommerce div.product form.cart .button { flex: 1 1 220px; min-height: 52px; float: none; }
.woocommerce .quantity { display: inline-flex; align-items: center; height: 52px; padding: 0 4px; border: 1.5px solid var(--ra-linija-2); border-radius: var(--ra-pill); float: none !important; margin: 0 !important; }
.woocommerce .quantity .qty { width: 44px; min-height: 0; height: 44px; padding: 0; border: 0; box-shadow: none; text-align: center; font-weight: 700; -moz-appearance: textfield; }
.woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.ra-kol-gumb { width: 44px; height: 44px; border: 0; background: none; font-size: 20px; line-height: 1; cursor: pointer; border-radius: 50%; }
.ra-kol-gumb:hover { background: var(--ra-roza-podloga); }
.ra-info-kutije { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.ra-info-kutija { display: flex; gap: 12px; align-items: center; padding: 16px; border-radius: 16px; background: var(--ra-roza-podloga); font-size: 14px; line-height: 1.4; }
.ra-info-kutija strong { display: block; }
.ra-info-kutija svg { flex: 0 0 24px; color: var(--ra-akcent); }
.woocommerce div.product .product_meta { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--ra-tekst-2); }
.woocommerce div.product .product_meta a { text-decoration: underline; color: var(--ra-tekst-2); }

.woocommerce div.product .woocommerce-tabs {
	margin: 32px calc(50% - 50vw) 0;
	padding: 72px max(var(--ra-rub), calc(50vw - var(--ra-sirina) / 2 + var(--ra-rub)));
	background: var(--ra-roza-podloga);
}
.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; padding: 0; border-bottom: 1px solid #E8D6DB; overflow: visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; background: none; border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 20px; margin-bottom: -1px; font-weight: 600; color: var(--ra-tekst-3); border-bottom: 3px solid transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ra-tekst); border-bottom-color: var(--ra-oznaka); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 760px; margin: 0; color: var(--ra-tekst-2); line-height: 1.75; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }
.woocommerce table.shop_attributes { border: 0; border-top: 1px solid #E8D6DB; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border-bottom: 1px solid #E8D6DB; background: none !important; padding: 12px 0; font-style: normal; text-align: left; }
.woocommerce table.shop_attributes th { width: 200px; font-weight: 600; color: var(--ra-tekst); }
.woocommerce div.product .related, .woocommerce div.product .upsells { padding-top: 96px; }
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 48px; text-align: center; }
.woocommerce div.product .related > h2::before, .woocommerce div.product .upsells > h2::before { content: ""; width: 30px; height: 30px; background: var(--ra-strelica) no-repeat center / contain; }
.woocommerce div.product .related > h2::after, .woocommerce div.product .upsells > h2::after { content: ""; width: 30px; height: 30px; background: var(--ra-strelica-d) no-repeat center / contain; }

/* 10. VARIJACIJE (uzorci boja i veličine) ---------------------------------- */
.woocommerce div.product form.cart table.variations { width: 100%; margin: 0 0 20px; border: 0; }
.woocommerce div.product form.cart table.variations tr { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.woocommerce div.product form.cart table.variations th, .woocommerce div.product form.cart table.variations td { display: block; padding: 0; text-align: left; line-height: 1.4; }
.woocommerce div.product form.cart table.variations th.label label { font-size: 15px; font-weight: 600; }
.ra-odabrano { font-weight: 400; color: var(--ra-tekst-2); }
.ra-swatches { display: flex; flex-wrap: wrap; gap: 10px; }
.ra-swatches + select, .ra-has-swatches select { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ra-swatch {
	position: relative;
	min-width: 44px;
	height: 44px;
	padding: 0 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid var(--ra-linija-2);
	border-radius: var(--ra-pill);
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.ra-swatch:hover { border-color: var(--ra-tekst); }
.ra-swatch.is-selected { background: var(--ra-tekst); border-color: var(--ra-tekst); color: #fff; }
.ra-swatch--boja { width: 44px; padding: 0; border: 2px solid transparent; }
.ra-swatch--boja .ra-swatch__boja { width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(30, 26, 31, .15); }
.ra-swatch--boja.is-selected { background: #fff; border-color: var(--ra-tekst); }
.ra-swatch.is-disabled { cursor: not-allowed; opacity: .4; }
.ra-swatch--boja.is-disabled::after { content: ""; position: absolute; width: 40px; height: 2px; background: var(--ra-tekst-3); transform: rotate(-45deg); border-radius: 2px; }
.woocommerce div.product form.cart .reset_variations { display: inline-block; margin-top: 4px; font-size: 14px; color: var(--ra-tekst-2); text-decoration: underline; }
.woocommerce div.product .woocommerce-variation-price .price { font-size: 26px; }
.woocommerce div.product .woocommerce-variation-availability .stock { font-weight: 600; font-size: 14px; }
.woocommerce div.product .stock.in-stock { color: #2F7A4F; }
.woocommerce div.product .stock.out-of-stock { color: #B8304F; }

/* 11. KOŠARICA / BLAGAJNA / RAČUN ------------------------------------------ */
.woocommerce table.shop_table { border: 1px solid var(--ra-linija); border-radius: var(--ra-radius); border-collapse: separate; overflow: hidden; }
.woocommerce table.shop_table th { font-weight: 600; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 16px; border-top: 1px solid var(--ra-linija); }
.woocommerce table.shop_table img { width: 72px; border-radius: 10px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout-review-order { background: var(--ra-roza-podloga); border-radius: var(--ra-radius); padding: 24px; }
.woocommerce form .form-row label { font-weight: 600; font-size: 14px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 12px 16px; border-radius: 12px; }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--ra-roza-podloga); color: var(--ra-akcent); font-weight: 600; }

/* 12. BLOG I STRANICE ------------------------------------------------------ */
.ra-stranica-zaglavlje { background: var(--ra-roza-podloga); padding: 48px 0; }
.ra-stranica-zaglavlje .ra-naslov { margin: 0; justify-content: flex-start; text-align: left; }
.ra-stranica-zaglavlje .ra-naslov::after { display: none; }
.ra-sadrzaj { padding-top: 56px; padding-bottom: var(--ra-sekcija); }
.ra-tekst { max-width: 760px; font-size: 17px; line-height: 1.8; color: var(--ra-tekst-2); }
.ra-tekst h2, .ra-tekst h3 { color: var(--ra-tekst); margin-top: 1.6em; }
.ra-tekst a { color: var(--ra-akcent); text-decoration: underline; }
.ra-tekst img { border-radius: var(--ra-radius); }
.ra-tekst--sirok { max-width: none; }
.ra-clanak__slika { margin: 0 0 40px; border-radius: 28px; overflow: hidden; }
.ra-clanak__meta { font-size: 14px; color: var(--ra-tekst-3); margin-top: 12px; }
.ra-paginacija { margin-top: 56px; display: flex; justify-content: center; gap: 8px; }
.ra-paginacija .page-numbers { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ra-linija-2); border-radius: 50%; font-weight: 600; }
.ra-paginacija .page-numbers.current { background: var(--ra-tekst); color: #fff; border-color: var(--ra-tekst); }
.ra-paginacija .prev, .ra-paginacija .next { width: auto; padding: 0 18px; border-radius: var(--ra-pill); }

/* 13. FOOTER --------------------------------------------------------------- */
.ra-footer { margin-top: 0; background: var(--ra-tamna); color: #D9D0C7; font-size: 15px; }
.ra-footer a { color: #D9D0C7; }
.ra-footer a:hover { color: #fff; }
.ra-footer__gore { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 40px 32px; padding-top: 72px; padding-bottom: 56px; }
@media (max-width: 1024px) { .ra-footer__gore { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ra-footer__gore { grid-template-columns: 1fr; } }
.ra-footer__o { display: flex; flex-direction: column; gap: 16px; max-width: 360px; }
.ra-footer__o img { max-height: 48px; width: auto; }
.ra-footer__kontakt { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ra-footer__kontakt a { color: #fff; display: inline-flex; gap: 10px; align-items: center; }
.ra-footer__kontakt svg { width: 18px; height: 18px; color: #E9B9C6; flex: 0 0 18px; }
.ra-footer__naslov { margin: 0 0 16px; font-family: var(--ra-font-tekst); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.ra-footer ul.menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ra-footer__dno { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-top: 28px; padding-bottom: 32px; border-top: 1px solid #3D3530; font-size: 13px; color: #B5AAA0; }
.ra-footer__dno a { color: #B5AAA0; }
.ra-footer__dno ul.menu { flex-direction: row; flex-wrap: wrap; gap: 8px 20px; }

/* 14. POMOĆNO -------------------------------------------------------------- */
.ra-prazno { padding: 48px; border-radius: var(--ra-radius); background: var(--ra-roza-podloga); text-align: center; color: var(--ra-tekst-2); }
.ra-404 { text-align: center; padding: var(--ra-sekcija) 0; }
.ra-404 .ra-naslov { margin-bottom: 24px; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Dodaci: pretraga proizvoda i mobilni podizbornici */
.woocommerce-product-search { display: flex; gap: 12px; }
.woocommerce-product-search input[type="search"] { border-radius: var(--ra-pill); }
.ra-podizbornik-gumb { display: none; }
@media (max-width: 1024px) {
	.ra-nav li { display: flex; flex-wrap: wrap; align-items: center; }
	.ra-nav li > a { flex: 1 1 auto; width: auto; }
	.ra-nav .menu-item-has-children > a::after { display: none; }
	.ra-podizbornik-gumb { display: inline-flex; }
	.ra-nav li.is-open > .ra-podizbornik-gumb svg { transform: rotate(180deg); }
	.ra-nav li > .sub-menu { flex-basis: 100%; }
}
body { overflow-x: clip; }
.woocommerce div.product { position: relative; }
.woocommerce div.product > span.onsale { top: 36px; left: 36px; }

/* ==========================================================================
   15. ZAGLAVLJA STRANICA, PODKATEGORIJE, O NAMA, KONTAKT, BLOG
   ========================================================================== */
.ra-stranica-zaglavlje, .ra-trgovina-zaglavlje { background: var(--ra-roza-podloga); padding: 32px 0 64px; }
.ra-stranica-zaglavlje .ra-kontejner, .ra-trgovina-zaglavlje .ra-kontejner { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.ra-stranica-zaglavlje .ra-naslov, .ra-trgovina-zaglavlje .ra-naslov { margin: 0; justify-content: center; text-align: center; }
.ra-stranica-zaglavlje .ra-naslov::after, .ra-trgovina-zaglavlje .ra-naslov::after { display: block; }
.ra-trgovina-zaglavlje .woocommerce-breadcrumb { margin: 0; }
.ra-trgovina-zaglavlje .term-description, .ra-trgovina-zaglavlje .page-description { max-width: 640px; margin: 0 auto; color: var(--ra-tekst-2); }
.ra-putanja { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; font-size: 14px; color: var(--ra-tekst-3); }
.ra-putanja a { color: var(--ra-tekst-3); }
.ra-podnaslov { margin: 0; max-width: 640px; font-size: 17px; color: var(--ra-tekst-2); }

.ra-kategorije--centar { display: flex; flex-wrap: wrap; justify-content: center; }
.ra-kategorije--centar > li { flex: 0 1 260px; }
.ra-trgovina--nakon-podkategorija { padding-top: 48px; }

.ra-dvostupac { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 6vw, 88px); align-items: center; padding-top: 88px; }
@media (max-width: 860px) { .ra-dvostupac { grid-template-columns: 1fr; } }
.ra-dvostupac__tekst { display: flex; flex-direction: column; gap: 20px; max-width: 540px; }
.ra-dvostupac__tekst .ra-gumb { align-self: flex-start; }
.ra-dvostupac__tekst .ra-tekst h2:first-child { margin-top: 0; }
.ra-list-okvir { padding: 12px; background: #fff; border-radius: 64px 12px 64px 12px; box-shadow: 0 10px 32px rgba(30, 26, 31, .09); }
.ra-list-okvir img { display: block; width: 100%; aspect-ratio: 6 / 5; object-fit: cover; border-radius: 54px 4px 54px 4px; }
.ra-dvostupac--kontakt { align-items: stretch; }
.ra-list-okvir--karta { display: flex; border-radius: 56px 12px 56px 12px; }
.ra-list-okvir--karta iframe { flex: 1; width: 100%; min-height: 440px; border: 0; border-radius: 46px 4px 46px 4px; }

.ra-forma { display: flex; flex-direction: column; gap: 20px; padding: clamp(28px, 4vw, 48px); border-radius: 28px; background: var(--ra-roza-podloga); }
.ra-forma h2 { margin: 0; font-size: clamp(26px, 2.6vw, 32px); }
.ra-forma label, .ra-forma .wpforms-field-label { font-size: 14px; font-weight: 600; }
.ra-forma input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.ra-forma textarea, .ra-forma select,
.ra-forma .wpforms-field input, .ra-forma .wpforms-field textarea {
	width: 100% !important; max-width: none !important; min-height: 52px; padding: 12px 18px !important;
	border: 1px solid var(--ra-linija-2) !important; border-radius: 14px !important; background: #fff !important; font-size: 16px !important;
}
.ra-forma textarea, .ra-forma .wpforms-field textarea { min-height: 140px; }
.ra-forma button[type="submit"], .ra-forma input[type="submit"], .ra-forma .wpforms-submit {
	min-height: 52px !important; padding: 0 32px !important; border: 0 !important; border-radius: var(--ra-pill) !important;
	background: var(--ra-akcent) !important; color: #fff !important; font-weight: 600 !important; font-size: 15px !important; cursor: pointer;
}
.ra-forma .wpforms-container { margin: 0 !important; }

.ra-info-red { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px; }
.ra-istaknute .ra-info-red { padding-top: 72px; padding-bottom: 72px; }
.ra-info-kartica { display: flex; flex-direction: column; gap: 6px; padding: 28px; border-radius: 20px; border: 1px solid var(--ra-linija); background: #fff; color: var(--ra-tekst); }
.ra-info-kartica__oznaka { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ra-tekst-3); }
.ra-info-kartica__vrijednost { font-size: 18px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.ra-drustvene { display: flex; gap: 8px; }
.ra-drustvene a { width: 44px; height: 44px; border-radius: 50%; background: var(--ra-roza-podloga); display: inline-flex; align-items: center; justify-content: center; color: var(--ra-akcent); }

.ra-izdvojeni { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; padding-top: 32px; }
@media (max-width: 860px) { .ra-izdvojeni { grid-template-columns: 1fr; } }
.ra-izdvojeni__slika { display: block; aspect-ratio: 16 / 10; border-radius: 28px; overflow: hidden; background: var(--ra-roza-podloga); }
.ra-izdvojeni__slika img { width: 100%; height: 100%; object-fit: cover; }
.ra-izdvojeni__tekst { display: flex; flex-direction: column; gap: 16px; max-width: 520px; }
.ra-izdvojeni__tekst h2 { margin: 0; font-size: clamp(28px, 3vw, 36px); }
.ra-izdvojeni__tekst p { margin: 0; font-size: 17px; line-height: 1.75; color: var(--ra-tekst-2); }
.ra-izdvojeni__tekst .ra-gumb { align-self: flex-start; margin-top: 8px; }
.ra-blog-mreza--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; }
@media (max-width: 1024px) { .ra-blog-mreza--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ra-blog-mreza--3 { grid-template-columns: 1fr; } }
.ra-blog-mreza--3 .ra-clanak-kartica__slika { aspect-ratio: 4 / 3; }
.ra-blog-mreza--3 .ra-clanak-kartica__naslov { font-family: var(--ra-font-naslov); font-size: 20px; line-height: 1.3; }
.ra-clanak-kartica__sazetak { margin: 6px 0 0; font-size: 15px; line-height: 1.6; color: var(--ra-tekst-2); }

/* ==========================================================================
   16. KORACI, KOŠARICA, BLAGAJNA, MOJ RAČUN
   ========================================================================== */
.ra-podkategorije { padding-top: 72px; }

.ra-koraci { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 14px; font-size: 14px; font-weight: 600; color: var(--ra-tekst-3); }
.ra-koraci li { display: flex; align-items: center; gap: 10px; }
.ra-koraci li + li::before { content: ""; width: 40px; height: 1.5px; background: var(--ra-linija-2); margin-right: 4px; }
.ra-koraci__broj { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--ra-linija-2); background: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.ra-koraci .is-trenutni, .ra-koraci .is-gotov { color: var(--ra-tekst); }
.ra-koraci .is-trenutni .ra-koraci__broj, .ra-koraci .is-gotov .ra-koraci__broj { background: var(--ra-akcent); border-color: var(--ra-akcent); color: #fff; }

/* Zajedničko: kartica sažetka */
.woocommerce-cart .cart_totals, .woocommerce-checkout #order_review, .woocommerce-checkout-review-order {
	background: var(--ra-roza-podloga); border-radius: 24px; padding: clamp(24px, 3vw, 36px);
}
.woocommerce .cart_totals h2, .woocommerce-checkout h3, #order_review_heading { font-size: 22px; margin: 0 0 16px; }

/* KOŠARICA (klasični predložak) */
.woocommerce-cart .ra-tekst > .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 40px; align-items: start; }
.woocommerce-cart .ra-tekst > .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .ra-tekst > .woocommerce > .cart-empty, .woocommerce-cart .ra-tekst > .woocommerce > .return-to-shop { grid-column: 1 / -1; }
@media (max-width: 1024px) { .woocommerce-cart .ra-tekst > .woocommerce { grid-template-columns: 1fr; } }
.woocommerce-cart .cart-collaterals { width: auto; }
.woocommerce-cart .cart-collaterals .cart_totals { float: none; width: auto; }
.woocommerce-cart .cart-collaterals .cross-sells { display: none; }
.woocommerce-cart table.cart { border: 0; border-radius: 0; overflow: visible; }
.woocommerce-cart table.cart thead { display: none; }
.woocommerce-cart table.cart tr.cart_item { border: 1px solid var(--ra-linija); }
.woocommerce-cart table.cart td { border-top: 1px solid var(--ra-linija); padding: 16px 12px; vertical-align: middle; color: var(--ra-tekst); font-size: 15px; }
.woocommerce-cart table.cart td.product-thumbnail img { width: 96px; border-radius: 14px; }
.woocommerce-cart table.cart td.product-name a { font-weight: 600; font-size: 16px; }
.woocommerce-cart table.cart td.product-name dl.variation { margin: 4px 0 0; font-size: 14px; color: var(--ra-tekst-3); }
.woocommerce-cart table.cart td.product-subtotal { font-weight: 700; font-size: 17px; }
.woocommerce-cart table.cart a.remove { width: 32px; height: 32px; line-height: 30px; font-size: 22px; color: var(--ra-tekst-3) !important; border: 1px solid var(--ra-linija-2); }
.woocommerce-cart table.cart a.remove:hover { background: var(--ra-akcent); color: #fff !important; border-color: var(--ra-akcent); }
.woocommerce-cart table.cart td.actions { border-top: 0; padding: 20px 0 0; }
.woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 8px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: 220px; border-radius: var(--ra-pill); min-height: 52px; }
.woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions > .button { background: #fff; color: var(--ra-tekst); border: 1.5px solid var(--ra-tekst); }
.woocommerce-cart table.cart td.actions .coupon .button:hover, .woocommerce-cart table.cart td.actions > .button:hover { background: var(--ra-tekst); color: #fff; }
.woocommerce .cart_totals table.shop_table { border: 0; background: none; }
.woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td { border-top: 1px solid #EAD9DF; padding: 14px 0; background: none; }
.woocommerce .cart_totals table.shop_table tr:first-child th, .woocommerce .cart_totals table.shop_table tr:first-child td { border-top: 0; }
.woocommerce .cart_totals .order-total .amount { font-size: 26px; font-weight: 700; }
.woocommerce .wc-proceed-to-checkout { padding: 8px 0 0; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { width: 100%; min-height: 56px; font-size: 16px; margin: 0; }

/* BLAGAJNA (klasični predložak) */
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 24px 48px; align-items: start; }
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2; margin: 0; padding: 0 4px; }
.woocommerce-checkout form.checkout #order_review { grid-column: 2; }
@media (max-width: 1024px) {
	.woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
	.woocommerce-checkout form.checkout #customer_details, .woocommerce-checkout form.checkout #order_review_heading, .woocommerce-checkout form.checkout #order_review { grid-column: 1; grid-row: auto; }
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { float: none; width: auto; }
.woocommerce-checkout #customer_details .col-2 { margin-top: 32px; }
.woocommerce form .form-row { padding: 0; margin: 0 0 16px; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: calc(50% - 8px); }
@media (max-width: 560px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } }
.woocommerce form .form-row label { display: block; margin-bottom: 6px; }
.woocommerce form .form-row .required { color: var(--ra-akcent); text-decoration: none; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { border-radius: 14px; }
.select2-container .select2-selection--single { height: 52px; border: 1px solid var(--ra-linija-2); border-radius: 14px; }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 50px; padding-left: 16px; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 50px; right: 8px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info { margin-bottom: 24px; }
.woocommerce table.woocommerce-checkout-review-order-table { border: 0; background: none; margin-bottom: 20px; }
.woocommerce table.woocommerce-checkout-review-order-table th, .woocommerce table.woocommerce-checkout-review-order-table td { border-top: 1px solid #EAD9DF; padding: 12px 0; background: none; }
.woocommerce table.woocommerce-checkout-review-order-table thead th { border-top: 0; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3); }
.woocommerce table.woocommerce-checkout-review-order-table .order-total .amount { font-size: 24px; font-weight: 700; }
.woocommerce ul#shipping_method { margin: 0; padding: 0; }
.woocommerce ul#shipping_method li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; margin: 0 0 8px; border: 1.5px solid var(--ra-linija-2); border-radius: 14px; background: #fff; text-align: left; }
.woocommerce ul#shipping_method li input { accent-color: var(--ra-akcent); margin: 0; }
.woocommerce-checkout #payment { background: none; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { border: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.woocommerce-checkout #payment ul.payment_methods li { list-style: none; padding: 14px 18px; border: 1.5px solid var(--ra-linija-2); border-radius: 16px; background: #fff; line-height: 1.5; }
.woocommerce-checkout #payment ul.payment_methods li input { accent-color: var(--ra-akcent); margin-right: 10px; }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 600; }
.woocommerce-checkout #payment div.payment_box { background: var(--ra-roza-podloga); border-radius: 12px; margin: 12px 0 0; font-size: 14px; color: var(--ra-tekst-2); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.form-row { padding: 16px 0 0; }
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper { font-size: 14px; }
.woocommerce-checkout #payment #place_order { width: 100%; min-height: 56px; float: none; font-size: 16px; margin-top: 8px; }
.woocommerce-checkout .woocommerce-privacy-policy-text { font-size: 13px; color: var(--ra-tekst-3); }

/* POTVRDA NARUDŽBE */
.woocommerce-order .woocommerce-thankyou-order-received { padding: 20px 24px; border-radius: 16px; background: #E6F2EA; color: #2F6B45; font-weight: 600; }
.woocommerce ul.order_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; padding: 0; margin: 24px 0 40px; }
.woocommerce ul.order_details li { float: none; margin: 0; padding: 18px; border: 1px solid var(--ra-linija); border-radius: 16px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3); }
.woocommerce ul.order_details li strong { display: block; margin-top: 6px; font-size: 17px; letter-spacing: 0; text-transform: none; color: var(--ra-tekst); }

/* MOJ RAČUN */
.woocommerce-account .ra-tekst > .woocommerce { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; }
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; flex: 1 1 220px; max-width: 260px; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; flex: 999 1 560px; min-width: 0; color: var(--ra-tekst); }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 0 4px; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: flex; align-items: center; min-height: 48px; padding: 0 18px; border-radius: 14px; font-weight: 500; }
.woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--ra-roza-podloga); }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--ra-roza-podloga); color: #B8304F; font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type { padding: 28px; border-radius: 24px; background: var(--ra-roza-podloga); }
.woocommerce-account table.woocommerce-orders-table { width: 100%; }
.woocommerce-account table.woocommerce-orders-table thead th { background: var(--ra-roza-podloga); border-top: 0; }
.woocommerce-account table.woocommerce-orders-table .button { min-height: 40px; padding: 0 18px; font-size: 14px; background: #fff; color: var(--ra-tekst); border: 1.5px solid var(--ra-tekst); }
.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.woocommerce-account .woocommerce-Addresses::before, .woocommerce-account .woocommerce-Addresses::after { display: none; }
.woocommerce-account .woocommerce-Address { padding: 24px; border: 1px solid var(--ra-linija); border-radius: 20px; }
.woocommerce-account .woocommerce-Address address { font-style: normal; line-height: 1.6; color: var(--ra-tekst-2); }
.woocommerce-account .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; }
.woocommerce-account .woocommerce-Address-title h2 { font-size: 19px; margin: 0; }
.woocommerce-account .woocommerce-Address-title .edit { float: none; font-size: 14px; font-weight: 600; text-decoration: underline; }
/* Prijava / registracija */
.woocommerce-account #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; width: 100%; }
@media (max-width: 860px) { .woocommerce-account #customer_login { grid-template-columns: 1fr; } }
.woocommerce-account #customer_login::before, .woocommerce-account #customer_login::after { display: none; }
.woocommerce-account #customer_login .u-column1 { padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--ra-roza-podloga); }
.woocommerce-account #customer_login .u-column2 { padding: clamp(24px, 3vw, 36px); border-radius: 24px; border: 1px solid var(--ra-linija); }
.woocommerce-account #customer_login h2 { font-size: 22px; }
.woocommerce form.login, .woocommerce form.register { border: 0; padding: 0; margin: 0; border-radius: 0; }
.woocommerce-account form.register .button { background: #fff; color: var(--ra-tekst); border: 1.5px solid var(--ra-tekst); }
.woocommerce form .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 10px; margin: 8px 0 16px; }
.woocommerce-LostPassword { margin-top: 12px; font-size: 14px; }
.woocommerce-LostPassword a { text-decoration: underline; color: var(--ra-tekst-2); }

/* Blok košarica / blagajna (ako su stranice rađene blokovima) */
.wc-block-components-button:not(.is-link) { min-height: 52px; border-radius: var(--ra-pill) !important; background: var(--ra-akcent) !important; color: #fff !important; font-weight: 600; }
.wc-block-components-button:not(.is-link):hover { background: var(--ra-akcent-tamni) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control input, .wc-blocks-components-select__select { border-radius: 14px !important; }
.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block { background: var(--ra-roza-podloga); border-radius: 24px; padding: 8px 20px; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border-radius: 16px !important; }
.ra-podkategorije { padding-bottom: var(--ra-sekcija); }

/* ==========================================================================
   17. NADJAČAVANJE WOOCOMMERCE RASPOREDA (woocommerce-layout / smallscreen)
   WooCommerce postavlja float + postotne širine i clearfix pseudo-elemente
   koji u CSS gridu postaju prazne ćelije – ovdje ih isključujemo.
   ========================================================================== */
.woocommerce div.product::before, .woocommerce div.product::after,
.woocommerce ul.products::before, .woocommerce ul.products::after,
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after,
.woocommerce .ra-tekst > .woocommerce::before, .woocommerce .ra-tekst > .woocommerce::after,
.woocommerce-cart .ra-tekst > .woocommerce::before, .woocommerce-cart .ra-tekst > .woocommerce::after,
.woocommerce-checkout form.checkout::before, .woocommerce-checkout form.checkout::after,
.woocommerce-account .ra-tekst > .woocommerce::before, .woocommerce-account .ra-tekst > .woocommerce::after {
	content: none !important;
	display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
}
.woocommerce div.product div.images, .woocommerce-page div.product div.images,
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}
.woocommerce div.product div.images img { width: 100%; height: auto; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { clear: none; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none !important; width: auto !important; }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none !important; width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none !important; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-content { width: auto !important; }
.woocommerce form .form-row-first { float: left; }
.woocommerce form .form-row-last { float: right; }
.woocommerce form .form-row-wide { clear: both; }
.woocommerce .woocommerce-billing-fields__field-wrapper::after, .woocommerce .woocommerce-shipping-fields__field-wrapper::after { content: ""; display: table; clear: both; }
@media (max-width: 560px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { float: none; width: 100% !important; } }
/* duge cijene (raspon) ne lome se u stupac */
.woocommerce ul.products li.product .price { white-space: normal; }
.woocommerce ul.products li.product .price .woocommerce-Price-amount { white-space: nowrap; }

/* ==========================================================================
   18. POPRAVCI 1.3: slike u fiksnom okviru, gumbi na karticama, mobilni header
   ========================================================================== */
/* Okvir slike uvijek iste veličine – slika se smanji/poveća unutar njega */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	background: #fff;
	padding: 6%;
	box-sizing: border-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
}
.woocommerce div.product div.images .flex-control-thumbs img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; padding: 4px; box-sizing: border-box; border: 1px solid var(--ra-linija); }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 28px; right: 28px; z-index: 3; }

/* Gumbi na karticama (trgovina, kategorije, slični proizvodi) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: auto 8px 0 !important;
	min-height: 44px;
	padding: 0 18px;
	border: 1.5px solid var(--ra-tekst);
	border-radius: var(--ra-pill);
	background: #fff;
	color: var(--ra-tekst);
	font-size: 14px;
	font-weight: 600;
}
.woocommerce ul.products li.product .button:hover { background: var(--ra-tekst); color: #fff; }
.woocommerce ul.products li.product .added_to_cart { border: 0; min-height: 32px; text-decoration: underline; }
.ra-naslovnica .woocommerce ul.products li.product .button, .ra-naslovnica .woocommerce ul.products li.product .added_to_cart { display: none !important; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { flex-grow: 1; }
.ra-swatch-tocke { margin: 2px 0 4px; }

/* Gumb "Dodaj u košaricu" dok varijacija nije odabrana – u boji teme, ne WooCommerce ljubičastoj */
.woocommerce div.product form.cart .button.alt.disabled,
.woocommerce div.product form.cart .button.alt:disabled,
.woocommerce div.product form.cart .button.disabled,
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
	background-color: var(--ra-akcent) !important;
	color: #fff !important;
	opacity: .4;
}

/* Mobilni header: ništa ne smije biti šire od ekrana */
html, body { max-width: 100%; overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }
.ra-nav-pozadina { z-index: 90; }
@media (max-width: 1024px) {
	.ra-header__unutra { gap: 8px; min-height: 64px; flex-wrap: nowrap; }
	.ra-header__desno { gap: 0; min-width: 0; }
	.ra-logo { min-width: 0; flex: 0 1 auto; }
	.ra-logo img, .ra-logo .custom-logo { max-height: 40px; max-width: 160px; height: auto; }
	.ra-ikone { gap: 0; }
	.ra-ikona { width: 40px; height: 40px; }
	.ra-nav { visibility: hidden; }
	.ra-nav.is-open { visibility: visible; }
	body.ra-izbornik-otvoren { overflow: hidden; }
}
@media (max-width: 420px) {
	.ra-ikona--srce, .ra-ikone > a[href*="moj-racun"], .ra-ikone > a[href*="my-account"] { display: none; }
}

/* 19. Količina: samo gumbi teme (dodaci za +/− se skrivaju) i oznaka akcije kao u prototipu */
.woocommerce .quantity > :not(input.qty):not(.ra-kol-gumb):not(label):not(.screen-reader-text):not(:has(input.qty)) { display: none !important; }
.woocommerce .quantity > :has(input.qty) { display: contents; }
.woocommerce .quantity > :has(input.qty) > :not(input.qty) { display: none !important; }

.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
	background: var(--ra-akcent) !important;
	color: #fff !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1.4 !important;
}
.woocommerce div.product > span.onsale.ra-onsale--posto,
.woocommerce div.product span.onsale.ra-onsale--posto {
	left: auto !important;
	right: 36px;
	top: 36px !important;
	padding: 6px 12px !important;
	font-size: 13px !important;
	text-transform: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { left: 28px; right: auto; }

/* ==========================================================================
   20. MOBILNI IZBORNIK (panel) i HARMONIKA KATEGORIJA
   ========================================================================== */
.ra-nav__vrh, .ra-nav__trazi, .ra-nav__dno { display: none; }
.ra-harmonika-gumb { display: none; }

@media (max-width: 1024px) {
	.ra-nav {
		width: min(420px, 92vw) !important;
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		background: #fff;
	}
	.ra-nav__vrh {
		display: flex; align-items: center; justify-content: space-between;
		position: sticky; top: 0; z-index: 2;
		padding: 12px 12px 12px 24px; background: #fff; border-bottom: 1px solid var(--ra-linija);
	}
	.ra-nav__naslov { font-family: var(--ra-font-naslov); font-size: 20px; font-weight: 600; }
	.ra-nav__zatvori { position: static !important; }
	.ra-nav__trazi { display: block; padding: 16px 24px 8px; }
	.ra-nav__trazi form { display: flex; gap: 8px; }
	.ra-nav__trazi input[type="search"] { min-height: 46px; border-radius: var(--ra-pill); font-size: 16px; }
	.ra-nav__trazi .ra-gumb { min-height: 46px; padding: 0 18px; }

	.ra-nav > ul { padding: 8px 24px 24px; gap: 0; }
	.ra-nav > ul > li { border-bottom: 1px solid var(--ra-linija); }
	.ra-nav li { display: flex; flex-wrap: wrap; align-items: center; }
	.ra-nav li > a {
		flex: 1 1 auto; width: auto; min-height: 52px; padding: 12px 0;
		font-size: 17px; font-weight: 600; letter-spacing: 0; text-transform: none; justify-content: flex-start;
	}
	.ra-nav .menu-item-has-children > a::after, .ra-podizbornik-gumb { display: none !important; }
	.ra-nav .current-menu-item > a { color: var(--ra-akcent); }

	.ra-harmonika-gumb {
		display: inline-flex; align-items: center; justify-content: center;
		flex: 0 0 40px; width: 40px; height: 40px; margin-left: 8px;
		border: 0; border-radius: 50%; background: var(--ra-roza-podloga); color: var(--ra-tekst); cursor: pointer;
	}
	.ra-harmonika-gumb svg { transition: transform .2s ease; }
	.ra-nav li.is-open > .ra-harmonika-gumb { background: var(--ra-akcent); color: #fff; }
	.ra-nav li.is-open > .ra-harmonika-gumb svg { transform: rotate(180deg); }

	/* 2. razina */
	.ra-nav .sub-menu {
		display: none !important; flex-basis: 100%;
		position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important;
		min-width: 0; margin: 0 0 14px; padding: 6px 14px !important;
		border-radius: 16px; background: var(--ra-roza-podloga);
	}
	.ra-nav li.is-open > .sub-menu { display: block !important; }
	.ra-nav .sub-menu > li { border-bottom: 1px solid #F3E2E7; }
	.ra-nav .sub-menu > li:last-child { border-bottom: 0; }
	.ra-nav .sub-menu a { min-height: 46px; padding: 10px 0; font-size: 15px; font-weight: 500; background: none !important; border-radius: 0; }
	.ra-nav .sub-menu .ra-harmonika-gumb { width: 36px; height: 36px; flex-basis: 36px; background: #fff; }
	/* 3. i 4. razina */
	.ra-nav .sub-menu .sub-menu {
		margin: 0 0 10px 4px; padding: 0 0 0 14px !important;
		background: none; border-radius: 0; border-left: 2px solid #F3C9D4;
	}
	.ra-nav .sub-menu .sub-menu > li { border-bottom: 0; }
	.ra-nav .sub-menu .sub-menu a { min-height: 40px; padding: 8px 0; font-size: 14px; color: var(--ra-tekst-2); }

	.ra-nav__dno {
		display: flex; flex-direction: column; gap: 4px;
		margin-top: auto; padding: 16px 24px 28px; border-top: 1px solid var(--ra-linija); background: var(--ra-roza-podloga);
	}
	.ra-nav__dno a { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 600; font-size: 15px; }
	.ra-nav__dno svg { color: var(--ra-akcent); }
}

/* Stablo kategorija u trgovini – harmonika */
.ra-trgovina__filteri .product-categories li { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.ra-trgovina__filteri .product-categories li > a { flex: 1 1 auto; min-width: 0; display: block !important; padding: 10px 0 !important; border-bottom: 0 !important; }
.ra-trgovina__filteri .product-categories > li { border-bottom: 1px solid var(--ra-linija); }
.ra-trgovina__filteri .product-categories .count { display: none; }
.ra-trgovina__filteri .ra-harmonika-gumb {
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 32px; width: 32px; height: 32px; margin-left: 6px;
	border: 0; border-radius: 50%; background: var(--ra-roza-podloga); color: var(--ra-tekst); cursor: pointer;
}
.ra-trgovina__filteri .ra-harmonika-gumb svg { width: 16px; height: 16px; transition: transform .2s ease; }
.ra-trgovina__filteri li.is-open > .ra-harmonika-gumb svg { transform: rotate(180deg); }
.ra-trgovina__filteri .product-categories ul.children {
	display: none; flex-basis: 100%;
	margin: 0 0 10px 2px !important; padding: 0 0 0 14px !important;
	border-left: 2px solid #F3C9D4;
}
.ra-trgovina__filteri .product-categories li.is-open > ul.children { display: block; }
.ra-trgovina__filteri .product-categories ul.children a { font-size: 14px; padding: 7px 0 !important; color: var(--ra-tekst-2); }
.ra-trgovina__filteri .product-categories ul.children .ra-harmonika-gumb { width: 28px; height: 28px; flex-basis: 28px; }
.ra-trgovina__filteri .product-categories .current-cat > a {
	color: var(--ra-akcent) !important; font-weight: 700;
}
.ra-trgovina__filteri .product-categories .current-cat-parent > a,
.ra-trgovina__filteri .product-categories .current-cat-ancestor > a { font-weight: 600; color: var(--ra-tekst); }

/* ==========================================================================
   21. KARTICE I TRGOVINA TOČNO KAO U PROTOTIPU
   ========================================================================== */
/* Kartica (trgovina, kategorije, akcija, slični): obrub, lijevo poravnanje */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding: 12px 12px 20px !important;
	gap: 6px;
	border: 1px solid #E8E1DA;
	border-radius: 14px;
	box-shadow: none;
	text-align: left;
}
.woocommerce ul.products li.product:hover { transform: none; box-shadow: 0 10px 28px rgba(30, 26, 31, .08); border-color: #DDD4D8; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { gap: 6px; }
.woocommerce ul.products li.product a img { border-radius: 8px; margin: 0 0 10px !important; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .ra-oznaka-novo { top: 24px !important; left: 24px !important; }
.ra-kartica-kategorija { display: block; padding: 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 8px !important; font-size: 16px !important; font-weight: 600 !important; text-align: left; }
.woocommerce ul.products li.product .ra-swatch-tocke { justify-content: flex-start; padding: 0 8px; }
.woocommerce ul.products li.product .price {
	justify-content: flex-start;
	padding: 0 8px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	margin-top: 2px !important;
}
.woocommerce ul.products li.product .price del { font-size: 15px; }
/* napomene o cijeni (sidrena / najniža u 30 dana) uvijek u novom redu, sitno */
.woocommerce ul.products li.product .price > *:not(del):not(ins):not(.woocommerce-Price-amount):not(.screen-reader-text):not([aria-hidden]) {
	flex-basis: 100%;
	margin-top: 4px;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.4;
	color: var(--ra-tekst-3) !important;
}
.woocommerce ul.products li.product .price > *:not(del):not(ins):not(.woocommerce-Price-amount):not([aria-hidden]) .amount,
.woocommerce ul.products li.product .price > *:not(del):not(ins):not(.woocommerce-Price-amount):not([aria-hidden]) bdi { font-size: 12px !important; font-weight: 400 !important; color: var(--ra-tekst-3) !important; }
.woocommerce ul.products li.product .button {
	width: calc(100% - 16px);
	min-height: 44px;
	margin: 12px 8px 0 !important;
	font-size: 15px;
}

/* Naslovnica ostaje kao u prototipu naslovnice: centrirano, sjena, bez obruba i gumba */
.ra-naslovnica .woocommerce ul.products li.product { border: 0; box-shadow: var(--ra-sjena); border-radius: 18px; padding: 10px 10px 22px !important; text-align: center; }
.ra-naslovnica .woocommerce ul.products li.product .woocommerce-loop-product__title { text-align: center; font-size: 15px !important; font-weight: 500 !important; }
.ra-naslovnica .woocommerce ul.products li.product .price, .ra-naslovnica .woocommerce ul.products li.product .ra-swatch-tocke { justify-content: center; }
.ra-naslovnica .ra-kartica-kategorija { display: none; }

/* Mreža u trgovini: 4 stupca, uže 3 / 2 */
.ra-trgovina__proizvodi ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; }
@media (max-width: 1240px) { .ra-trgovina__proizvodi ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 900px) { .ra-trgovina__proizvodi ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } }
@media (max-width: 420px) { .ra-trgovina__proizvodi ul.products { grid-template-columns: 1fr !important; } }

/* Alatna traka: "Prikazano X proizvoda" lijevo, "Poredaj:" + izbornik desno */
.ra-alatna-traka { padding-bottom: 20px; margin-bottom: 32px; }
.woocommerce .woocommerce-ordering { display: flex; align-items: center; gap: 10px; }
.woocommerce .woocommerce-ordering::before { content: "Poredaj:"; font-size: 14px; color: var(--ra-tekst-2); }
.woocommerce .woocommerce-ordering select { min-width: 230px; }

/* Bočne kategorije: jednostavna strelica desno (kao u prototipu) */
.ra-trgovina__filteri .product-categories > li > a { font-size: 15px; }
.ra-trgovina__filteri .ra-harmonika-gumb { background: none !important; color: #B5AAA0 !important; width: 28px !important; height: 28px !important; flex-basis: 28px !important; }
.ra-trgovina__filteri .ra-harmonika-gumb svg { transform: rotate(-90deg); }
.ra-trgovina__filteri li.is-open > .ra-harmonika-gumb svg { transform: rotate(0deg); }
.ra-trgovina__filteri .ra-harmonika-gumb:hover { color: var(--ra-tekst) !important; }

/* Filter cijene i akcije */
.ra-filter-obrazac { display: flex; flex-direction: column; gap: 20px; }
.ra-filter-obrazac .ra-widget-naslov { margin: 0 0 -8px; }
.ra-filter-cijena { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ra-filter-cijena label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--ra-tekst-3); }
.ra-filter-cijena input { min-height: 44px; padding: 0 12px; border-radius: 10px; font-size: 15px; }
.ra-filter-kvacica { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; cursor: pointer; }
.ra-filter-kvacica input { width: 20px; height: 20px; margin: 0; accent-color: var(--ra-akcent); }
.ra-filter-gumbi { display: flex; align-items: center; gap: 16px; }
.ra-filter-gumbi .ra-gumb { min-height: 44px; padding: 0 22px; font-size: 14px; }
.ra-filter-gumbi a { font-size: 14px; color: var(--ra-tekst-2); text-decoration: underline; }

/* 22. Raspon cijena uvijek u jednom redu (manji font umjesto lomljenja) */
.woocommerce ul.products li.product .price [aria-hidden="true"] { flex: 0 0 auto; font-weight: 400; }
.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) { column-gap: 6px; font-size: 16px !important; }
.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) > .woocommerce-Price-amount { white-space: nowrap; }
@media (max-width: 1240px) { .woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) { font-size: 15px !important; } }
.woocommerce div.product p.price [aria-hidden="true"], .woocommerce div.product span.price [aria-hidden="true"] { font-weight: 400; }

/* ==========================================================================
   23. STRANICA PROIZVODA KAO U PROTOTIPU
   ========================================================================== */
.woocommerce div.product { gap: 56px 64px; }
.woocommerce div.product .summary { gap: 18px; padding-top: 8px; }
.woocommerce div.product div.images { position: relative; align-self: start; }
.woocommerce div.product div.images span.onsale,
.woocommerce div.product div.images span.onsale.ra-onsale--posto {
	position: absolute; top: 28px !important; right: 28px !important; left: auto !important; z-index: 4;
}
.ra-proizvod__kategorija { font-size: 13px; letter-spacing: .12em; }
.woocommerce div.product .product_title { font-size: clamp(32px, 3.6vw, 48px) !important; line-height: 1.1; margin: -6px 0 0 !important; }

/* Cijena: podebljana, jedan red, crta ispod bloka cijene */
.woocommerce div.product .summary > p.price, .woocommerce div.product .summary > span.price {
	font-size: 32px !important; font-weight: 700 !important; color: var(--ra-tekst) !important; margin: 4px 0 0 !important;
	gap: 4px 12px;
}
.woocommerce div.product .summary .price *, .woocommerce div.product .summary .price bdi { font-weight: 700 !important; }
.woocommerce div.product .summary .price del, .woocommerce div.product .summary .price del * { font-weight: 400 !important; font-size: 20px; color: var(--ra-tekst-3) !important; }
.woocommerce div.product .summary .price ins, .woocommerce div.product .summary .price ins * { color: var(--ra-akcent) !important; }
.woocommerce div.product .summary .price [aria-hidden="true"] { font-weight: 400 !important; }
.woocommerce div.product .summary .price > *:not(del):not(ins):not(.woocommerce-Price-amount):not(.screen-reader-text):not([aria-hidden]) {
	flex-basis: 100%; font-size: 13px !important; font-weight: 400 !important; color: var(--ra-tekst-3) !important;
}
.woocommerce div.product .summary .price > *:not(del):not(ins):not(.woocommerce-Price-amount):not(.screen-reader-text):not([aria-hidden]) * { font-size: 13px !important; font-weight: 400 !important; color: var(--ra-tekst-3) !important; }
.ra-napomena-cijena { margin: -8px 0 0 !important; font-size: 13px; color: var(--ra-tekst-3); }
.woocommerce div.product .summary > .ra-napomena-cijena,
.woocommerce div.product .summary > p.price:not(:has(+ .ra-napomena-cijena)) { padding-bottom: 24px; border-bottom: 1px solid var(--ra-linija); }
.woocommerce-product-details__short-description { border-top: 0 !important; padding-top: 0 !important; font-size: 16px; line-height: 1.7; }

/* Varijacije: jasne oznake i razmaci */
.woocommerce div.product form.cart table.variations { margin: 4px 0 8px !important; }
.woocommerce div.product form.cart table.variations tr { margin-bottom: 24px !important; gap: 12px !important; }
.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations th.label label,
.woocommerce div.product form.cart table.variations td.label label { font-size: 15px !important; font-weight: 600 !important; color: var(--ra-tekst); }
.woocommerce div.product form.cart table.variations .ra-odabrano { font-weight: 400; color: var(--ra-tekst-2); }
.ra-swatches { gap: 10px !important; }
.ra-swatch--boja { width: 44px !important; height: 44px !important; }
.ra-swatch--boja .ra-swatch__boja { width: 32px !important; height: 32px !important; }
.ra-swatch:not(.ra-swatch--boja) { min-width: 76px; }
.woocommerce div.product .woocommerce-variation-add-to-cart, .woocommerce div.product form.cart:not(.variations_form) { gap: 12px; }

/* Lista želja (TI Wishlist) kao okrugli gumb uz košaricu */
.woocommerce div.product .summary .tinv-wraper { margin: 0 !important; }
.woocommerce div.product .summary .tinvwl_add_to_wishlist_button {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 18px !important; border: 1.5px solid var(--ra-linija-2); border-radius: var(--ra-pill);
	font-size: 14px; font-weight: 600; color: var(--ra-tekst) !important;
}

/* Meta: oznaka i vrijednost u dva stupca, bez internih oznaka */
.woocommerce div.product .product_meta { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.woocommerce div.product .product_meta .tagged_as { display: none; }
.woocommerce div.product .product_meta .sku_wrapper, .woocommerce div.product .product_meta .posted_in { font-weight: 600; color: var(--ra-tekst); }
.woocommerce div.product .product_meta .sku, .woocommerce div.product .product_meta .posted_in a { font-weight: 400; }
.ra-footer__dno a[href*="gerilla.agency"] { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* ==========================================================================
   24. MOBITEL: banneri s posebnom slikom, kategorije 2 u redu, klizač proizvoda
   ========================================================================== */
.ra-kartica-hero { background-image: var(--ra-bg, none); }
.ra-klizac-traka { display: none; }

@media (max-width: 640px) {
	/* Banneri: omjer 4:5 (360 × 450), tekst lijevo i okomito na sredini */
	.ra-kartica-hero, .ra-kartica-hero--banner {
		min-height: 0 !important;
		aspect-ratio: 4 / 5;
		align-items: center;
		padding: 24px 28px !important;
		border-radius: 24px;
		background-image: var(--ra-bg-mob, var(--ra-bg, none));
		background-position: center;
		background-size: cover;
	}
	.ra-kartica-hero__sadrzaj { gap: 14px; text-align: left; }
	.ra-kartica-hero__sadrzaj h1 { font-size: 30px !important; }
	.ra-kartica-hero__sadrzaj h2 { font-size: 27px !important; }
	.ra-kartica-hero__sadrzaj .ra-gumb { min-height: 48px; margin-top: 6px; }
	.ra-rukopis { font-size: 24px; }

	/* Kategorije na naslovnici i podkategorije: dvije u redu */
	.ra-kategorije { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 14px !important; }
	.ra-kategorije--centar > li { flex: 0 1 calc(50% - 7px) !important; }
	.ra-kategorija { gap: 12px; }
	.ra-kategorija__okvir { padding: 6px; border-radius: 30px 8px 30px 8px; }
	.ra-kategorija__okvir img, .ra-kategorija__prazno { border-radius: 25px 4px 25px 4px; }
	.ra-kategorija__naziv { font-size: 12px; letter-spacing: .03em; }

	/* Klizač: jedan proizvod, sljedeći viri, listanje prstom */
	.ra-mob-proizvodi.is-klizac ul.products {
		display: flex !important;
		gap: 14px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-left: var(--ra-rub);
		margin: 0 calc(-1 * var(--ra-rub)) !important;
		padding: 4px var(--ra-rub) 16px !important;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.ra-mob-proizvodi.is-klizac ul.products::-webkit-scrollbar { display: none; }
	.ra-mob-proizvodi.is-klizac ul.products li.product { flex: 0 0 78% !important; scroll-snap-align: start; }
	.ra-mob-proizvodi.is-klizac .ra-klizac-traka { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
	.ra-klizac-traka__put { position: relative; flex: 1; height: 4px; border-radius: var(--ra-pill); background: #EEE6EA; overflow: hidden; }
	.ra-klizac-traka__dio { position: absolute; top: 0; bottom: 0; left: 0; width: 30%; border-radius: var(--ra-pill); background: var(--ra-oznaka); transition: left .08s linear; }
	.ra-klizac-traka__broj { min-width: 40px; text-align: right; font-size: 13px; font-weight: 600; color: var(--ra-tekst-3); }
	.ra-mob-proizvodi + .ra-gumb-red { margin-top: 32px; }

	/* Mreža: dva u redu */
	.ra-mob-proizvodi.is-mreza ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 12px !important; }
	.ra-mob-proizvodi.is-mreza ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; }
	.ra-mob-proizvodi.is-mreza ul.products li.product .price { font-size: 16px !important; }
}

/* ==========================================================================
   25. Razmaci u cijenama, veći logo, blagi ružičasti sloj preko slike bannera
   ========================================================================== */
/* Cijene: stara i nova, i raspon, uvijek s razmakom */
.woocommerce ul.products li.product .price, .woocommerce div.product .summary .price { column-gap: 0 !important; }
.woocommerce ul.products li.product .price del, .woocommerce div.product .summary .price del { margin-right: 10px; }
.woocommerce ul.products li.product .price [aria-hidden="true"],
.woocommerce div.product .summary .price [aria-hidden="true"] { margin: 0 8px !important; }
.woocommerce ul.products li.product .price ins, .woocommerce div.product .summary .price ins { margin: 0; }

/* Logo */
.ra-logo img, .ra-logo .custom-logo { max-height: 60px !important; max-width: 280px; }
.ra-header__unutra { min-height: 84px; }
@media (max-width: 1024px) {
	.ra-header__unutra { min-height: 72px; }
	.ra-logo img, .ra-logo .custom-logo { max-height: 50px !important; max-width: 200px !important; }
}
@media (max-width: 380px) {
	.ra-logo img, .ra-logo .custom-logo { max-height: 44px !important; max-width: 170px !important; }
}

/* Blagi ružičasti sloj preko slike – slika se vidi, tekst ostaje čitljiv */
.ra-kartica-hero.ima-sliku::before {
	content: "";
	display: block !important;
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(252, 227, 232, .88) 0%, rgba(252, 227, 232, .70) 40%, rgba(252, 227, 232, .25) 75%, rgba(252, 227, 232, .10) 100%);
}
@media (max-width: 640px) {
	.ra-kartica-hero.ima-sliku::before {
		background: linear-gradient(90deg, rgba(252, 227, 232, .82) 0%, rgba(252, 227, 232, .62) 60%, rgba(252, 227, 232, .35) 100%);
	}
}
.ra-kartica-hero__sadrzaj { z-index: 1; }

/* 26. Cijene na karticama: jedna cijena i akcijska veće i podebljane, raspon samo podebljan */
.woocommerce ul.products li.product .price { font-size: 20px !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .price > .woocommerce-Price-amount,
.woocommerce ul.products li.product .price > .woocommerce-Price-amount bdi,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins bdi { font-weight: 700 !important; }
.woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price ins * { font-size: 20px !important; color: var(--ra-akcent) !important; }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price del * { font-size: 15px !important; font-weight: 400 !important; }
/* raspon "od – do": ista veličina kao prije, samo podebljano */
.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) { font-size: 16px !important; }
.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) > .woocommerce-Price-amount,
.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) > .woocommerce-Price-amount bdi { font-size: 16px !important; font-weight: 700 !important; }
@media (max-width: 1240px) {
	.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]),
	.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) > .woocommerce-Price-amount,
	.woocommerce ul.products li.product .price:has(> [aria-hidden="true"]) > .woocommerce-Price-amount bdi { font-size: 15px !important; }
}
@media (max-width: 640px) {
	.ra-mob-proizvodi.is-mreza ul.products li.product .price, .ra-mob-proizvodi.is-mreza ul.products li.product .price ins, .ra-mob-proizvodi.is-mreza ul.products li.product .price ins * { font-size: 17px !important; }
}

/* 27. Mobilni banneri: veći tekst (ima prostora u kartici 4:5) */
@media (max-width: 640px) {
	.ra-kartica-hero, .ra-kartica-hero--banner { padding: 28px 26px !important; }
	.ra-kartica-hero__sadrzaj { gap: 16px; max-width: 100%; }
	.ra-kartica-hero__sadrzaj .ra-rukopis { font-size: 30px; }
	.ra-kartica-hero__sadrzaj h1 { font-size: 38px !important; line-height: 1.1; }
	.ra-kartica-hero__sadrzaj h2 { font-size: 34px !important; line-height: 1.12; }
	.ra-kartica-hero__sadrzaj .ra-gumb { min-height: 54px; padding: 0 30px; font-size: 16px; margin-top: 8px; }
}
@media (max-width: 360px) {
	.ra-kartica-hero__sadrzaj h1 { font-size: 33px !important; }
	.ra-kartica-hero__sadrzaj h2 { font-size: 30px !important; }
}

/* 28. Gumbi unutar teksta stranica (npr. "Postavke kolačića") – bijeli tekst, bez podcrtavanja */
.ra-tekst a.ra-gumb, .ra-tekst a.button, .ra-tekst .wp-block-button__link {
	color: #fff !important;
	text-decoration: none !important;
}
.ra-tekst a.ra-gumb:hover, .ra-tekst a.button:hover { color: #fff !important; }
.ra-tekst a.ra-gumb--obrub { color: var(--ra-tekst) !important; }
.ra-tekst a.ra-gumb--obrub:hover { color: #fff !important; }

/* 29. Pravne stranice: bočni izbornik s označenom trenutnom stranicom */
.ra-pravno { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 56px; align-items: start; }
.ra-pravno__izbornik {
	position: sticky; top: 108px;
	display: flex; flex-direction: column; gap: 12px;
	padding: 20px; border-radius: 20px; background: var(--ra-roza-podloga);
}
.admin-bar .ra-pravno__izbornik { top: 140px; }
.ra-pravno__naslov { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ra-tekst-3); padding: 0 12px; }
.ra-pravno__izbornik ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.ra-pravno__izbornik a { display: flex; align-items: center; min-height: 44px; padding: 8px 14px; border-radius: 12px; font-size: 15px; font-weight: 500; color: var(--ra-tekst); line-height: 1.35; }
.ra-pravno__izbornik a:hover { background: #fff; color: var(--ra-akcent); }
.ra-pravno__izbornik a.is-active { background: #fff; color: var(--ra-akcent); font-weight: 700; box-shadow: inset 3px 0 0 var(--ra-oznaka), 0 2px 8px rgba(30, 26, 31, .05); }
.ra-pravno__kolacici { margin-top: 4px; border-top: 1px solid #F1DDE3; padding-top: 14px !important; border-radius: 0 !important; font-size: 14px !important; color: var(--ra-tekst-2) !important; text-decoration: underline; text-underline-offset: 3px; }
.ra-pravno__tekst { max-width: 780px; }
.ra-pravno__tekst h2 { font-size: clamp(22px, 2.2vw, 28px); }
.ra-pravno__tekst h3 { font-size: 19px; }
.ra-pravno__tekst table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ra-linija); border-radius: 14px; overflow: hidden; font-size: 15px; }
.ra-pravno__tekst th { background: var(--ra-roza-podloga); text-align: left; padding: 12px 14px; color: var(--ra-tekst); }
.ra-pravno__tekst td { padding: 12px 14px; border-top: 1px solid var(--ra-linija); vertical-align: top; }
@media (max-width: 900px) {
	.ra-pravno { grid-template-columns: 1fr; gap: 28px; }
	.ra-pravno__izbornik { position: static; padding: 8px; border-radius: 16px; }
	.ra-pravno__naslov { display: none; }
	.ra-pravno__izbornik ul { flex-direction: row; overflow-x: auto; gap: 6px; scrollbar-width: none; }
	.ra-pravno__izbornik ul::-webkit-scrollbar { display: none; }
	.ra-pravno__izbornik li { flex: 0 0 auto; }
	.ra-pravno__izbornik a { white-space: nowrap; font-size: 14px; padding: 8px 14px; }
	.ra-pravno__izbornik a.is-active { box-shadow: inset 0 -3px 0 var(--ra-oznaka); }
	.ra-pravno__kolacici { display: none !important; }
}

/* 30. Pravne stranice na mobitelu: stupac nikad širi od ekrana */
.ra-pravno > * { min-width: 0; }
.ra-pravno__tekst { overflow-wrap: anywhere; }
@media (max-width: 900px) {
	.ra-pravno { grid-template-columns: minmax(0, 1fr) !important; }
	.ra-pravno__izbornik { max-width: 100%; overflow: hidden; }
	.ra-pravno__izbornik ul { max-width: 100%; }
	.ra-pravno__tekst table { display: block; overflow-x: auto; }
}

/* 31. Tablice u tekstu stranica: svijetli obrubi; na mobitelu svaki red kao kartica */
.ra-tekst figure.wp-block-table { margin: 24px 0; overflow-x: auto; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table), .ra-tekst table:not(.shop_table):not(.woocommerce-table) th, .ra-tekst table:not(.shop_table):not(.woocommerce-table) td { border-color: var(--ra-linija) !important; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table) { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ra-linija) !important; border-radius: 14px; overflow: hidden; font-size: 15px; line-height: 1.55; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table) th { background: var(--ra-roza-podloga); text-align: left; padding: 12px 14px; color: var(--ra-tekst); font-weight: 600; border-width: 0 0 1px !important; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table) td { padding: 12px 14px; vertical-align: top; border-width: 1px 0 0 !important; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table) tr:first-child td { border-top-width: 0 !important; }
.ra-tekst table:not(.shop_table):not(.woocommerce-table) th + th, .ra-tekst table:not(.shop_table):not(.woocommerce-table) td + td { border-left-width: 1px !important; border-left-style: solid !important; }
@media (max-width: 700px) {
	.ra-tekst table.ra-tablica-kartice { display: block; border: 0 !important; border-radius: 0; overflow: visible; }
	.ra-tekst table.ra-tablica-kartice thead { display: none; }
	.ra-tekst table.ra-tablica-kartice tbody { display: flex; flex-direction: column; gap: 12px; }
	.ra-tekst table.ra-tablica-kartice tr { display: block; border: 1px solid var(--ra-linija); border-radius: 16px; padding: 4px 16px; background: #fff; }
	.ra-tekst table.ra-tablica-kartice tr:first-child:has(th) { display: none; }
	.ra-tekst table.ra-tablica-kartice td { display: block; padding: 10px 0 !important; border-width: 1px 0 0 !important; border-left-width: 0 !important; border-style: solid !important; }
	.ra-tekst table.ra-tablica-kartice td:first-child { border-top-width: 0 !important; font-weight: 700; color: var(--ra-tekst); font-size: 16px; }
	.ra-tekst table.ra-tablica-kartice td[data-label]:not(:first-child)::before {
		content: attr(data-label);
		display: block; margin-bottom: 2px;
		font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3);
	}
	.ra-tekst h2, .ra-tekst h3 { overflow-wrap: anywhere; hyphens: auto; }
}
@media (max-width: 700px) {
	.ra-tekst .ra-ck-table { overflow: visible !important; }
	.ra-tekst .ra-ck-table table.ra-tablica-kartice { min-width: 0 !important; }
	.ra-tekst .ra-ck-table td code { word-break: break-word; }
}

/* ==========================================================================
   1.7.2 Mobitel: bocni filteri kao harmonika (prikazi/sakrij) iznad proizvoda, bez gumba Filteri
   ========================================================================== */
@media (max-width: 900px) {
	.ra-trgovina { gap: 20px; }
	.ra-filteri-gumb { display: none; }
	.ra-trgovina__filteri { display: flex; flex-direction: column; gap: 8px; width: 100%; }
	.ra-trgovina__filteri .widget { border: 1.5px solid var(--ra-linija-2); border-radius: 14px; padding: 0 14px; background: #fff; }
	.ra-trgovina__filteri .widget > .ra-widget-naslov, .ra-trgovina__filteri .widget > h2 {
		display: flex; justify-content: space-between; align-items: center; margin: 0; min-height: 46px; cursor: pointer; user-select: none;
	}
	.ra-trgovina__filteri .widget > .ra-widget-naslov::after, .ra-trgovina__filteri .widget > h2::after {
		content: ""; width: 10px; height: 10px; border-right: 2px solid var(--ra-tekst); border-bottom: 2px solid var(--ra-tekst);
		transform: rotate(45deg); margin: -4px 4px 0 0; transition: transform .2s ease;
	}
	.ra-trgovina__filteri .widget.is-open > .ra-widget-naslov::after, .ra-trgovina__filteri .widget.is-open > h2::after { transform: rotate(-135deg); margin-top: 4px; }
	.ra-trgovina__filteri .widget > *:not(.ra-widget-naslov):not(h2) { display: none; }
	.ra-trgovina__filteri .widget.is-open > *:not(.ra-widget-naslov):not(h2) { display: block; }
	.ra-trgovina__filteri .widget.is-open { padding-bottom: 12px; }
	.ra-trgovina__filteri .ra-filter-obrazac.widget { padding: 0 14px; }
	.ra-trgovina__filteri .ra-filter-obrazac.widget.is-open { padding-bottom: 14px; }
}

/* ==========================================================================
   1.7.3 Kosarica, blagajna, narudzba i Moj racun bez obruba: meke roze kartice i sjene umjesto linija
   ========================================================================== */
/* Tablice (narudzba, popis narudzbi, stavke) */
.woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 0; border-radius: 0; overflow: visible; border-collapse: separate; border-spacing: 0 8px; background: none; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border: 0; background: none; }
.woocommerce table.shop_table thead th { padding: 6px 16px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3); font-weight: 600; }
.woocommerce table.shop_table tbody td, .woocommerce table.shop_table tbody th { background: var(--ra-roza-podloga); padding: 16px; }
.woocommerce table.shop_table tbody tr > *:first-child { border-radius: 16px 0 0 16px; }
.woocommerce table.shop_table tbody tr > *:last-child { border-radius: 0 16px 16px 0; }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { padding: 10px 16px; border: 0; }
.woocommerce table.shop_table tfoot tr:last-child th, .woocommerce table.shop_table tfoot tr:last-child td { font-size: 18px; font-weight: 700; }
/* Kosarica: svaka stavka kao roza kartica */
.woocommerce-cart table.cart tr.cart_item { border: 0; }
.woocommerce-cart table.cart td { border: 0; background: var(--ra-roza-podloga); }
.woocommerce-cart table.cart td.actions { background: none; border: 0; border-radius: 0; }
.woocommerce-cart table.cart a.remove { border: 0; background: #fff; box-shadow: var(--ra-sjena); }
.woocommerce-cart table.cart a.remove:hover { background: var(--ra-akcent); box-shadow: none; }
/* Sazetak kosarice i blagajne (roza kutija): tablice unutra bez razmaka i podloge */
.woocommerce .cart_totals table.shop_table, .woocommerce table.woocommerce-checkout-review-order-table { border-spacing: 0; }
.woocommerce .cart_totals table.shop_table tbody th, .woocommerce .cart_totals table.shop_table tbody td,
.woocommerce table.woocommerce-checkout-review-order-table tbody th, .woocommerce table.woocommerce-checkout-review-order-table tbody td { background: none; border-radius: 0; border-top: 1px solid #F3E2E7; padding: 14px 0; }
.woocommerce .cart_totals table.shop_table tr:first-child th, .woocommerce .cart_totals table.shop_table tr:first-child td { border-top: 0; }
.woocommerce table.woocommerce-checkout-review-order-table thead th { padding: 0 0 8px; }
.woocommerce table.woocommerce-checkout-review-order-table tfoot th, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { border-top: 1px solid #F3E2E7; padding: 12px 0; }
/* Dostava i nacin placanja: bijele kartice sa sjenom, odabrana s roza obrubom */
.woocommerce ul#shipping_method li, .woocommerce-checkout #payment ul.payment_methods li { border: 0; box-shadow: var(--ra-sjena); }
.woocommerce ul#shipping_method li:has(input:checked), .woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { box-shadow: 0 0 0 1.5px var(--ra-akcent), var(--ra-sjena); }
.woocommerce form.checkout_coupon, .woocommerce-checkout form.login { border: 0; padding: 24px; border-radius: 20px; background: var(--ra-roza-podloga); }
/* Potvrda narudzbe i pregled narudzbe */
.woocommerce ul.order_details li { border: 0; background: var(--ra-roza-podloga); }
.woocommerce-order .woocommerce-customer-details address, .woocommerce-view-order .woocommerce-customer-details address, .woocommerce-customer-details address {
	border: 0; border-radius: 16px; padding: 20px; background: var(--ra-roza-podloga); font-style: normal; line-height: 1.6; color: var(--ra-tekst-2);
}
.woocommerce-customer-details .woocommerce-column__title, .woocommerce-order-details__title { font-size: 20px; }
.woocommerce .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.woocommerce .woocommerce-customer-details .woocommerce-columns::before, .woocommerce .woocommerce-customer-details .woocommerce-columns::after { display: none; }
.woocommerce .woocommerce-customer-details .woocommerce-column { float: none; width: auto; }
/* Moj racun */
.woocommerce-account .woocommerce-Address { border: 0; background: var(--ra-roza-podloga); }
.woocommerce-account #customer_login .u-column2 { border: 0; background: #fff; box-shadow: var(--ra-sjena-list); }
.woocommerce-account table.woocommerce-orders-table thead th { background: none; }
.woocommerce-account table.woocommerce-orders-table .button { box-shadow: none; }
.woocommerce-account .woocommerce-MyAccount-content fieldset { border: 0; padding: 24px; margin: 24px 0; border-radius: 20px; background: var(--ra-roza-podloga); }
.woocommerce-account .woocommerce-MyAccount-content fieldset legend { padding: 0 8px; font-weight: 600; }
/* Obavijesti: bez obruba, kao i inace u temi */
.woocommerce .woocommerce-notice, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-error { border: 0; }
@media (max-width: 700px) {
	.woocommerce table.shop_table_responsive tbody tr { display: block; background: var(--ra-roza-podloga); border-radius: 16px; padding: 8px 0; margin-bottom: 10px; }
	.woocommerce table.shop_table_responsive tbody tr td { display: block; border-radius: 0 !important; background: none; padding: 8px 16px; }
	.woocommerce table.shop_table_responsive tbody tr td::before { font-weight: 600; color: var(--ra-tekst-3); }
	.woocommerce-cart table.cart tr.cart_item { display: block; background: var(--ra-roza-podloga); border-radius: 16px; padding: 8px 0; margin-bottom: 10px; }
	.woocommerce-cart table.cart td { background: none; border-radius: 0 !important; }
}

/* 1.7.4 Obrubi tablica u kosarici, blagajni i narudzbama: nadjacano s !important jer WooCommerce i stara pravila teme imaju vecu specificnost */
.woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce-cart table.cart,
.woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th,
.woocommerce .cart_totals table.shop_table, .woocommerce table.woocommerce-checkout-review-order-table,
.woocommerce-account table.woocommerce-orders-table, .woocommerce table.woocommerce-table--order-details { border: 0 !important; }
.woocommerce .cart_totals table.shop_table tbody th, .woocommerce .cart_totals table.shop_table tbody td,
.woocommerce table.woocommerce-checkout-review-order-table tbody th, .woocommerce table.woocommerce-checkout-review-order-table tbody td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot th, .woocommerce table.woocommerce-checkout-review-order-table tfoot td { border-top: 1px solid #F3E2E7 !important; }
.woocommerce .cart_totals table.shop_table tr:first-child th, .woocommerce .cart_totals table.shop_table tr:first-child td { border-top: 0 !important; }
.woocommerce-cart table.cart td.product-thumbnail { padding-right: 0; }

/* 1.7.5 Izbor broja proizvoda po stranici u alatnoj traci (desno, uz sortiranje) */
.ra-alatna-traka .woocommerce-ordering { margin-left: auto; }
.ra-alatna-traka .ra-po-stranici { margin: 0; }
.ra-alatna-traka .ra-po-stranici select { min-height: 44px; border-radius: var(--ra-pill); padding: 0 40px 0 16px; width: auto; font-size: 15px; color: var(--ra-tekst-2); }
@media (max-width: 600px) {
	.ra-alatna-traka .woocommerce-result-count { width: 100%; }
	.ra-alatna-traka .woocommerce-ordering { margin-left: 0; }
}

/* 1.7.6 Potvrda narudzbe i pregled narudzbe na mobitelu: podaci u jednoj kartici, stavke kao redci (naziv lijevo, iznos desno) */
@media (max-width: 700px) {
	.woocommerce ul.order_details { grid-template-columns: 1fr; gap: 0; margin: 20px 0 28px; padding: 4px 16px; background: var(--ra-roza-podloga); border-radius: 16px; }
	.woocommerce ul.order_details li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; background: none; border-radius: 0; border-bottom: 1px solid #F3E2E7; }
	.woocommerce ul.order_details li:last-child { border-bottom: 0; }
	.woocommerce ul.order_details li strong { display: inline; margin: 0; text-align: right; font-size: 16px; }
	.woocommerce table.woocommerce-table--order-details, .woocommerce-page table.woocommerce-table--order-details { display: block; border-spacing: 0; }
	.woocommerce table.woocommerce-table--order-details thead { display: none; }
	.woocommerce table.woocommerce-table--order-details tbody { display: block; padding: 4px 16px; background: var(--ra-roza-podloga); border-radius: 16px; }
	.woocommerce table.woocommerce-table--order-details tbody tr { display: flex !important; justify-content: space-between; align-items: flex-start; gap: 12px; margin: 0; padding: 10px 0; background: none !important; border-radius: 0; border-bottom: 1px solid #F3E2E7; }
	.woocommerce table.woocommerce-table--order-details tbody tr:last-child { border-bottom: 0; }
	.woocommerce table.woocommerce-table--order-details tbody td { display: block; padding: 0 !important; background: none; border-radius: 0 !important; text-align: left; }
	.woocommerce table.woocommerce-table--order-details tbody td::before { display: none !important; content: none !important; }
	.woocommerce table.woocommerce-table--order-details td.product-name { flex: 1 1 auto; min-width: 0; }
	.woocommerce table.woocommerce-table--order-details td.product-name a { font-weight: 600; }
	.woocommerce table.woocommerce-table--order-details td.product-name .wc-item-meta, .woocommerce table.woocommerce-table--order-details td.product-name dl.variation { margin: 4px 0 0; font-size: 13px; color: var(--ra-tekst-3); }
	.woocommerce table.woocommerce-table--order-details td.product-total { flex: 0 0 auto; white-space: nowrap; font-weight: 600; text-align: right; }
	.woocommerce table.woocommerce-table--order-details tfoot { display: block; margin-top: 12px; padding: 0 4px; }
	.woocommerce table.woocommerce-table--order-details tfoot tr { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; padding: 9px 0; background: none !important; border-radius: 0; border-bottom: 1px solid var(--ra-linija); }
	.woocommerce table.woocommerce-table--order-details tfoot th, .woocommerce table.woocommerce-table--order-details tfoot td { display: block; padding: 0 !important; background: none; border: 0; text-align: left; font-size: 15px; }
	.woocommerce table.woocommerce-table--order-details tfoot th { font-weight: 500; color: var(--ra-tekst-2); }
	.woocommerce table.woocommerce-table--order-details tfoot td { text-align: right; font-weight: 600; }
	.woocommerce table.woocommerce-table--order-details tfoot td::before, .woocommerce table.woocommerce-table--order-details tfoot th::before { display: none !important; content: none !important; }
	.woocommerce table.woocommerce-table--order-details tfoot tr:has(.button) { display: block !important; border-bottom: 0; padding-top: 16px; }
	.woocommerce table.woocommerce-table--order-details tfoot tr:has(.button) th { display: none; }
	.woocommerce table.woocommerce-table--order-details tfoot tr:has(.button) td { text-align: center; }
	.woocommerce table.woocommerce-table--order-details tfoot .button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; line-height: 1.2; }
	.woocommerce .woocommerce-order-details__title, .woocommerce .woocommerce-customer-details .woocommerce-column__title { font-size: 20px; margin: 24px 0 12px; }
	.woocommerce .woocommerce-customer-details address { font-size: 15px; }
}

/* 1.7.7 Mobitel: redci tablica (kosarica, sazetak, blagajna) bez obruba; stavka kosarice kao roza kartica */
@media (max-width: 768px) {
	.woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr, .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { border: 0 !important; }
	.woocommerce-cart table.cart tr.cart_item { background: var(--ra-roza-podloga) !important; border-radius: 16px; padding: 12px 16px 8px; margin: 0 0 10px; }
	.woocommerce-cart table.cart tr.cart_item td { background: none !important; }
	.woocommerce .cart_totals table.shop_table tr, .woocommerce table.woocommerce-checkout-review-order-table tr { background: none !important; border-radius: 0; margin: 0; padding: 0; }
	.woocommerce .cart_totals table.shop_table tr + tr, .woocommerce table.woocommerce-checkout-review-order-table tr + tr { border-top: 1px solid #F3E2E7 !important; }
	.woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td,
	.woocommerce table.woocommerce-checkout-review-order-table th, .woocommerce table.woocommerce-checkout-review-order-table td { border: 0 !important; }
}

/* 1.7.8 Gumb Otkazati na potvrdi narudzbe: tekst okomito centriran (i na desktopu) */
.woocommerce table.woocommerce-table--order-details .button, .woocommerce-account table.woocommerce-orders-table .button { display: inline-flex; align-items: center; justify-content: center; line-height: 1.2; }

/* 1.8.0 Recenzije iz izbornika admina: zvjezdice i izvor */
.ra-recenzija__zvjezdice { color: #E8A531; font-size: 18px; letter-spacing: 2px; line-height: 1; }
.ra-recenzija__izvor { font-weight: 400; color: var(--ra-tekst-3); }

/* 1.8.2 Recenzije su zadnja sekcija naslovnice: razmak do footera */
.ra-recenzije { padding-bottom: var(--ra-sekcija); }

/* 1.8.4 Tockice boja na karticama: boja same kartice veca i s obrubom; gumb Dodaj u kosaricu na karticama boje s jednom varijacijom */
.ra-swatch-tocke span.ra-t.is-current { width: 20px; height: 20px; box-shadow: inset 0 0 0 1px rgba(30, 26, 31, .15), 0 0 0 2px #fff, 0 0 0 3.5px var(--ra-tekst); margin-right: 4px; }
.ra-swatch-tocke span.ra-t.is-current + span.ra-t { margin-left: 2px; }

/* 1.8.5 Kategorija s podkategorijama: bocni stupac ostaje, kartice podkategorija u stupcu sadrzaja (3 u redu) */
.ra-podkategorije--u-stupcu { padding: 8px 0 0; }
.ra-podkategorije--u-stupcu .ra-kategorije { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; }
@media (max-width: 1024px) { .ra-podkategorije--u-stupcu .ra-kategorije { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .ra-podkategorije--u-stupcu .ra-kategorije { grid-template-columns: 1fr; } }

/* 1.8.6 Nema na zalihi: siva slika na kartici i na stranici proizvoda, oznaka na kartici */
.woocommerce ul.products li.product.outofstock a img, .woocommerce ul.products li.product.outofstock img { filter: grayscale(1); opacity: .55; }
.woocommerce ul.products li.product.outofstock::after { content: "Nema na zalihi"; position: absolute; top: 22px; right: 22px; z-index: 2; padding: 3px 12px; border-radius: var(--ra-pill); background: #fff; color: var(--ra-tekst-3); font-size: 12px; font-weight: 600; box-shadow: var(--ra-sjena); }
.woocommerce ul.products li.product.outofstock .ra-oznaka-novo, .woocommerce ul.products li.product.outofstock .onsale { display: none; }
.woocommerce div.product .woocommerce-product-gallery.ra-nema-zalihe img { filter: grayscale(1); opacity: .6; transition: filter .2s ease, opacity .2s ease; }
.woocommerce div.product .woocommerce-product-gallery img { transition: filter .2s ease, opacity .2s ease; }
.woocommerce div.product .stock.out-of-stock { display: inline-block; padding: 4px 12px; border-radius: var(--ra-pill); background: #FBEAEE; }

/* 1.8.8 Galerija prati odabranu boju/velicinu: sakrivene sličice i slajdovi */
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li.ra-skriveno { display: none; }

/* 1.9.0 Gumb "Nema na zalihi" na karticama (onemogucen) */
.woocommerce ul.products li.product .button.ra-gumb-nema-zalihe, .ra-kartica-gumbi .woocommerce ul.products li.product .button.ra-gumb-nema-zalihe { display: inline-flex; background: #F1EDEF; color: var(--ra-tekst-3); border: 1.5px solid #E3DCE0; cursor: not-allowed; pointer-events: none; }

/* 1.9.0 Okvir galerije samo oko glavne slike; sličice ispod okvira */
.woocommerce div.product div.images { padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-viewport { padding: 12px; background: #fff; border-radius: 56px 12px 56px 12px; box-shadow: var(--ra-sjena-list); box-sizing: border-box; }
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper { padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
.woocommerce div.product div.images .flex-control-thumbs { margin-top: 20px; padding: 0; }
.woocommerce div.product div.images .flex-control-thumbs img { border-radius: 20px 4px 20px 4px; background: #fff; box-shadow: var(--ra-sjena-list); border: 1px solid var(--ra-linija); }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 28px; }

/* 1.9.2 Polje „Vaša slika" (plugin trgovina-funkcije, slika kupca) */
.tf-slika-kupca { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; padding: 14px 16px; border: 1.5px dashed var(--ra-linija-2); border-radius: 16px; background: #FBF4F6; width: 100%; }
.tf-slika-kupca label { font-weight: 600; }
.tf-slika-kupca input[type="file"] { font-size: 14px; }
.tf-slika-kupca__naziv { font-size: 14px; color: var(--ra-tekst); font-weight: 600; }
.tf-slika-kupca small { color: var(--ra-tekst-3); font-size: 12px; }

/* 1.9.4 Galerija: slika ispunjava okvir po širini, strelice za listanje */
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .woocommerce-product-gallery__image > a > img { object-fit: cover !important; aspect-ratio: 1 / 1; width: 100% !important; height: auto !important; padding: 0 !important; border-radius: 46px 4px 46px 4px; }
.woocommerce div.product div.images { position: relative; }
.woocommerce div.product div.images .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.woocommerce div.product div.images .flex-direction-nav a { position: absolute; top: calc(50% - 22px); z-index: 4; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: var(--ra-sjena); color: var(--ra-tekst); font-size: 30px; line-height: 1; text-decoration: none; overflow: hidden; }
.woocommerce div.product div.images .flex-direction-nav a.flex-prev { left: 20px; }
.woocommerce div.product div.images .flex-direction-nav a.flex-next { right: 20px; }
.woocommerce div.product div.images .flex-direction-nav a:hover { background: #fff; color: var(--ra-naglasak, #E8566F); }
.woocommerce div.product div.images .flex-direction-nav .flex-disabled { opacity: .35; pointer-events: none; }
@media (max-width: 600px) { .woocommerce div.product div.images .flex-direction-nav a { width: 38px; height: 38px; font-size: 26px; } .woocommerce div.product div.images .flex-direction-nav a.flex-prev { left: 12px; } .woocommerce div.product div.images .flex-direction-nav a.flex-next { right: 12px; } }

/* 1.9.5 Galerija: okvir je obrub (border), ne unutarnji razmak – inače se u razmaku od 12 px vidi rub sljedeće slike.
   Strelice na sredini glavne slike (50 % širine galerije = pola visine kvadratne slike), ne na sredini galerije sa sličicama. */
.woocommerce div.product div.images .flex-viewport { padding: 0 !important; border: 12px solid #fff; box-sizing: content-box; }
.woocommerce div.product div.images.woocommerce-product-gallery { container-type: inline-size; }
.woocommerce div.product div.images .flex-direction-nav a { top: calc(50cqw - 22px); }

/* 1.9.6 Galerija: slika se ne reže – cijela stane u kvadratni okvir, ostatak je bijela pozadina (umjesto object-fit: cover iz 1.9.4). */
.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .woocommerce-product-gallery__image > a > img { object-fit: contain !important; background: #fff; }

/* 1.9.7 Šifra ispod opcija, oznaka popusta po varijaciji, sličice nijansi s brojem */
.woocommerce div.product .onsale[hidden], .woocommerce div.product .ra-sifra[hidden] { display: none !important; }
.woocommerce div.product .product_meta.ra-sifra { margin: 14px 0 0; padding: 0; border: 0; font-size: 14px; color: var(--ra-tekst-2); }
.woocommerce div.product .product_meta.ra-sifra .sku { font-weight: 600; color: var(--ra-tekst); }
.ra-swatches .ra-swatch.ra-swatch--slicica { width: auto !important; height: auto !important; min-width: 64px; padding: 4px 4px 6px; border-radius: 14px; display: inline-flex; flex-direction: column; align-items: center; gap: 4px; }
.ra-swatches .ra-swatch.ra-swatch--slicica .ra-swatch__boja { width: 56px !important; height: 56px !important; border-radius: 10px; display: block; }
.ra-swatches .ra-swatch.ra-swatch--slicica .ra-swatch__broj { font-size: 13px; font-weight: 600; line-height: 1; color: var(--ra-tekst); }
@media (max-width: 600px) { .ra-swatches .ra-swatch.ra-swatch--slicica { min-width: 56px; } .ra-swatches .ra-swatch.ra-swatch--slicica .ra-swatch__boja { width: 48px !important; height: 48px !important; } }
.ra-swatch--slicica.is-disabled::after { width: 56px; top: 30px; }

/* 1.9.8 Šifra ispod kategorije, iznad naziva */
.woocommerce div.product .summary .product_meta.ra-sifra { margin: 2px 0 6px; font-size: 13px; line-height: 1.3; color: var(--ra-tekst-3); }
.woocommerce div.product .summary .product_meta.ra-sifra .sku { font-weight: 600; color: var(--ra-tekst-2); }

/* 1.9.9 – mobitel: izbornik „Poredaj" ne smije izaći preko ruba */
@media (max-width: 640px) {
	.woocommerce .woocommerce-ordering { max-width: 100%; min-width: 0; flex: 1 1 100%; }
	.woocommerce .woocommerce-ordering select { min-width: 0; width: 100%; flex: 1 1 auto; }
}

/* 1.9.9 – mobitel: sličice galerije u jednom redu koji se pomiče (proizvodi s puno boja imaju i 80+ sličica) */
@media (max-width: 640px) {
	.woocommerce div.product div.images .flex-control-thumbs { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; overflow-x: auto; gap: 8px; padding-bottom: 6px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
	.woocommerce div.product div.images .flex-control-thumbs li { flex: 0 0 64px !important; width: 64px !important; margin: 0 !important; scroll-snap-align: start; }
}

/* 1.9.9 – košarica i blagajna: načini dostave ispod naslova „Otprema" (predložak woocommerce/cart/cart-shipping.php) */
.woocommerce table.shop_table tr.ra-dostava-ispod > td.ra-dostava-ispod__celija { text-align: left; padding-top: 14px; }
.woocommerce table.shop_table tr.ra-dostava-ispod > td.ra-dostava-ispod__celija::before { display: none !important; content: none !important; }
.ra-dostava-ispod__naslov { display: block; font-weight: 700; color: var(--ra-tekst); margin-bottom: 10px; }
.woocommerce table.shop_table tr.ra-dostava-ispod ul#shipping_method li { width: 100%; box-sizing: border-box; }
.woocommerce table.shop_table tr.ra-dostava-ispod .woocommerce-shipping-destination,
.woocommerce table.shop_table tr.ra-dostava-ispod .woocommerce-shipping-calculator { text-align: left; }

/* 1.9.10 – košarica bez dostave (bira se na blagajni); GLS gumb za kartu na blagajni u stilu teme */
.ra-dostava-blagajna td { color: var(--ra-tekst-2); }
.ra-bez-dostave { display: block; font-size: 12px; font-weight: 500; color: var(--ra-tekst-2); }
.dugme-gls_shipping_method_parcel_shop, .dugme-gls_shipping_method_parcel_locker {
	display: inline-flex !important; align-items: center; margin-top: 8px; padding: 8px 16px; border: 1.5px solid var(--ra-akcent); border-radius: var(--ra-pill);
	background: #fff; color: var(--ra-akcent); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; line-height: 1.2;
}
.dugme-gls_shipping_method_parcel_shop:hover, .dugme-gls_shipping_method_parcel_locker:hover { background: var(--ra-akcent); color: #fff; }
#gls-pickup-info { margin-top: 8px; padding: 10px 12px; border-radius: 12px; background: #fff; font-size: 14px; line-height: 1.45; }
.ra-gls-odabrano { display: flex; flex-direction: column; gap: 1px; margin: 8px 0 2px; padding: 10px 12px; border-radius: 12px; background: #F6F3F4; font-size: 14px; line-height: 1.4; font-weight: 400; }
.ra-gls-odabrano b { font-weight: 700; color: var(--ra-tekst); }
.ra-gls-odabrano__oz { font-size: 12px; font-weight: 600; color: var(--ra-akcent); text-transform: uppercase; letter-spacing: .04em; }

/* 1.9.13 – sličice galerije u jednom redu i na računalu (lista se strelicama, kotačićem ili povlačenjem) */
.woocommerce div.product div.images .ra-sl-okvir { position: relative; margin-top: 16px; }
.woocommerce div.product div.images .ra-sl-okvir .flex-control-thumbs { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; overflow-x: auto; gap: 10px; margin: 0 !important; padding: 2px 2px 8px !important; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.woocommerce div.product div.images .ra-sl-okvir .flex-control-thumbs li { flex: 0 0 92px !important; width: 92px !important; margin: 0 !important; scroll-snap-align: start; }
.woocommerce div.product div.images .ra-sl-okvir .flex-control-thumbs li.ra-skriveno { display: none !important; }
.ra-sl-str { position: absolute; top: calc(50% - 4px); transform: translateY(-50%); z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--ra-linija, #e6e0e3); background: #fff; box-shadow: 0 4px 14px rgba(30,26,31,.14); display: grid; place-items: center; cursor: pointer; font-size: 20px; line-height: 1; color: inherit; padding: 0; }
.ra-sl-str[hidden] { display: none; }
.ra-sl-str.lijevo { left: -12px; } .ra-sl-str.desno { right: -12px; }
.ra-sl-str:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 640px) {
	.woocommerce div.product div.images .ra-sl-okvir .flex-control-thumbs li { flex-basis: 64px !important; width: 64px !important; }
	.ra-sl-str { display: none; }
}

/* 1.9.14 – tablice na pravnim stranicama (Impresum, Dostava, Privatnost) na mobitelu: bez dvostrukih okvira i okomitih crta.
   Pravila imaju isti :not() lanac kao opće pravilo za tablice, inače ih ono (jače) nadjača. */
.ra-tekst table.ra-bez-zaglavlja:not(.shop_table):not(.woocommerce-table) tr:first-child:has(th) { display: none; }
.ra-tekst table.ra-bez-zaglavlja:not(.shop_table):not(.woocommerce-table) tr:nth-child(2) td { border-top-width: 0 !important; }
.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) td:first-child { width: 36%; font-weight: 600; color: var(--ra-tekst); }
@media (max-width: 700px) {
	/* više stupaca: svaki red je kartica, bez vanjskog okvira tablice */
	.ra-tekst table.ra-tablica-kartice:not(.shop_table):not(.woocommerce-table) { display: block; border: 0 !important; border-radius: 0; overflow: visible; }
	.ra-tekst table.ra-tablica-kartice:not(.shop_table):not(.woocommerce-table) td,
	.ra-tekst table.ra-tablica-kartice:not(.shop_table):not(.woocommerce-table) td + td { border-left-width: 0 !important; }
	.ra-tekst table.ra-tablica-kartice:not(.shop_table):not(.woocommerce-table) tr:first-child td { border-top-width: 0 !important; }
	.ra-tekst table.ra-tablica-kartice:not(.shop_table):not(.woocommerce-table) td:not(:first-child) { border-top-width: 1px !important; }

	/* dva stupca: jedan okvir, u svakom redu oznaka (sitno) iznad vrijednosti */
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) { display: block; overflow: hidden; }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) tbody,
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) thead { display: block; }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) tr { display: block; padding: 12px 16px; border-top: 1px solid var(--ra-linija); }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) tr:first-child,
	.ra-tekst table.ra-tablica-par.ra-bez-zaglavlja:not(.shop_table):not(.woocommerce-table) tr:nth-child(2) { border-top: 0; }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) th,
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) td,
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) td + td { display: block; width: auto; padding: 0 !important; border: 0 !important; background: none; }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) td:first-child { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ra-tekst-3); margin-bottom: 3px; width: auto; }
	.ra-tekst table.ra-tablica-par:not(.shop_table):not(.woocommerce-table) td + td { font-size: 15.5px; color: var(--ra-tekst); }
}