/*
 Theme Name:   Medu Pixora
 Theme URI:    https://medudesigns.com
 Description:  Medu Designs child theme based on Pixora
 Author:       Medu Designs
 Author URI:   https://medudesigns.com
 Template:     pixora
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  medu-pixora
*/

/* ==========================================================================
   Medu Designs Custom Styles
   ========================================================================== */

/* Contact form button - brand yellow */
.tp-contact-form-btn button,
.tp-contact-form-btn button:hover,
.tp-contact-me-interest-form .tp-contact-form-btn button {
	background-color: #F5A623 !important;
	border-color: #F5A623 !important;
	color: #000000 !important;
}
.tp-contact-form-btn button:hover {
	background-color: #d4900e !important;
	border-color: #d4900e !important;
}

/* Nav menu spacing - 6 items */
.tp-header-classic-menu ul li {
	margin-right: 30px !important;
}
.tp-header-classic-menu ul li:last-child {
	margin-right: 0 !important;
}
@media (max-width: 1400px) {
	.tp-header-classic-menu ul li {
		margin-right: 20px !important;
	}
}
@media (max-width: 1200px) {
	.tp-header-classic-menu ul li {
		margin-right: 15px !important;
	}
}

/* Fix footer copyright */
.tp-footer-copyright-text a[href*='pixora'],
.tp-footer-copyright-text a[href*='themeforest'] {
	display: none !important;
}

/* ===== Blog Fixes ===== */

/* Sticky nav - black background, no gap */
.tp-header-classic-sticky {
	top: 0 !important;
	margin-top: 0 !important;
	background-color: #0E0F11 !important;
}

/* Blog Read More button - brand yellow */
.tp-blog-btn a,
.tp-blog-btn .tp-btn-hover-effect {
	background-color: #F5A623 !important;
	border-color: #F5A623 !important;
	color: #000000 !important;
}
.tp-blog-btn a:hover {
	background-color: #d4900e !important;
	border-color: #d4900e !important;
}

/* Remove Recent Comments widget if empty */
.widget_recent_comments:has(p) {
	display: none !important;
}

/* Author avatar - replace gravatar with Medu logo */
img[src*='gravatar.com'] {
	content: url('https://medudesignsdev-com.stackstaging.com/wp-content/uploads/2025/10/medu_logo_cropped-1.png') !important;
	background: #F5A623 !important;
	border-radius: 50% !important;
	padding: 3px !important;
	object-fit: contain !important;
}


/* ===== Free Website Audit Form ===== */

.medu-audit-section {
	background: #1a1b1e;
	border: 1px solid #2a2b2e;
	border-radius: 12px;
	padding: 40px;
	margin: 60px 0 40px;
	text-align: center;
}
.medu-audit-section h3 {
	color: #ffffff !important;
	font-size: 28px;
	margin-bottom: 8px;
}
.medu-audit-section p.medu-audit-subtitle {
	color: #aaaaaa !important;
	font-size: 16px;
	margin-bottom: 30px;
}
.medu-audit-form p {
	text-align: left;
	margin-bottom: 15px;
}
.medu-audit-form label {
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-bottom: 6px;
}
.medu-audit-form input[type="text"],
.medu-audit-form input[type="email"],
.medu-audit-form input[type="url"],
.medu-audit-form textarea {
	width: 100% !important;
	background: #0e0f11 !important;
	border: 1px solid #2a2b2e !important;
	border-radius: 8px !important;
	padding: 12px 16px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	transition: border-color 0.3s ease;
}
.medu-audit-form input:focus,
.medu-audit-form textarea:focus {
	border-color: #F5A623 !important;
	outline: none !important;
}
.medu-audit-form textarea {
	min-height: 100px;
	resize: vertical;
}
.medu-audit-form .medu-audit-submit,
.medu-audit-form input[type="submit"] {
	background: #F5A623 !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 14px 32px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: background 0.3s ease;
	width: 100%;
	margin-top: 10px;
}
.medu-audit-form .medu-audit-submit:hover,
.medu-audit-form input[type="submit"]:hover {
	background: #d4900e !important;
}
.medu-audit-form .wpcf7-response-output {
	color: #ffffff !important;
	border-color: #F5A623 !important;
	border-radius: 8px;
	margin-top: 15px;
}
.medu-audit-form .wpcf7-not-valid-tip {
	color: #ff6b6b !important;
	font-size: 13px;
}

/* Audit form on homepage */
.medu-home-audit {
	background: #0e0f11;
	padding: 80px 0;
}
.medu-home-audit .medu-audit-section {
	max-width: 600px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.medu-audit-section {
		padding: 25px 20px;
		margin: 40px 0 30px;
	}
	.medu-audit-section h3 {
		font-size: 22px;
	}
}

/* Mobile optimisation fixes */
@media (max-width: 767px) {
	/* Ensure text doesn't overflow */
	body { overflow-x: hidden !important; }
	
	/* Fix nav spacing on mobile */
	#medu-sticky-nav nav {
		display: none !important;
	}
	#medu-sticky-nav {
		padding: 10px 15px !important;
	}
	
	/* Blog sidebar full width on mobile */
	.tp-sidebar {
		margin-top: 40px !important;
	}
	
	/* Contact form button full width mobile */
	.tp-contact-form-btn button {
		width: 100% !important;
	}
}

@media (max-width: 480px) {
	#medu-sticky-nav img {
		height: 25px !important;
	}
}

/* Author avatar (Medu logo): fit the wide logo into the circular thumb */
.postbox-author-img img {
	object-fit: contain;
	background: #F5A623;
	padding: 3px;
	border-radius: 50%;
}