/*
 * Redizajn "22" - shop tok, korpa, VIP zona i detalj vencanja (docs/38).
 * Ucitava se POSLE redesign-2a...21; deli tokene (:root), resete (.vh-home),
 * dugmad (.vh-btn*) i breadcrumb (.vh-adr__crumbs). Kao i "21", legacy markup
 * unutar omotaca se NE menja - restilizacija je strogo scope-ovana
 * (.vh-shop / .vh-cart / .vh-vip / .vh-wed).
 */

/* ====================================================================== */
/*  Zajednicko                                                            */
/* ====================================================================== */
.vh-shop, .vh-cart, .vh-vip, .vh-wed { background: #fff; }
.vh-shop .vh-container, .vh-cart .vh-container, .vh-vip .vh-container, .vh-wed .vh-container { padding-top: 18px; padding-bottom: 48px; }
#vh-shop .vh-shop__title, #vh-cart .vh-cart__title, #vh-vip .vh-vip__title {
	font: 600 38px/1.2 var(--vh-serif);
	font-style: normal; letter-spacing: 0;
	color: var(--vh-text);
	padding: 0; margin: 14px 0 6px; text-align: left;
}

/* ====================================================================== */
/*  Shop lista + detalj                                                   */
/* ====================================================================== */
.vh-shop__body .content { font: 400 14px/1.7 var(--vh-sans); color: var(--vh-text-2); }
.vh-shop__body #home-products, .vh-shop__body .home-products { background: none; padding: 0; margin: 0; width: auto; }
.vh-shop__body .home-products.container, .vh-shop__body .container { max-width: none; padding: 0; }
/* filter traka (form/shop.php) */
.vh-shop__body .form-control, .vh-shop__body select, .vh-shop__body input[type="text"] {
	font: 400 14px/1.4 var(--vh-sans);
	color: var(--vh-text);
	border: 1px solid var(--vh-border-2);
	border-radius: 8px;
	padding: 10px 13px;
	height: auto;
	background-color: #fff;
	box-shadow: none;
}
.vh-shop__body .form-control:focus, .vh-shop__body select:focus, .vh-shop__body input[type="text"]:focus {
	outline: none; border-color: var(--vh-pink);
	box-shadow: 0 0 0 3px rgba(244, 154, 193, .18);
}
/* kategorije kao pilule */
.vh-shop__body #home-products-nav { margin: 14px 0 20px; padding: 0; background: none; }
.vh-shop__body #home-products-nav a {
	display: inline-flex; align-items: center;
	font: 600 12px/1 var(--vh-sans);
	color: #8A6E7B !important;
	background: #fff;
	border: 1px solid var(--vh-border-2);
	border-radius: 100px;
	padding: 8px 16px;
	margin: 0 8px 8px 0;
	text-transform: none; letter-spacing: 0;
	box-shadow: none; text-shadow: none;
	transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.vh-shop__body #home-products-nav a:hover { border-color: var(--vh-pink); color: var(--vh-pink-dark) !important; }
