/* =========================================================
   VINARIJA ČOKA – VINSKI TURIZAM
   CUSTOM PAGE TEMPLATE BASELINE

   Fonts supplied by Saras theme:
   - Prata
   - Muli light / Muli
========================================================= */


/* =========================================================
   0. SARAS THEME RESET
========================================================= */

body:has(#content.coka-vinski-turizam-page) {
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: clip !important;
}

body:has(#content.coka-vinski-turizam-page) *,
body:has(#content.coka-vinski-turizam-page) *::before,
body:has(#content.coka-vinski-turizam-page) *::after {
	box-sizing: border-box;
}

body:has(#content.coka-vinski-turizam-page)
:is(
	.container,
	.container-fluid,
	.site-content,
	.content-area,
	.main-content,
	.page-content,
	.page-wrapper,
	.main-wrapper,
	#primary,
	#main
):has(#content.coka-vinski-turizam-page) {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;

	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;

	overflow: visible !important;
}

body:has(#content.coka-vinski-turizam-page)
.row:has(#content.coka-vinski-turizam-page) {
	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}

body:has(#content.coka-vinski-turizam-page)
[class*="col-"]:has(#content.coka-vinski-turizam-page) {
	float: none !important;

	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}

body:has(#content.coka-vinski-turizam-page)
*:has(> #content.coka-vinski-turizam-page) {
	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
}

#content.coka-vinski-turizam-page {
	position: relative;
	display: block;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent;

	overflow: visible !important;
}

#content.coka-vinski-turizam-page > :first-child {
	margin-top: 0 !important;
}

#content.coka-vinski-turizam-page > :last-child {
	margin-bottom: 0 !important;
}

#content.coka-vinski-turizam-page > .coka-tourism {
	width: 100% !important;
	max-width: none !important;

	margin-left: 0 !important;
	margin-right: 0 !important;
}

#content.coka-vinski-turizam-page > .coka-hero {
	margin-top: 0 !important;
}

#content.coka-vinski-turizam-page > .coka-tourism:last-child {
	margin-bottom: 0 !important;
}

body:has(#content.coka-vinski-turizam-page) .site-header {
	margin-bottom: 0 !important;
}

body:has(#content.coka-vinski-turizam-page) .site-footer,
body:has(#content.coka-vinski-turizam-page) #colophon {
	margin-top: 0 !important;
}


/* =========================================================
   1. GLOBAL
========================================================= */

.coka-tourism {
	--wine-800: #5c1824;
	--wine-900: #4e151d;
	--wine-950: #380e14;
	--wine-dark: #240b0f;

	--accent: #aa2433;

	--gold-300: #dfbe7e;
	--gold-400: #d4af62;
	--gold-500: #c89f56;
	--gold-600: #b2883d;

	--cream-50: #fdfcfb;
	--cream-100: #fbf9f6;
	--cream-200: #f4ede2;

	--charcoal: #171415;
	--text: #484442;
	--muted: #68625e;
	--border: #e8e1d9;

	width: 100%;
	max-width: none;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	color: var(--charcoal);
}

.coka-tourism,
.coka-tourism *,
.coka-tourism *::before,
.coka-tourism *::after {
	box-sizing: border-box;
}

.coka-tourism h1,
.coka-tourism h2,
.coka-tourism h3,
.coka-tourism h4,
.coka-tourism h5,
.coka-tourism h6 {
	margin-top: 0;

	font-family:
		"Prata",
		serif;

	font-weight: 400;
}

.coka-tourism p,
.coka-tourism a,
.coka-tourism span,
.coka-tourism li,
.coka-tourism strong,
.coka-tourism em,
.coka-tourism small,
.coka-tourism button,
.coka-tourism input,
.coka-tourism select,
.coka-tourism textarea {
	font-family:
		"Muli light",
		"Muli",
		sans-serif;
}

.coka-tourism img {
	max-width: 100%;
}


/* =========================================================
   MANUAL WPB-LIKE WRAPPERS
========================================================= */

.coka-tourism > .wpb_column {
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
}

.coka-tourism > .wpb_column > .vc_column-inner {
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
}

.coka-tourism > .wpb_column > .vc_column-inner > .wpb_wrapper {
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
}

.coka-benefits-inner::before,
.coka-benefits-inner::after,
.coka-heritage-row::before,
.coka-heritage-row::after,
.coka-tour-grid::before,
.coka-tour-grid::after,
.coka-upgrade-wrap::before,
.coka-upgrade-wrap::after {
	content: none !important;
	display: none !important;
}


/* =========================================================
   2. GENERIC BUTTONS
========================================================= */

.coka-tourism .coka-btn {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 9px;

	min-height: 43px;

	padding: 12px 22px;

	border-radius: 2px;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size: 11px;
	font-weight: 500;
	line-height: 1;

	letter-spacing: .16em;

	text-transform: uppercase;
	text-decoration: none;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


/* Rezervišite turu + Rezervišite doživljaj */

.coka-tourism .coka-btn-primary {
	background: var(--accent);

	border: 1px solid var(--accent);

	color: #fff;
}

.coka-tourism .coka-btn-primary:hover {
	background: #8f1e2b;

	border-color: #8f1e2b;

	color: #fff;
}

.coka-tourism .coka-btn-outline {
	background: rgba(0,0,0,.10);

	border: 1px solid rgba(255,255,255,.45);

	color: #fff;
}

.coka-tourism .coka-btn-outline:hover {
	background: rgba(255,255,255,.11);

	border-color: rgba(255,255,255,.75);

	color: #fff;
}

.coka-tourism .coka-btn-arrow svg {
	width: 16px;
	height: 16px;
}


/* =========================================================
   3. HERO
========================================================= */

.coka-tourism.coka-hero {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	min-height: 680px;

	overflow: hidden;

	background:
		#1a1a1a
		url("https://vinarijacoka.rs/wp-content/uploads/2026/09/DV771752.webp")
		center / cover no-repeat;
}

.coka-tourism.coka-hero::before {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(26,26,26,.92),
			rgba(60,7,16,.40),
			rgba(0,0,0,.70)
		);

	z-index: 1;
}

.coka-tourism.coka-hero::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(220,190,132,.45),
			transparent
		);

	z-index: 2;
}

