/*
Theme Name: Unimate Child
Theme URI: https://preview.wolfthemes.live/unimate/landing/
Description: Unimate Child theme - Sola Prenove customizations
Author: WolfThemes
Author URI: https://wolfthemes.com
Template: unimate
Version: 2.0.0
*/

/* ============================================================================
   SOLA PRENOVE — CUSTOM STYLES
   ============================================================================ */

/* --------------------------------------------------------------------------
   1. HIDE UPLOAD METADATA ROW
   "Posted On 7. februarja, 2025 | In Gradivo | by" — remove on all post types
   -------------------------------------------------------------------------- */
.post-meta-container.hero-section {
	display: none !important;
}

/* Also hide inline post meta on single posts (the date/category/author line) */
.single .entry-meta,
.single .post-meta,
.single #hero .post-meta-container {
	display: none !important;
}

/* --------------------------------------------------------------------------
   2. UNIFORM IMAGE ALIGNMENT — GLOBAL
   Force all images to consistent aspect ratio using correct selectors
   -------------------------------------------------------------------------- */

/* ---- Premium Addons Blog Widget (used on /novice/ and /obrtniki-z-referencami/ pages) ---- */
.premium-blog-thumbnail-container {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.premium-blog-thumbnail-container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* ---- Wolf Events custom_list (used on /delavnice/ page) ---- */
.entry-event-custom_list-image.entry-event-img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	position: relative;
}

.entry-event-custom_list-image.entry-event-img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* ---- Wolf theme post grids/archives ---- */
.entry-post .entry-image,
.entry-post .post-thumbnail,
.post-display .entry-image,
.entry-grid .entry-image,
.post-item .entry-image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.entry-post .entry-image img,
.entry-post .post-thumbnail img,
.post-display .entry-image img,
.entry-grid .entry-image img,
.post-item .entry-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* ---- Event grid items ---- */
.entry-event .entry-image,
.event-grid-item .entry-image,
.we-list-event .entry-image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.entry-event .entry-image img,
.event-grid-item .entry-image img,
.we-list-event .entry-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* ---- Content images in posts — max width and center ---- */
.entry-content img {
	max-width: 100%;
	height: auto;
	display: block;
}

.entry-content .wp-block-image {
	text-align: center;
}

.entry-content .wp-block-image img {
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------------------
   3. MENU — BURGER ON TABLET + FIT ALL ITEMS
   The breakpoint is raised to 1200px via unimate_menu_breakpoint filter
   in functions.php so the hamburger menu activates on tablets instead
   of the desktop nav wrapping to a 2nd line.
   -------------------------------------------------------------------------- */

/* Force uppercase on all menu items — overrides theme inline CSS */
.nav-menu li,
.nav-menu li a,
.nav-menu-desktop li .menu-item-text-container,
.nav-menu-mobile li .menu-item-text-container,
.overlay-menu-container .nav-menu li {
	text-transform: uppercase !important;
}

/* Mobile/burger menu — ensure dark text on light panel background */
#mobile-menu-panel .nav-menu-mobile li a,
#mobile-menu-panel .nav-menu-mobile li .menu-item-text-container,
#mobile-menu-panel .nav-menu li a,
#mobile-menu-panel .nav-menu li.menu-item-has-children:before,
#mobile-menu-panel .nav-menu li.active:before {
	color: #272727 !important;
}

/* Increase desktop menu font size by 30% (base ~14px → ~18px) */
.nav-menu-desktop > li > a:not(.logo-link) .menu-item-text-container {
	font-size: 18px !important;
}