.vh-shop__body #home-products-nav a.current,
.vh-shop__body #home-products-nav a.active { background: var(--vh-pink); border-color: var(--vh-pink); color: #fff !important; }
/* kartica proizvoda */
.vh-shop__body .home-products-box-c {
	border: 1px solid var(--vh-border) !important;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 20px;
	transition: border-color .18s ease, box-shadow .18s ease;
}
.vh-shop__body .home-products-box-c:hover { border-color: var(--vh-pink) !important; box-shadow: 0 8px 24px rgba(190, 120, 150, .12); }
.vh-shop__body .home-product-name, .vh-shop__body .home-product-name a {
	font: 600 15px/1.4 var(--vh-sans) !important;
	color: var(--vh-text) !important;
	font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important;
}
.vh-shop__body .home-product-name a:hover { color: var(--vh-pink-dark) !important; }
.vh-shop__body .home-product-price { font: 600 15px/1.3 var(--vh-sans); color: var(--vh-pink-dark); }
.vh-shop__body .home-product-code { font: 400 11px/1.3 var(--vh-sans); color: var(--vh-muted); }
/* legacy paginacija kao pilule */
.vh-shop__body .num { text-align: center; margin-top: 18px; }
.vh-shop__body .num a {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px;
	border: 1px solid var(--vh-border-2);
	border-radius: 8px;
	font: 500 14px/1 var(--vh-sans);
	color: var(--vh-text) !important;
	padding: 0 10px; margin: 0 3px 6px;
	background: #fff;
}
.vh-shop__body .num a:hover { border-color: var(--vh-pink); background: var(--vh-tint); }
.vh-shop__body .num a b { font-weight: 600; }
/* dugmad u shop kontekstu */
.vh-shop__body .btn-pink, .vh-shop__body .btn-pink-blue {
	background: var(--vh-pink); border: 0; border-radius: 8px; color: #fff;
	font: 600 12px/1 var(--vh-sans); letter-spacing: 1.5px; text-transform: uppercase;
	padding: 12px 22px; text-shadow: none; box-shadow: none;
}
.vh-shop__body .btn-pink:hover, .vh-shop__body .btn-pink-blue:hover { background: var(--vh-pink-dark); color: #fff; }

/* ====================================================================== */
/*  Korpa                                                                 */
/* ====================================================================== */
.vh-cart__body { font: 400 14px/1.65 var(--vh-sans); color: var(--vh-text-2); }
.vh-cart__body form { padding-right: 0 !important; }
.vh-cart__body .tabela_korpa {
	border: 1px solid var(--vh-border);
	border-radius: 12px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	margin-bottom: 16px;
}
.vh-cart__body .tabela_korpa td { border-bottom: 1px solid var(--vh-border); padding: 10px 12px; font-size: 13px; }
.vh-cart__body .tabela_korpa tr:last-child td { border-bottom: 0; }
.vh-cart__body .tabela_korpa tr.zaglavlje td, .vh-cart__body .tabela_korpa tr.zaglavlje th {
	background: var(--vh-tint);
	font: 600 11px/1.3 var(--vh-sans);
	letter-spacing: 1px; text-transform: uppercase;
	color: var(--vh-muted);
	padding: 11px 12px;
	border-bottom: 1px solid var(--vh-border);
}
.vh-cart__body .tabela_order_sum td { padding: 8px 12px; font-size: 14px; }
.vh-cart__body input[type="text"], .vh-cart__body input[type="email"], .vh-cart__body input[type="tel"],
.vh-cart__body input[type="number"], .vh-cart__body select, .vh-cart__body textarea, .vh-cart__body .form-control {
	font: 400 14px/1.4 var(--vh-sans);
	color: var(--vh-text);
	border: 1px solid var(--vh-border-2);
	border-radius: 8px;
	padding: 10px 12px;
	height: auto;
	background: #fff;
	box-shadow: none;
}
.vh-cart__body input:focus, .vh-cart__body select:focus, .vh-cart__body textarea:focus {
	outline: none; border-color: var(--vh-pink);
	box-shadow: 0 0 0 3px rgba(244, 154, 193, .18);
}
.vh-cart__body label, .vh-cart__body .bold { font-weight: 600; color: var(--vh-text); }
.vh-cart__body input[type="submit"], .vh-cart__body .btn-yellow, .vh-cart__body .btn-pink {
	background: var(--vh-pink); border: 0; border-radius: 8px; color: #fff;
	font: 600 12px/1 var(--vh-sans); letter-spacing: 1.5px; text-transform: uppercase;
	padding: 12px 22px; text-shadow: none; box-shadow: none; cursor: pointer;
	transition: background .18s ease;
}
.vh-cart__body input[type="submit"]:hover, .vh-cart__body .btn-yellow:hover, .vh-cart__body .btn-pink:hover { background: var(--vh-pink-dark); color: #fff; }
.vh-cart__body .text-danger { color: #C75C86 !important; font: 400 13px/1.5 var(--vh-sans); padding: 10px 0 0 4px; }
.vh-cart__body .order_more { color: var(--vh-pink-dark) !important; font-weight: 600; }
.vh-cart__body .error_notice, .vh-cart__body .ok_notice {
	border: 1px solid var(--vh-border);
	border-radius: 10px;
	background: var(--vh-tint);
	padding: 14px 16px;
}

/* ====================================================================== */
/*  VIP zona                                                              */
/* ====================================================================== */
.vh-vip__intro { font: 400 15px/1.75 var(--vh-sans); color: var(--vh-text-2); max-width: 720px; margin: 6px 0 14px; }
.vh-vip__body { margin-top: 10px; }
.vh-vip__body img { max-width: 100%; height: auto; }
.vh-vip__body > div, .vh-vip__body .slider-pro { border-radius: 12px; overflow: hidden; }

/* ====================================================================== */
/*  Detalj vencanja                                                       */
/* ====================================================================== */
.vh-wed__body { font: 400 14px/1.7 var(--vh-sans); color: var(--vh-text-2); margin-top: 14px; }
.vh-wed__body .container { max-width: none; padding: 0; }
.vh-wed__body .row { margin: 0; }
#vh-wed .vh-wed__body .wedding-title, #vh-wed .vh-wed__body h1, #vh-wed .vh-wed__body h2 {
	font: 600 26px/1.3 var(--vh-serif);
	font-style: normal; letter-spacing: 0;
	color: var(--vh-text);
	padding: 12px 0; margin: 0; text-align: center;
}
.vh-wed__body .wedding-name { font: 600 16px/1.4 var(--vh-sans); color: var(--vh-text); }
.vh-wed__body .center-wedding-texture-box {
	background: var(--vh-tint);
	border: 1px solid var(--vh-border);
	border-radius: 14px;
	padding: 22px;
	margin: 14px 0;
}
.vh-wed__body .picture-bride img, .vh-wed__body .picture-groom img,
.vh-wed__body .picture-godmother img, .vh-wed__body .picture-godfather img {
	border-radius: 50%;
	border: 4px solid var(--vh-border);
}
.vh-wed__body .schedule-box {
	border: 1px solid var(--vh-border);
	border-radius: 12px;
	padding: 14px 16px;
	margin-bottom: 12px;
	background: #fff;
}
.vh-wed__body .company-box {
	border: 1px solid var(--vh-border);
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 12px;
	background: #fff;
}
.vh-wed__body .img img { border-radius: 10px; }
.vh-wed__body .reg_menu_bgd { background: none; padding: 0; }
.vh-wed__body .korsinik_linija a.btn {
	display: inline-flex; align-items: center; gap: 7px;
	font: 600 12px/1 var(--vh-sans);
	color: #8A6E7B !important;
	background: #fff;
	border: 1px solid var(--vh-border-2);
	border-radius: 100px;
	padding: 9px 15px; margin: 0 6px 6px 0;
	text-transform: none; letter-spacing: 0;
	box-shadow: none; text-shadow: none;
}
.vh-wed__body .korsinik_linija a.btn:hover { border-color: var(--vh-pink); color: var(--vh-pink-dark) !important; }
.vh-wed__body #comments-form h3 {
	font: 600 22px/1.3 var(--vh-serif);
	font-style: normal; letter-spacing: 0;
	color: var(--vh-text); text-align: left; padding: 0; margin: 20px 0 10px;
}
.vh-wed__body .form-control {
	font: 400 14px/1.4 var(--vh-sans);
	border: 1px solid var(--vh-border-2);
	border-radius: 8px;
	padding: 10px 12px; height: auto;
	box-shadow: none;
}
.vh-wed__body .btn-pink {
	background: var(--vh-pink); border: 0; border-radius: 8px; color: #fff;
	font: 600 12px/1 var(--vh-sans); letter-spacing: 1.5px; text-transform: uppercase;
	padding: 12px 22px; text-shadow: none; box-shadow: none;
}
.vh-wed__body .btn-pink:hover { background: var(--vh-pink-dark); color: #fff; }
.vh-wed__body .icons-share img { border-radius: 6px; }

/* ====================================================================== */
/*  Responsive                                                            */
/* ====================================================================== */
@media (max-width: 767px) {
	.vh-shop .vh-container, .vh-cart .vh-container, .vh-vip .vh-container, .vh-wed .vh-container { padding-top: 12px; padding-bottom: 32px; }
	#vh-shop .vh-shop__title, #vh-cart .vh-cart__title, #vh-vip .vh-vip__title { font-size: 30px; }
	.vh-cart__body .tabela_korpa { display: block; overflow-x: auto; }
}