.coka-tourism.coka-hero > .wpb_column {
	position: relative;

	z-index: 3;

	width: 100%;
}

.coka-tourism .coka-hero-inner {
	width: min(980px, calc(100% - 48px));

	margin: 0 auto;

	padding: 80px 24px;

	color: #fff;

	text-align: center;
}


/* VINSKI TURIZAM */

.coka-tourism .coka-hero-title {
	margin: 96px 0 24px;

	color: #fff;

	font-family:
		"Prata",
		serif !important;

	font-size: 68px;
	font-weight: 400;
	line-height: 1.08;

	text-transform: uppercase;
}

.coka-tourism .coka-hero-title em {
	color: var(--gold-300);

	font-family:
		"Prata",
		serif !important;

	font-style: normal;
	font-weight: 400;

	text-transform: none;
}


/* Malo jači hero tekst */

.coka-tourism .coka-hero-text {
	max-width: 680px;

	margin: 0 auto 40px;

	color: #efe8df;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
}

.coka-tourism .coka-hero-buttons {
	display: flex;

	align-items: center;
	justify-content: center;

	flex-wrap: wrap;

	gap: 24px;
}


/* =========================================================
   4. BENEFIT BAR
========================================================= */

.coka-tourism.coka-benefits {
	position: relative;

	margin: 0 !important;

	padding: 12px 0 !important;

	background: #240b0f !important;

	border-top:
		1px solid rgba(212,175,98,.10);

	border-bottom:
		1px solid rgba(92,24,36,.55);

	color: #fff;
}

.coka-tourism.coka-benefits > .wpb_column,
.coka-tourism.coka-benefits > .wpb_column > .vc_column-inner,
.coka-tourism.coka-benefits > .wpb_column > .vc_column-inner > .wpb_wrapper {
	margin: 0 !important;

	padding-top: 0 !important;
	padding-bottom: 0 !important;

	min-height: 0 !important;
}

.coka-tourism .coka-benefits-inner {
	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	flex-wrap: nowrap !important;

	width:
		min(1280px, calc(100% - 64px)) !important;

	max-width:
		1280px !important;

	margin:
		0 auto !important;

	padding:
		0 !important;

	gap:
		36px !important;
}