/* Tighten horizontal padding so all 8 items fit at larger font */
.nav-menu-desktop > li > a:not(.logo-link) {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* At narrower desktop widths (1024–1300px), reduce padding further */
@media (min-width: 1024px) and (max-width: 1300px) {
	.nav-menu-desktop > li > a:not(.logo-link) {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
	.nav-menu-desktop > li > a:not(.logo-link) .menu-item-text-container {
		font-size: 15px !important;
	}
}

/* --------------------------------------------------------------------------
   4. SIDEBAR — HIDE "NAJNOVEJŠI PRISPEVKI" (keep search visible)
   The novice page uses Elementor with a sidebar widget. Remove the
   "Latest Posts" block but keep the search block.
   -------------------------------------------------------------------------- */

/* Hide the custom HTML widget (site info) in sidebar */
.elementor-widget-sidebar .widget_custom_html {
	display: none;
}

/* Ensure search widget stays visible */
.elementor-widget-sidebar .widget_search,
.elementor-widget-sidebar .widget_block.widget_search {
	display: block !important;
}

/* --------------------------------------------------------------------------
   5. DELAVNICE EVENT LIST RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.entry-event-custom_list-image.entry-event-img {
		aspect-ratio: 16 / 9;
	}
}

/* --------------------------------------------------------------------------
   6. PRIROČNIKI — REMOVE target=_blank VISUAL INDICATORS
   Remove any external link icons on internal links
   -------------------------------------------------------------------------- */
.entry-content a[target="_blank"]::after {
	display: none !important;
}

/* --------------------------------------------------------------------------
   7. GENERAL POLISH
   -------------------------------------------------------------------------- */

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Better focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid #8B4513;
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   8. COMPLIANZ GDPR BANNER — Remove bullet dots
   The parent theme's `ul li { list-style-type: disc }` leaks into the
   Complianz cookie banner, adding unwanted bullet dots to every link.
   -------------------------------------------------------------------------- */
.cmplz-cookiebanner ul li,
.cmplz-links ul li {
	list-style-type: none !important;
	list-style: none !important;
}

/* --------------------------------------------------------------------------
   9. REMOVE OUTDATED BOX-SHADOW FROM PREMIUM BLOG WIDGETS
   The Elementor widget container and individual post cards have a heavy
   box-shadow that wraps the entire grid — looks dated.
   -------------------------------------------------------------------------- */
.elementor-widget-premium-addon-blog > .elementor-widget-container {
	box-shadow: none !important;
}

.premium-blog-post-container.premium-blog-skin-classic {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Remove the heavy shadow wrapping entire page sections */
.e-parent.e-con {
	box-shadow: none !important;
}

/* Remove the reddish shadow from blog post content wrappers */
.premium-blog-content-wrapper {
	box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   10. CF7 FORM STYLING — Beautiful, compact forms
   Used on Delavnice (workshop signup) and Kontakt page
   -------------------------------------------------------------------------- */

/* Form wrapper — border, subtle background, rounded corners */
.sola-cf7-form {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 12px;
	padding: 28px 32px 20px;
	max-width: 560px;
	margin: 0 auto;
}

/* On light backgrounds, use darker border */
.entry-content .sola-cf7-form,
.elementor-widget-contact-form-7 .sola-cf7-form {
	background: #f8f7f5;
	border: 1px solid #d9d3ca;
}

/* Field spacing — tighter, less stretched */
.sola-cf7-form p.wpcf7-field {
	margin-bottom: 14px;
}

.sola-cf7-form p.wpcf7-field:last-of-type {
	margin-bottom: 18px;
}

/* Labels — elegant, smaller */
.sola-cf7-form label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	margin-bottom: 5px;
	color: inherit;
	opacity: 0.85;
}

.sola-cf7-form label .required {
	color: #c0392b;
	font-weight: 700;
}

/* Input fields — clean, consistent height */
.sola-cf7-form .wpcf7-form-control:not([type="submit"]):not([type="hidden"]) {
	width: 100%;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.sola-cf7-form .wpcf7-form-control:not([type="submit"]):not([type="hidden"]):focus {
	border-color: #8B4513;
	box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.1);
	outline: none;
}

/* Textarea — shorter default height */
.sola-cf7-form .wpcf7-textarea {
	min-height: 100px;
	max-height: 200px;
	resize: vertical;
}

/* Submit button — matches site style */
.sola-cf7-form .wpcf7-submit {
	display: inline-block;
	padding: 12px 32px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	background: #8B4513;
	color: #fff;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.15s ease;
	width: auto;
	margin-top: 4px;
}

.sola-cf7-form .wpcf7-submit:hover {
	background: #6d3610;
	transform: translateY(-1px);
}

.sola-cf7-form .wpcf7-submit:active {
	transform: translateY(0);
}

/* Validation messages */
.sola-cf7-form .wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 4px;
	color: #c0392b;
}

.sola-cf7-form .wpcf7-response-output {
	margin: 16px 0 0 !important;
	padding: 12px 16px !important;
	border-radius: 6px !important;
	font-size: 13px;
}

/* Remove extra br tags that CF7 sometimes adds */
.sola-cf7-form p br {
	display: none;
}

/* ---- Responsive adjustments ---- */
@media (max-width: 768px) {
	.sola-cf7-form {
		padding: 20px 18px 16px;
		max-width: 100%;
	}

	.sola-cf7-form .wpcf7-submit {
		width: 100%;
		text-align: center;
	}
}

/* --------------------------------------------------------------------------
   11. HOMEPAGE NOVICE — Hide author name in Essential Addons Post Grid
   -------------------------------------------------------------------------- */
.eael-grid-post .eael-entry-meta .eael-posted-by,
.eael-grid-post .eael-entry-meta .eael-posted-by a,
.eael-grid-post .eael-posted-by {
	display: none !important;
}

/* Keep the date visible */
.eael-grid-post .eael-entry-meta .eael-posted-on {
	display: inline-block !important;
}

/* "Več novic" (Load More) button — match "Naloži več" light grey hover */
.eael-load-more-button:hover,
.eael-load-more-button:focus {
	background-color: #e0e0e0 !important;
	color: #272727 !important;
	border-color: #e0e0e0 !important;
}

/* --------------------------------------------------------------------------
   12. DELAVNICE EVENTS — No hero on single event pages
       The first thing visible should be the event's featured image
   -------------------------------------------------------------------------- */
.single-event #hero,
.single-event .post-header-container {
	display: none !important;
}

/* --------------------------------------------------------------------------
   13. EVENT TAXONOMY ARCHIVES — Proper styling for tag pages
   -------------------------------------------------------------------------- */
.tax-we_type .events-container,
.tax-we_artist .events-container {
	padding-top: 20px;
}