/*
Theme Name: London Cupping
Theme URI: https://londoncupping.com
Author: London Cupping Studio
Author URI: https://londoncupping.com
Description: Clean, conversion-focused LearnPress theme for the Health Avenue Cupping Academy experience, focused on accredited hijama training pathways.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: cupping
*/

:root {
	--cupping-deep-navy: #061125;
	--cupping-dark-slate: #0f1e3a;
	--cupping-gold: #caa56a;
	--cupping-rich-gold: #7a5525;
	--cupping-med-gold: #d8b77f;
	--cupping-light-gold: #f3dec1;
	--cupping-cream: #f8f3e9;
	--cupping-cloud: #f4f6fb;
	--cupping-mist: #dbe1ef;
	--cupping-ink: #1d2a45;
	--cupping-slate: #34486a;
	--cupping-white: #ffffff;
	--cupping-accent: #7fc4bc;
	--cupping-radius-sm: 12px;
	--cupping-radius: 18px;
	--cupping-radius-lg: 32px;
	--cupping-shadow: 0 18px 40px rgba(6, 17, 37, 0.12);
	--cupping-shadow-soft: 0 10px 24px rgba(13, 30, 58, 0.08);
	--cupping-font-sans: "HelveticaNeue", "Helvetica Neue", helvetica, Sans-Serif;
	--cupping-font-serif: "Playfair Display", Georgia, serif;
	--cupping-container: min(1120px, 88vw);
}

body {
	font-family: var(--cupping-font-sans);
	background: var(--cupping-cloud);
	color: var(--cupping-ink);
	line-height: 1.55;
}

a {
	color: inherit;
}

a:hover,
a:focus {
	color: var(--cupping-gold);
}

/* Floating WhatsApp Button */
.whatsapp-float {
	position: fixed;
	right: 16px;
	bottom: 16px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25D366; /* WhatsApp green */
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(0,0,0,0.18);
	text-decoration: none;
	z-index: 9999;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.whatsapp-float:hover {
	background: #1ebe5b;
	transform: translateY(-1px);
	box-shadow: 0 10px 28px rgba(0,0,0,0.22);
}

.whatsapp-float svg {
	width: 28px;
	height: 28px;
	display: block;
	fill: currentColor;
}

@media (max-width: 480px) {
	.whatsapp-float {
		right: 12px;
		bottom: 12px;
		width: 52px;
		height: 52px;
	}
	.whatsapp-float svg {
		width: 26px;
		height: 26px;
	}
}

@media print {
	.whatsapp-float { display: none ; }
}

@media (prefers-reduced-motion: reduce) {
	.whatsapp-float { transition: none; }
}

/* Legal Pages Styling - consistent with other pages */
body.page-template-default.page-id-terms-of-use,
body.page-template-default.page-id-privacy-policy,
body.page-template-default.page-id-cookie-policy,
body.page-template-default.page-slug-terms-of-use,
body.page-template-default.page-slug-privacy-policy,
body.page-template-default.page-slug-cookie-policy {
	/* Ensure proper spacing and padding similar to other pages */
}

/* Gutenberg block styling for legal pages */
.wp-block-group.has-background {
	padding-top: 64px !important;
	padding-bottom: 48px !important;
}

/* Specific styling for legal content blocks */
.page .wp-block-group,
.single-post .wp-block-group {
	padding-top: 64px;
	padding-bottom: 48px;
}

/* Ensure legal pages have proper padding if they use the standard page layout */
.page .entry-content > .wp-block-group,
.page .entry-content > div.wp-block-group {
	padding-top: 64px;
	padding-bottom: 48px;
	margin-top: 0;
	margin-bottom: 0;
}

/* Comments */
.comments-area {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--cupping-mist);
}

.comments-title {
	font-size: 1.4rem;
	font-family: var(--cupping-font-serif);
	color: var(--cupping-deep-navy);
	margin-bottom: 1.5rem;
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list > li {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--cupping-mist);
}

.comment-author {
	font-weight: 600;
	color: var(--cupping-ink);
}

.comment-meta {
	font-size: 0.85rem;
	color: var(--cupping-slate);
	margin-bottom: 0.5rem;
}

.comment-content {
	margin-top: 0.5rem;
}

.comment-form label {
	display: block;
	font-weight: 500;
	margin-bottom: 0.25rem;
	color: var(--cupping-ink);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	max-width: 100%;
	padding: 0.6rem 0.8rem;
	border: 1px solid var(--cupping-mist);
	border-radius: var(--cupping-radius-sm);
	font-size: 0.95rem;
	background: var(--cupping-white);
}

.comment-form textarea {
	min-height: 150px;
}

.comment-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.75rem;
	padding: 0.7rem 1.5rem;
	border-radius: 999px;
	border: none;
	background: linear-gradient(135deg, var(--cupping-gold), var(--cupping-rich-gold));
	color: var(--cupping-white);
	font-weight: 600;
	cursor: pointer;
	box-shadow: var(--cupping-shadow-soft);
	transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus {
	transform: translateY(-1px);
	box-shadow: var(--cupping-shadow);
	opacity: 0.95;
}

.comment-form input[type="submit"]:active {
	transform: translateY(0);
	box-shadow: var(--cupping-shadow-soft);
	opacity: 0.9;
}