.coka-tourism .coka-benefits-inner > .vc_column_container {
	float: none !important;

	flex:
		0 1 auto !important;

	width:
		auto !important;

	max-width:
		none !important;

	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism
.coka-benefits-inner
> .vc_column_container
> .vc_column-inner {
	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism .coka-benefit-item {
	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism .coka-benefit-item > .wpb_wrapper {
	display:
		flex !important;

	align-items:
		center !important;

	gap:
		14px !important;

	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism .coka-benefit-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	flex:
		0 0 42px;

	width: 42px;
	height: 42px;

	border:
		1px solid rgba(200,159,86,.42);

	border-radius: 50%;

	background:
		rgba(56,14,20,.55);

	color: #d4af62;
}

.coka-tourism .coka-benefit-icon svg {
	display: block;

	width: 20px;
	height: 20px;
}

.coka-tourism .coka-benefit-item > .wpb_wrapper > div:last-child {
	position: relative;

	top: -2px;
}

.coka-tourism .coka-benefit-item h4 {
	margin:
		0 !important;

	padding:
		0 !important;

	color: #d4af62;

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		12px !important;

	font-weight:
		700 !important;

	line-height:
		1.2 !important;

	letter-spacing:
		.09em !important;

	text-transform:
		uppercase !important;
}

.coka-tourism .coka-benefit-item p {
	margin:
		3px 0 0 !important;

	padding:
		0 !important;

	color:
		rgba(244,237,226,.80);

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		12px !important;

	font-weight:
		300 !important;

	line-height:
		1.3 !important;
}


/* =========================================================
   5. TRADICIJA I NASLEĐE
========================================================= */

.coka-tourism.coka-heritage {
	padding:
		84px 0 88px;

	background:
		var(--cream-50);
}

.coka-tourism .coka-heritage-row {
	display:
		flex !important;

	flex-wrap:
		nowrap !important;

	align-items:
		center !important;

	gap:
		54px !important;

	width:
		min(1180px, calc(100% - 64px)) !important;

	max-width:
		1180px !important;

	margin:
		0 auto !important;

	padding:
		0 !important;
}

.coka-tourism .coka-heritage-row > .vc_column_container {
	float:
		none !important;

	flex:
		0 0 calc((100% - 54px) / 2) !important;

	width:
		calc((100% - 54px) / 2) !important;

	max-width:
		calc((100% - 54px) / 2) !important;

	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism
.coka-heritage-row
> .vc_column_container
> .vc_column-inner {
	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


/* Heritage image */

.coka-tourism .coka-heritage-visual,
.coka-tourism .coka-heritage-visual > .wpb_wrapper {
	position: relative;

	width: 100%;
}

.coka-tourism .coka-heritage-photo {
	position: relative;

	z-index: 2;

	width: 100%;

	overflow: hidden;

	border:
		1px solid rgba(220,190,132,.20);

	border-radius: 8px;

	box-shadow:
		0 24px 50px rgba(0,0,0,.18);
}

.coka-tourism .coka-heritage-photo img {
	display: block;

	width: 100%;
	height: 430px;

	object-fit: cover;
	object-position: center;

	transition:
		transform .5s ease;
}

.coka-tourism .coka-heritage-photo:hover img {
	transform:
		scale(1.025);
}

.coka-tourism .coka-photo-overlay {
	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(0,0,0,.60),
			transparent 55%
		);
}

.coka-tourism .coka-photo-badge {
	position: absolute;

	left: 20px;
	bottom: 20px;

	z-index: 3;

	padding: 8px 13px;

	background:
		rgba(88,28,36,.92);

	border:
		1px solid rgba(220,190,132,.50);

	border-radius: 4px;

	color:
		var(--gold-300);

	font-size: 10px;
	font-weight: 600;

	letter-spacing: .15em;

	text-transform: uppercase;
}

.coka-tourism .coka-photo-border {
	position: absolute;

	right: -12px;
	bottom: -12px;

	z-index: 0;

	width: 100%;
	height: 100%;

	border:
		2px solid rgba(220,190,132,.30);

	border-radius: 8px;

	pointer-events: none;
}


/* Heritage copy */

.coka-tourism .coka-heritage-copy {
	width: 100%;

	max-width: none;

	margin: 0;
}

.coka-tourism .coka-small-heading {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color:
		var(--gold-600);
}

.coka-tourism .coka-small-heading span {
	width: 24px;
	height: 1px;

	background:
		var(--gold-500);
}

.coka-tourism .coka-small-heading strong {
	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		11px !important;

	font-weight:
		700 !important;

	line-height:
		1.2 !important;

	letter-spacing:
		.25em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-heritage-copy h2 {
	max-width: 550px;

	margin:
		0 0 24px;

	color:
		var(--charcoal);

	font-family:
		"Prata",
		serif;

	font-size: 48px;
	font-weight: 400;
	line-height: 1.08;

	text-transform: uppercase;
}

.coka-tourism .coka-heritage-copy h2 em {
	color:
		var(--wine-800);

	font-family:
		"Prata",
		serif;

	font-style: normal;
	font-weight: 400;
}

.coka-tourism .coka-heritage-lead {
	max-width: 530px;

	margin:
		0 0 32px;

	color: #4f4c48;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size: 17px;
	font-weight: 300;
	line-height: 1.75;
}


/* Features */

.coka-tourism .coka-features {
	display: flex;

	align-items: center;
	justify-content: space-around;

	flex-wrap: wrap;

	gap: 16px;

	width: 100%;

	margin:
		0 0 32px;

	padding:
		16px;

	background:
		rgba(244,238,230,.65);

	border:
		1px solid rgba(220,190,132,.30);

	border-radius: 6px;
}

.coka-tourism .coka-features > div {
	display: flex;

	align-items: center;

	gap: 8px;

	color:
		var(--wine-800);

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size: 11px;
	font-weight: 600;

	letter-spacing: .08em;

	text-transform: uppercase;
}

.coka-tourism .coka-features i {
	flex:
		0 0 8px;

	width: 8px;
	height: 8px;

	background:
		var(--gold-500);

	border-radius: 50%;
}

.coka-tourism .coka-heritage-copy .coka-btn {
	padding:
		15px 24px;

	font-size:
		11px;
}


/* =========================================================
   6. TOURS
========================================================= */

.coka-tourism.coka-tours {
	padding:
		80px 0 90px;

	background:
		var(--cream-100);

	border-top:
		1px solid rgba(0,0,0,.04);
}

.coka-tourism .coka-tours-intro {
	display:
		block !important;

	width:
		100% !important;

	max-width:
		760px !important;

	margin:
		0 auto 48px !important;

	padding:
		0 24px !important;

	text-align:
		center !important;
}

.coka-tourism .coka-tours-eyebrow {
	display: block;

	margin-bottom:
		8px;

	color:
		var(--gold-600);

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		11px !important;

	font-weight:
		700 !important;

	letter-spacing:
		.25em;

	text-align:
		center;

	text-transform:
		uppercase;
}

.coka-tourism .coka-tours-intro h2 {
	margin:
		0 0 16px;

	color:
		var(--charcoal);

	font-family:
		"Prata",
		serif;

	font-size:
		48px;

	font-weight:
		400;

	line-height:
		1.1;

	letter-spacing:
		.04em;

	text-align:
		center;

	text-transform:
		uppercase;
}

.coka-tourism .coka-tours-line {
	width: 64px;
	height: 2px;

	margin:
		0 auto 20px;

	background:
		var(--gold-500);
}

.coka-tourism .coka-tours-intro p {
	max-width: 680px;

	margin:
		0 auto;

	color: #66615c;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;

	text-align: center;
}


/* Tour grid */

.coka-tourism .coka-tour-grid {
	display:
		flex !important;

	flex-wrap:
		nowrap !important;

	align-items:
		stretch !important;

	gap:
		24px !important;

	width:
		min(1180px, calc(100% - 64px)) !important;

	max-width:
		1180px !important;

	margin:
		0 auto !important;

	padding:
		0 !important;
}

.coka-tourism .coka-tour-grid > .vc_column_container {
	display:
		flex !important;

	float:
		none !important;

	flex:
		0 0 calc((100% - 48px) / 3) !important;

	width:
		calc((100% - 48px) / 3) !important;

	max-width:
		calc((100% - 48px) / 3) !important;

	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism
.coka-tour-grid
> .vc_column_container
> .vc_column-inner {
	display:
		flex !important;

	width:
		100% !important;

	padding:
		0 !important;
}

.coka-tourism
.coka-tour-grid
> .vc_column_container
> .vc_column-inner
> .wpb_wrapper {
	display:
		flex !important;

	width:
		100% !important;
}


/* =========================================================
   7. CARDS
========================================================= */

.coka-tourism .coka-card {
	position: relative;

	display: flex;

	flex-direction: column;

	width: 100%;
	height: 100%;

	overflow: hidden;

	background: #fff;

	border:
		1px solid #e2e2e2;

	border-radius: 8px;

	box-shadow:
		0 2px 8px rgba(0,0,0,.05);

	transition:
		.3s ease;
}

.coka-tourism .coka-card > .wpb_wrapper {
	display: flex;

	flex-direction: column;

	width: 100%;
	height: 100%;
}

.coka-tourism .coka-card:hover {
	border-color:
		rgba(200,157,71,.60);

	box-shadow:
		0 16px 34px rgba(0,0,0,.11);
}

.coka-tourism .coka-card-featured {
	border:
		2px solid var(--gold-500);

	transform:
		translateY(-6px);

	box-shadow:
		0 16px 34px rgba(0,0,0,.12);
}

.coka-tourism .coka-card-featured:hover {
	transform:
		translateY(-7px);
}


/* Card image */

.coka-tourism .coka-card-image {
	position: relative;

	height: 220px;

	overflow: hidden;
}

.coka-tourism .coka-card-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform .5s ease;
}

.coka-tourism .coka-card:hover .coka-card-image img {
	transform:
		scale(1.04);
}

.coka-tourism .coka-card-overlay {
	position: absolute;

	inset: 0;

	background:
		linear-gradient(
			to top,
			rgba(0,0,0,.50),
			transparent 55%
		);
}

.coka-tourism .coka-card-image > span {
	position: absolute;

	left: 16px;
	bottom: 12px;

	z-index: 2;

	padding:
		6px 10px;

	background:
		rgba(26,26,26,.82);

	border:
		1px solid rgba(220,190,132,.40);

	border-radius:
		4px;

	color:
		var(--gold-300);

	font-size:
		10px;

	font-weight:
		700;

	letter-spacing:
		.14em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-card-featured .coka-card-image > span {
	background:
		rgba(88,28,36,.92);
}


/* Popular */

.coka-tourism .coka-popular {
	position:
		absolute;

	top:
		0;

	right:
		0;

	z-index:
		10;

	padding:
		6px 16px;

	background:
		var(--gold-500);

	border-radius:
		0 0 0 4px;

	color:
		var(--charcoal);

	font-size:
		10px;

	font-weight:
		700;

	letter-spacing:
		.14em;

	text-transform:
		uppercase;
}


/* Card body */

.coka-tourism .coka-card-body {
	display:
		flex;

	flex-direction:
		column;

	justify-content:
		space-between;

	flex:
		1;

	padding:
		24px 24px 26px;
}

.coka-tourism .coka-card-body h3 {
	margin:
		0 0 14px;

	color:
		var(--charcoal);

	font-family:
		"Prata",
		serif;

	font-size:
		24px;

	font-weight:
		400;

	line-height:
		1.15;

	letter-spacing:
		.035em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-card-featured .coka-card-body h3 {
	color:
		var(--wine-800);
}

.coka-tourism .coka-card-copy {
	margin-bottom:
		24px;

	color:
		#66615c;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size:
		13px;

	font-weight:
		300;

	line-height:
		1.7;
}

.coka-tourism .coka-card-copy p {
	margin:
		0 0 12px;
}

.coka-tourism .coka-card-copy p:last-child {
	margin-bottom:
		0;
}

.coka-tourism .coka-card-emphasis {
	color:
		var(--wine-800);

	font-weight:
		600;
}


/* Specs */

.coka-tourism .coka-specs {
	display:
		flex;

	flex-direction:
		column;

	gap:
		10px;

	margin-bottom:
		20px;

	padding-top:
		16px;

	border-top:
		1px solid #eee;
}

.coka-tourism .coka-specs > div {
	display:
		flex;

	align-items:
		center;

	gap:
		10px;

	color:
		#555;

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size:
		12px;

	font-weight:
		500;
}

.coka-tourism .coka-specs svg {
	flex:
		0 0 16px;

	width:
		16px;

	height:
		16px;

	color:
		var(--gold-600);
}


/* Price boxes */

.coka-tourism .coka-price {
	display:
		flex;

	align-items:
		baseline;

	justify-content:
		space-between;

	gap:
		12px;

	margin-bottom:
		20px;

	padding:
		10px 14px;

	background:
		var(--accent);

	border:
		1px solid var(--accent);

	border-radius:
		4px;
}

.coka-tourism .coka-price-featured {
	background:
		var(--accent);

	border-color:
		var(--accent);
}

.coka-tourism .coka-price span {
	color:
		rgba(255,255,255,.82);

	font-size:
		11px;

	font-weight:
		500;

	letter-spacing:
		.08em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-price strong {
	color:
		#fff;

	font-family:
		"Prata",
		serif;

	font-size:
		20px;

	font-weight:
		400;

	letter-spacing:
		.03em;
}


/* CTA */

.coka-tourism .coka-card-cta {
	display:
		block;

	width:
		100%;

	padding:
		13px 16px;

	background:
		rgba(244,238,230,.80);

	border:
		1px solid rgba(88,28,36,.20);

	border-radius:
		4px;

	color:
		var(--wine-900);

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		11px !important;

	font-weight:
		600 !important;

	letter-spacing:
		.14em;

	text-align:
		center;

	text-transform:
		uppercase;

	text-decoration:
		none;

	transition:
		.2s ease;
}

.coka-tourism .coka-card-cta:hover {
	background:
		var(--wine-900);

	border-color:
		var(--wine-900);

	color:
		var(--gold-300);
}


/* Paket 2 — Rezerviši */

.coka-tourism .coka-card-cta-featured {
	background:
		var(--accent);

	border-color:
		var(--accent);

	color:
		#fff;

	box-shadow:
		0 4px 12px rgba(0,0,0,.12);
}

.coka-tourism .coka-card-cta-featured:hover {
	background:
		#8f1e2b;

	border-color:
		#8f1e2b;

	color:
		#fff;
}


/* =========================================================
   8. VAŽNA INFORMACIJA ZA POSETIOCE
========================================================= */

.coka-tourism .coka-visitor-notice {
	width: min(896px, calc(100% - 64px));
	max-width: 896px;

	margin: 48px auto 56px;
	padding: 24px;

	background: #aa2433;

	border: 1px solid rgba(200,159,86,.60);
	border-radius: 8px;

	box-shadow: 0 10px 22px rgba(0,0,0,.16);

	text-align: center;
}

.coka-tourism .coka-visitor-notice-icon {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		40px;

	height:
		40px;

	margin:
		0 auto 12px;

	background:
		rgba(200,159,86,.20);

	border:
		1px solid rgba(200,159,86,.12);

	border-radius:
		50%;

	color:
		var(--gold-400);
}

.coka-tourism .coka-visitor-notice-icon svg {
	width:
		20px;

	height:
		20px;
}

.coka-tourism .coka-visitor-notice h4 {
	margin:
		0 0 8px;

	color:
		var(--gold-400);

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		12px;

	font-weight:
		700;

	line-height:
		1.3;

	letter-spacing:
		.10em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-visitor-notice p {
	width:
		100%;

	max-width:
		672px;

	margin:
		0 auto;

	color:
		var(--cream-100);

	font-family:
		"Muli light",
		"Muli",
		sans-serif;

	font-size:
		14px;

	font-weight:
		300;

	line-height:
		1.625;
}

.coka-tourism .coka-visitor-notice p span {
	color:
		var(--gold-300);

	font-weight:
		500;
}

.coka-tourism .coka-visitor-notice p strong {
	color:
		#fff;

	font-weight:
		600;
}


/* =========================================================
   9. GROFOVSKA POČAST
========================================================= */

.coka-tourism .coka-upgrade-wrap {
	width:
		min(920px, calc(100% - 64px)) !important;

	max-width:
		920px !important;

	margin:
		48px auto 0 !important;

	padding:
		0 !important;
}

.coka-tourism .coka-upgrade-wrap > .vc_column_container {
	float:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}

.coka-tourism
.coka-upgrade-wrap
> .vc_column_container
> .vc_column-inner {
	padding:
		0 !important;
}

.coka-tourism .coka-upgrade {
	position: relative;
	overflow: hidden;

	padding: 24px 32px;

	background: #aa2433;

	border: 1px solid rgba(220,190,132,.50);
	border-radius: 8px;

	color: #fff;

	box-shadow: 0 18px 38px rgba(0,0,0,.16);
}

.coka-tourism .coka-upgrade > .wpb_wrapper {
	position:
		relative;

	z-index:
		2;

	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		24px;
}

.coka-tourism .coka-upgrade-glow {
	position:
		absolute;

	right:
		-32px;

	top:
		-32px;

	width:
		128px;

	height:
		128px;

	border-radius:
		50%;

	background:
		rgba(220,190,132,.10);

	filter:
		blur(28px);
}

.coka-tourism .coka-upgrade-main {
	display:
		flex;

	align-items:
		center;

	gap:
		16px;
}

.coka-tourism .coka-upgrade-icon {
	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	flex:
		0 0 48px;

	width:
		48px;

	height:
		48px;

	border:
		1px solid rgba(220,190,132,.40);

	border-radius:
		50%;

	background:
		rgba(220,190,132,.18);

	color:
		var(--gold-400);
}

.coka-tourism .coka-upgrade-icon svg {
	width:
		24px;

	height:
		24px;
}

.coka-tourism .coka-upgrade-main span {
	display:
		block;

	margin-bottom:
		4px;

	color:
		rgba(255,255,255,.72);

	font-size:
		10px;

	font-weight:
		500;

	line-height:
		1.5;

	letter-spacing:
		.16em;

	text-transform:
		uppercase;
}


/* GROFOVSKA POČAST — MULI */

.coka-tourism .coka-upgrade-main h4 {
	margin:
		0;

	color:
		var(--gold-400);

	font-family:
		"Muli light",
		"Muli",
		sans-serif !important;

	font-size:
		28px;

	font-weight:
		700;

	line-height:
		1.1;

	letter-spacing:
		.08em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-upgrade-price {
	flex-shrink:
		0;

	padding:
		12px 20px;

	background:
		rgba(0,0,0,.36);

	border:
		1px solid rgba(220,190,132,.40);

	border-radius:
		4px;

	text-align:
		center;
}

.coka-tourism .coka-upgrade-price span {
	display:
		block;

	margin-bottom:
		2px;

	color:
		rgba(255,255,255,.68);

	font-size:
		10px;

	letter-spacing:
		.10em;

	text-transform:
		uppercase;
}

.coka-tourism .coka-upgrade-price strong {
	color:
		var(--gold-300);

	font-family:
		"Prata",
		serif;

	font-size:
		24px;

	font-weight:
		400;

	letter-spacing:
		.04em;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1023px) {

	/* Hide Saras logo */

	body:has(#content.coka-vinski-turizam-page)
	.site-header .site-branding,

	body:has(#content.coka-vinski-turizam-page)
	.site-header .site-logo,

	body:has(#content.coka-vinski-turizam-page)
	.site-header .custom-logo-link,

	body:has(#content.coka-vinski-turizam-page)
	.site-header .logo,

	body:has(#content.coka-vinski-turizam-page)
	.site-header .header-logo {
		display: none !important;
	}


	/* HERO */

	.coka-tourism .coka-hero-inner {
		padding:
			5% 24px 65px;
	}

	.coka-tourism .coka-hero-title {
		font-size:
			60px;

		margin-top:
			24px;
	}


	/* BENEFITS */

	.coka-tourism.coka-benefits {
		padding:
			14px 0 !important;
	}

	.coka-tourism .coka-benefits-inner {
		flex-wrap:
			wrap !important;

		width:
			calc(100% - 48px) !important;

		gap:
			16px 0 !important;
	}

	.coka-tourism .coka-benefits-inner > .vc_column_container {
		flex:
			0 0 50% !important;

		width:
			50% !important;

		max-width:
			50% !important;

		padding-right:
			20px !important;
	}


	/* HERITAGE */

	.coka-tourism .coka-heritage-row {
		display:
			block !important;

		width:
			calc(100% - 48px) !important;
	}

	.coka-tourism .coka-heritage-row > .vc_column_container {
		width:
			100% !important;

		max-width:
			100% !important;
	}

	.coka-tourism
	.coka-heritage-row
	> .vc_column_container:first-child {
		margin-bottom:
			46px !important;
	}

	.coka-tourism .coka-heritage-copy h2 {
		font-size:
			40px;
	}


	/* TOURS */

	.coka-tourism .coka-tours-intro h2 {
		font-size:
			40px;
	}

	.coka-tourism .coka-tour-grid {
		flex-wrap:
			wrap !important;

		width:
			calc(100% - 48px) !important;
	}

	.coka-tourism .coka-tour-grid > .vc_column_container {
		flex:
			0 0 calc((100% - 24px) / 2) !important;

		width:
			calc((100% - 24px) / 2) !important;

		max-width:
			calc((100% - 24px) / 2) !important;
	}

	.coka-tourism .coka-card-featured,
	.coka-tourism .coka-card-featured:hover {
		transform:
			none;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 639px) {

	/* HERO */

	.coka-tourism.coka-hero {
		min-height:
			520px;
	}

	.coka-tourism .coka-hero-inner {
		width:
			calc(100% - 32px);

		padding:
			65px 0;
	}

	.coka-tourism .coka-hero-title {
		margin-top:
			18px;

		font-size:
			35px;
	}

	.coka-tourism .coka-hero-title em {
		font-size:
			1.08em !important;
	}

	.coka-tourism .coka-hero-text {
		font-size:
			16px;

		font-weight:
			400;
	}

	.coka-tourism .coka-hero-buttons {
		flex-direction:
			column;

		gap:
			16px;
	}

	.coka-tourism .coka-hero-buttons .coka-btn {
		width:
			100%;
	}


	/* BENEFITS */

	.coka-tourism.coka-benefits {
		padding:
			14px 0 !important;
	}

	.coka-tourism .coka-benefits-inner {
		display:
			flex !important;

		flex-direction:
			column !important;

		align-items:
			stretch !important;

		width:
			calc(100% - 32px) !important;

		gap:
			14px !important;
	}

	.coka-tourism .coka-benefits-inner > .vc_column_container {
		flex:
			0 0 auto !important;

		width:
			100% !important;

		max-width:
			100% !important;

		margin:
			0 !important;

		padding:
			0 !important;
	}

	.coka-tourism .coka-benefit-icon {
		flex-basis:
			40px;

		width:
			40px;

		height:
			40px;
	}

	.coka-tourism .coka-benefit-icon svg {
		width:
			19px;

		height:
			19px;
	}

	.coka-tourism .coka-benefit-item h4,
	.coka-tourism .coka-benefit-item p {
		font-size:
			11px !important;
	}


	/* HERITAGE */

	.coka-tourism.coka-heritage {
		padding:
			62px 0 64px;
	}

	.coka-tourism .coka-heritage-row {
		width:
			calc(100% - 32px) !important;
	}

	.coka-tourism .coka-heritage-photo img {
		height:
			320px;
	}

	.coka-tourism .coka-photo-border {
		display:
			none;
	}

	.coka-tourism .coka-heritage-copy h2 {
		font-size:
			34px;
	}

	.coka-tourism .coka-heritage-lead {
		font-size:
			15px;

		line-height:
			1.7;
	}

	.coka-tourism .coka-features {
		justify-content:
			flex-start;
	}

	.coka-tourism .coka-features > div {
		font-size:
			10px;
	}


	/* TOURS */

	.coka-tourism.coka-tours {
		padding:
			62px 0 70px;
	}

	.coka-tourism .coka-tours-intro {
		max-width:
			calc(100% - 32px) !important;

		margin-bottom:
			34px !important;

		padding:
			0 !important;
	}

	.coka-tourism .coka-tours-intro h2 {
		font-size:
			34px;
	}

	.coka-tourism .coka-tours-intro p {
		font-size:
			15px;
	}

	.coka-tourism .coka-tour-grid {
		display:
			block !important;

		width:
			calc(100% - 32px) !important;
	}

	.coka-tourism .coka-tour-grid > .vc_column_container {
		width:
			100% !important;

		max-width:
			100% !important;

		margin-bottom:
			28px !important;
	}

	.coka-tourism
	.coka-tour-grid
	> .vc_column_container:last-child {
		margin-bottom:
			0 !important;
	}

	.coka-tourism .coka-card-featured,
	.coka-tourism .coka-card-featured:hover {
		transform:
			none;
	}

	.coka-tourism .coka-card-image {
		height:
			220px;
	}

	.coka-tourism .coka-card-body {
		padding:
			22px;
	}

	.coka-tourism .coka-card-body h3 {
		font-size:
			22px;
	}

	.coka-tourism .coka-card-copy {
		font-size:
			13px;
	}


	/* VISITOR NOTICE */

	.coka-tourism .coka-visitor-notice {
		width:
			calc(100% - 32px);

		margin:
			32px auto 40px;

		padding:
			22px 18px;
	}

	.coka-tourism .coka-visitor-notice p {
		font-size:
			12px;
	}


	/* UPGRADE */

	.coka-tourism .coka-upgrade-wrap {
		width:
			calc(100% - 32px) !important;

		margin-top:
			28px !important;
	}

	.coka-tourism .coka-upgrade {
		padding:
			21px;
	}

	.coka-tourism .coka-upgrade > .wpb_wrapper {
		display:
			block;

		text-align:
			center;
	}

	.coka-tourism .coka-upgrade-main {
		display:
			block;
	}

	.coka-tourism .coka-upgrade-icon {
		margin:
			0 auto 10px;
	}

	.coka-tourism .coka-upgrade-main h4 {
		font-size:
			24px;
	}

	.coka-tourism .coka-upgrade-price {
		min-width:
			0;

		margin-top:
			17px;
	}
}