/*
 Theme Name:   Hostinkos Child
 Theme URI:    https://iliriacosmetics.com/
 Description:  Child theme for Hostinkos. Keeps custom fixes safe across parent theme updates without changing Cartify files.
 Author:       Iliria Cosmetics
 Template:     cartify
 Version:      1.1.3
 Text Domain:  cartify-child
*/

/* -------------------------------------------------------------------------
   Variation swatches (color) — label + selected name above swatches
   Fixes cramped "Lip Definer : Rosewood" overlapping color circles.
   ------------------------------------------------------------------------- */

.single-product .variations_form table.variations {
	width: 100%;
	border: 0;
	margin: 0 0 1rem;
}

.single-product .variations_form table.variations tbody,
.single-product .variations_form table.variations tr {
	display: block;
	width: 100%;
}

.single-product .variations_form table.variations tr {
	margin: 0 0 1rem;
}

.single-product .variations_form table.variations tr:last-child {
	margin-bottom: 0;
}

/* Override Cartify variation-style-1/2 side-by-side + 85px label cap */
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-1 .variations tr,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-2 .variations tr {
	display: block;
	flex-wrap: unset;
}

.single-product .agni-product-layout-block-add_to_cart.has-variation-style-1 .variations td,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-2 .variations td,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-1 .variations th,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-2 .variations th {
	flex: none;
	max-width: none;
	width: 100%;
	margin: 0;
	display: block;
	text-align: left;
}

.single-product .agni-product-layout-block-add_to_cart.has-variation-style-1 .variations .label,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-2 .variations .label,
.single-product .agni-product-layout-block-add_to_cart.has-variation-style-3 .variations .label {
	max-width: none;
	width: 100%;
	margin: 0 0 0.5rem;
	padding: 0;
}

.single-product .agni-product-layout-block-add_to_cart.has-variation-style-2 .variations .value {
	flex-direction: unset;
}

/* "Lip Definer : Rosewood" on one clean line */
.single-product .variations_form .variations .label {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.15em 0.35em;
	line-height: 1.35;
}

.single-product .variations_form .variations .label > label {
	display: inline;
	white-space: normal;
	margin: 0;
	font-weight: 600;
}

.single-product .variations_form .attribute-value {
	display: inline;
	margin-left: 0;
	font-weight: 400;
	opacity: 0.9;
}

.single-product .variations_form .attribute-value:before {
	content: ":";
	margin-right: 0.25em;
}

.single-product .variations_form .variations .value {
	width: 100%;
	padding: 0;
}

.single-product .variations_form .agni-swatches {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 2px 0;
}

.single-product .variations_form .agni-swatch-color {
	flex-shrink: 0;
}

/* -------------------------------------------------------------------------
   Vi-Vet sidebar banner — keep title/subtitle/button right-aligned
   on laptop, tablet and mobile (not only large desktop).
   ------------------------------------------------------------------------- */

.agni-block-banner.vivet-left .agni-block-banner__content {
	align-items: flex-end;
	width: 100%;
	max-width: 100%;
	text-align: right;
}

.agni-block-banner.vivet-left .agni-block-heading,
.agni-block-banner.vivet-left .agni-block-heading :is(h1, h2, h3, h4, h5, h6),
.agni-block-banner.vivet-left .agni-block-paragraph,
.agni-block-banner.vivet-left .agni-block-paragraph p {
	text-align: right;
	width: 100%;
}

.agni-block-banner.vivet-left .agni-block-buttons {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.agni-block-banner.vivet-left .vivet-banner-button {
	margin-left: auto;
	margin-right: 0;
}