/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.ct-order-review {
	background: #fff;
}

/* =========================================================
   KARTA PRODUKTU (Blocksy type-2) – NASTAVENIA
   Platí pre archív obchodu aj Elementor widget Products.
   Meň len hodnoty v tomto bloku.
   ========================================================= */
[data-products="type-2"] {
	/* Farby */
	--is-bar-bg: #FFF7E8;                             /* pozadie spodnej lišty (cena) */
	--is-btn-bg: var(--theme-palette-color-1);        /* tlačidlo – #E42A24 */
	--is-btn-bg-hover: var(--theme-palette-color-2);  /* tlačidlo hover – #B71C18 */
	--is-btn-text: var(--theme-palette-color-11);     /* text tlačidla – #FFFFFF */

	/* Karta */
	--is-card-radius: 10px;                           /* zaoblenie karty */
	--is-text-padding: 20px;                          /* okraj názvu a kategórie (desktop) */
	--is-bar-gap: 15px;                               /* min. medzera nad lištou */

	/* Desktop / tablet */
	--is-bar-padding: 10px 12px;                      /* vnútorné odsadenie lišty */
	--is-btn-radius: 5px;                             /* zaoblenie tlačidla */
	--is-btn-font: 14px;                              /* veľkosť písma tlačidla */
	--is-btn-height: 38px;                            /* výška tlačidla */
	--is-price-weight: 700;                           /* hrúbka písma ceny */

	/* Mobil */
	--is-mobile-text-padding: 8px;                    /* okraj názvu a kategórie (mobil) */
	--is-mobile-btn-height: 44px;                     /* výška tlačidla */
}

/* ===== Karta ===== */

/* Flex stĺpec (!important – Elementor Products ho inak zruší),
   bez spodného paddingu, zaoblenie a orezanie rohov */
[data-products="type-2"] .product {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	padding-bottom: 0 !important;
	border-radius: var(--is-card-radius);
	overflow: hidden;
}

/* Názov a kategória – vlastný okraj od hrany karty
   (Blocksy má na karte napevno 20px, záporný margin ho zmenší) */
[data-products="type-2"] .product > .woocommerce-loop-product__title,
[data-products="type-2"] .product > .entry-meta {
	align-self: stretch;
	margin-inline: calc(var(--is-text-padding) - 20px);
}

/* ===== Spodná lišta – vždy úplne dole ===== */

/* Lišta vizuálne posledná a pritlačená na spodok karty */
[data-products="type-2"] .product > .ct-woo-card-actions {
	order: 99;
	margin-top: auto !important;
	margin-bottom: 0 !important;
}

/* Minimálna medzera medzi obsahom a lištou */
[data-products="type-2"] .product > :not(.ct-woo-card-actions):not(figure) {
	margin-bottom: var(--is-bar-gap);
}

/* Prázdny kontajner variantov nezaberá miesto */
[data-products="type-2"] .product > .ct-card-variation-swatches:has(.variations:empty) {
	display: none;
}

/* ===== Spodná lišta – DESKTOP / TABLET ===== */

/* Lišta: cena vľavo, tlačidlo vpravo, s odsadením */
[data-products="type-2"] .product .ct-woo-card-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: var(--is-bar-padding);
	background: var(--is-bar-bg);
}

/* Cena – bežný text (nie flex, inak sa rozsah rozpadne) */
[data-products="type-2"] .product .ct-woo-card-actions .price {
	flex: 1 1 auto;
	display: block;
	min-height: 0;
	margin: 0;
	padding: 0;
	font-weight: var(--is-price-weight);
	line-height: 1.35;
	text-align: center;
}

/* Suma sa nikdy nerozdelí (číslo + €) */
[data-products="type-2"] .ct-woo-card-actions .price .woocommerce-Price-amount {
	white-space: nowrap;
}

/* „s DPH“ o niečo menšie a tenšie */
[data-products="type-2"] .ct-woo-card-actions .price .woocommerce-price-suffix {
	font-size: .8em;
	font-weight: 500;
	white-space: nowrap;
}

/* Zvislá deliaca čiara Blocksy – nepotrebná */
[data-products="type-2"] .ct-woo-card-actions .price:not(:only-child)::after {
	display: none;
}

/* Tlačidlo – normálny zaoblený button */
[data-products="type-2"] .product .ct-woo-card-actions .button {
	--theme-button-text-initial-color: var(--is-btn-text);
	--theme-button-text-hover-color: var(--is-btn-text);
	--theme-button-background-initial-color: var(--is-btn-bg);
	--theme-button-background-hover-color: var(--is-btn-bg-hover);

	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--is-btn-height);
	margin: 0 !important; /* Elementor pridáva margin-top */
	padding: 6px 14px;
	border: none;
	border-radius: var(--is-btn-radius);
	background-color: var(--is-btn-bg);
	color: var(--is-btn-text);
	font-size: var(--is-btn-font);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease;
}

[data-products="type-2"] .product .ct-woo-card-actions .button:hover,
[data-products="type-2"] .product .ct-woo-card-actions .button:focus-visible {
	background-color: var(--is-btn-bg-hover);
	color: var(--is-btn-text);
}

