/*
Theme Name: MT Wood Gifts
Theme URI: https://mtwoodgifts.mk
Description: Blocksy child theme за MT Wood Gifts - персонализирани дрвени подароци.
Author: MT Wood Gifts
Template: blocksy
Version: 1.11.2
Text Domain: mtwoodgifts
*/

/*
 * Blocksy's footer builder only allows one native "Menu" block, so a second
 * footer menu has to go in a Widget Area via the core Navigation Menu widget.
 * That widget renders plain markup with none of the "Menu" block's styling,
 * so this reproduces it (layout, spacing, font, colors) to match visually.
 */
.ct-footer .widget_nav_menu .widget-menu {
	display: block;
	column-count: 2;
	column-gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ct-footer .widget_nav_menu .widget-menu li {
	list-style: none;
	margin: 0 0 12.5px;
	padding: 0;
	break-inside: avoid;
}

.ct-footer .widget_nav_menu .widget-menu a {
	display: flex;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #3a4f66;
	text-decoration: none;
	transition: color 0.2s ease;
}

.ct-footer .widget_nav_menu .widget-menu li:hover > a {
	color: #c9a15a;
}

/*
 * Blocksy's native "Menu" footer block has no title option at all, so the
 * "Информации" label is added as generated content instead of a real
 * heading - it mirrors the classic widget's real <h3 class="widget-title">
 * (same size/weight/color/spacing) so both footer columns look consistent.
 */
[data-column="menu"]::before {
	content: "Информации";
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #192a3d;
	margin: 0 0 15px;
}

/*
 * Footer widget area 2 (logo + tagline): the text widget's default 40px
 * top margin leaves the tagline looking disconnected from the logo above
 * it, so this pulls them together. The logo image is also sized up 10%
 * (150px -> 165px) via width, letting its srcset pick a sharper source.
 */
/*
 * Blocksy spaces stacked footer widgets via
 * ".ct-widget:not(:first-child) { margin-top: var(--widgets-gap, 40px); }" -
 * overriding the variable in scope here (rather than the margin directly)
 * works with that rule instead of needing to out-specificity it.
 */
[data-column="widget-area-2"] {
	--widgets-gap: 12px;
}

[data-column="widget-area-2"] .widget_media_image img {
	width: 165px;
	height: auto;
}

/*
 * Header cart (icon, item count, total and the hover mini-cart). Blocksy's
 * defaults here are its blue badge and a slate (#29333C) dropdown with blue
 * links/buttons; this matches them to the header menu (text colour, gold
 * hover) and the site's dark-wood/gold palette. The extra [data-header]
 * outranks Blocksy's inline customizer rules for the same elements.
 */
[data-header] .ct-header [data-id="cart"] .ct-cart-item {
	--theme-link-hover-color: #c9a15a;
	--theme-icon-hover-color: #c9a15a;
	--theme-cart-badge-background: #c9a15a;
	--theme-cart-badge-text: #1c1410;
}

[data-header] .ct-header [data-id="cart"] .ct-cart-content {
	--mini-cart-background-color: #1c1410;
	--mini-cart-divider-color: rgba(245, 239, 228, 0.14);
	--theme-text-color: #f5efe4;
	--theme-link-initial-color: #f5efe4;
	--theme-link-hover-color: #c9a15a;
	--theme-button-text-initial-color: #1c1410;
	--theme-button-text-hover-color: #1c1410;
	--theme-button-background-initial-color: #c9a15a;
	--theme-button-background-hover-color: #a97f3d;
	border-radius: 6px;
	box-shadow: 0 16px 40px rgba(28, 20, 16, 0.3);
	font-family: 'Montserrat', sans-serif;
}

[data-header] .ct-header [data-id="cart"] .ct-cart-content .total {
	--theme-text-color: #f5efe4;
}

[data-header] .ct-header [data-id="cart"] .ct-cart-content dl.variation {
	color: #cfc3b0;
}

[data-header] .ct-header [data-id="cart"] .ct-cart-content .woocommerce-mini-cart .remove {
	--theme-link-initial-color: #cfc3b0;
	--theme-link-hover-color: #c9a15a;
}

/* "Погледни кошничка" as the secondary, outlined action next to "Наплата". */
[data-header] .ct-header [data-id="cart"] .ct-cart-content .woocommerce-mini-cart__buttons .button:not(.checkout) {
	--theme-button-text-initial-color: #f5efe4;
	--theme-button-text-hover-color: #1c1410;
	--theme-button-background-initial-color: transparent;
	--theme-button-background-hover-color: #c9a15a;
	box-shadow: inset 0 0 0 1px rgba(245, 239, 228, 0.35);
}

/*
 * Header search popup. Blocksy's defaults are a slate (#121519) overlay with
 * its blue palette colour on the field's focus border, the round submit
 * button and live-result link hovers; this matches them to the header cart's
 * dark-wood/gold palette. The "body[data-header]" prefix outranks Blocksy's inline
 * "[data-header*="type-1"] #search-modal .ct-search-form" customizer rules.
 */
body[data-header] #search-modal {
	background-color: rgba(28, 20, 16, 0.98);
}

body[data-header] #search-modal .ct-toggle-close {
	--theme-icon-color: rgba(245, 239, 228, 0.7);
	--theme-icon-hover-color: #c9a15a;
}

body[data-header] #search-modal .ct-search-form {
	--theme-form-text-initial-color: #f5efe4;
	--theme-form-text-focus-color: #f5efe4;
	--theme-form-field-border-initial-color: rgba(245, 239, 228, 0.2);
	--theme-form-field-border-focus-color: #c9a15a;
	--theme-button-text-initial-color: #1c1410;
	--theme-button-text-hover-color: #1c1410;
	--theme-button-background-initial-color: #c9a15a;
	--theme-button-background-hover-color: #a97f3d;
	--theme-link-initial-color: #f5efe4;
	--theme-link-hover-color: #c9a15a;
	font-family: 'Montserrat', sans-serif;
}