/* ===== MOBIL (< 690px) – cena hore, lišta cez celú šírku ===== */
@media (max-width: 689.98px) {

	/* Menší okraj názvu a kategórie */
	[data-products="type-2"] {
		--is-text-padding: var(--is-mobile-text-padding);
	}

	[data-products="type-2"] .product .ct-woo-card-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 0;
	}

	[data-products="type-2"] .product .ct-woo-card-actions .price {
		padding: 10px 8px;
	}

	[data-products="type-2"] .product .ct-woo-card-actions .button {
		display: flex;
		width: 100%;
		min-height: var(--is-mobile-btn-height);
		padding: 8px 10px;
		border-radius: 0; /* rohy orezáva karta */
		white-space: normal;
	}
}


/**
 * BLOCKSY - oficiálne farby sociálnych sietí
 * iba na detaile produktu WooCommerce
 */

/* Facebook */
.single-product .entry-summary-items > .ct-share-box
a[data-network="facebook"] .ct-icon-container {
	--theme-icon-color: #557dbc;
	--theme-icon-hover-color: #557dbc;
}

/* Pinterest */
.single-product .entry-summary-items > .ct-share-box
a[data-network="pinterest"] .ct-icon-container {
	--theme-icon-color: #ea575a;
	--theme-icon-hover-color: #ea575a;
}

/* LinkedIn */
.single-product .entry-summary-items > .ct-share-box
a[data-network="linkedin"] .ct-icon-container {
	--theme-icon-color: #1c86c6;
	--theme-icon-hover-color: #1c86c6;
}

/* Viber */
.single-product .entry-summary-items > .ct-share-box
a[data-network="viber"] .ct-icon-container {
	--theme-icon-color: #7f509e;
	--theme-icon-hover-color: #7f509e;
}

/* WhatsApp */
.single-product .entry-summary-items > .ct-share-box
a[data-network="whatsapp"] .ct-icon-container {
	--theme-icon-color: #5bba67;
	--theme-icon-hover-color: #5bba67;
}

/* E-mail */
.single-product .entry-summary-items > .ct-share-box
a[data-network="email"] .ct-icon-container {
	--theme-icon-color: #392c44;
	--theme-icon-hover-color: #392c44;
}

/* Reddit */
.single-product .entry-summary-items > .ct-share-box
a[data-network="reddit"] .ct-icon-container {
	--theme-icon-color: #fc471e;
	--theme-icon-hover-color: #fc471e;
}

/* Kopírovať odkaz */
.single-product .entry-summary-items > .ct-share-box
a[data-network="clipboard"] .ct-icon-container {
	--theme-icon-color: #2c3e50;
	--theme-icon-hover-color: #2c3e50;
}

/* Jemný efekt po prejdení myšou */
.single-product .entry-summary-items > .ct-share-box
.ct-icon-container {
	transition: opacity 0.12s ease;
}

.single-product .entry-summary-items > .ct-share-box
a:hover .ct-icon-container {
	opacity: 0.7;
}





/*
 * WooCommerce pokladňa - responzívne rozloženie polí
 * Desktop:
 * - bežné vybrané polia 50 / 50
 * - názov spoločnosti 100 %
 * - IČO, DIČ a IČ DPH po 33,33 %
 *
 * Mobil a tablet:
 * - všetky polia 100 %
 */

/* Desktop od 1025 px */
@media screen and (min-width: 1025px) {

    /* Fakturačné a dodacie polia */
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    /* Predvolene zostávajú ostatné polia na celú šírku */
    .woocommerce-billing-fields__field-wrapper > .form-row,
    .woocommerce-shipping-fields__field-wrapper > .form-row {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: none !important;
        box-sizing: border-box !important;
    }

    /* Fakturačné polia 50 / 50 */
    #billing_first_name_field,
    #billing_last_name_field,
    #billing_country_field,
    #billing_address_1_field,
    #billing_postcode_field,
    #billing_city_field,
    #billing_phone_field,
    #billing_email_field {
        flex: 0 0 48% !important;
        width: 48% !important;
        max-width: 48% !important;
    }

    /* Názov spoločnosti na celú šírku */
    #billing_company_field {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* WPify Woo - IČO, DIČ a IČ DPH v troch stĺpcoch */
    #billing_ic_field,
    #billing_dic_field,
    #billing_dic_dph_field {
        flex: 0 0 32% !important;
        width: 32% !important;
        max-width: 32% !important;
        box-sizing: border-box !important;
    }

    /* Dodacia adresa 50 / 50 */
    #shipping_first_name_field,
    #shipping_last_name_field,
    #shipping_country_field,
    #shipping_address_1_field,
    #shipping_postcode_field,
    #shipping_city_field {
        flex: 0 0 48% !important;
        width: 48% !important;
        max-width: 48% !important;
    }

    /* Firemný checkbox na celú šírku */
    .wpify-woo-ic-dic__toggle {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    /* Dodacia adresa zostane samostatne */
    #ship-to-different-address,
    .woocommerce-shipping-fields {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}

/* Mobil a tablet do 1024 px */
@media screen and (max-width: 1024px) {

    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-billing-fields__field-wrapper > .form-row,
    .woocommerce-shipping-fields__field-wrapper > .form-row,
    #billing_company_field,
    #billing_ic_field,
    #billing_dic_field,
    #billing_dic_dph_field,
    .wpify-woo-ic-dic__toggle {
        display: block !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    #ship-to-different-address,
    .woocommerce-shipping-fields {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}