/*
Theme Name: RICK360 Marketing
Theme URI: https://rick360.com.tr
Author: RICK360
Description: One-page bilingual (EN/TR) marketing theme for RICK360, a 360-degree competency feedback platform. Built for Polylang.
Version: 1.0
Text Domain: rick360
*/

:root {
	--color-slate: #283A55;
	--color-slate-tint: #3E5478;
	--color-coral: #C96F5D;
	--color-ink: #1B1F24;
	--color-warm-white: #F9F3EC;
	--color-white: #FFFFFF;
	--font-display: 'Manrope', system-ui, -apple-system, sans-serif;
	--max-width: 1080px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--font-display);
	color: var(--color-ink);
	background: var(--color-white);
	line-height: 1.6;
	font-size: 17px;
}

img { max-width: 100%; display: block; }

a { color: var(--color-slate); }

.wrap {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 24px;
}

/* Header */
.site-header {
	position: sticky;
	top: 0;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid #ECE4D8;
	z-index: 100;
}
.site-header .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 14px;
	padding-bottom: 14px;
}
.site-header .logo img { height: 126px; width: auto; }
.lang-switcher ul { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; font-weight: 700; font-size: 13px; }
.lang-switcher a {
	display: block;
	padding: 6px 10px;
	border-radius: 6px;
	text-decoration: none;
	color: var(--color-slate);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.lang-switcher li.current-lang a {
	background: var(--color-slate);
	color: var(--color-white);
}
.lang-switcher a:hover { background: var(--color-warm-white); }

/* Section rhythm */
.section { padding: 88px 0; }
.section--tight { padding: 64px 0; }
.section--warm { background: var(--color-warm-white); }
.section--dark { background: var(--color-slate); color: var(--color-warm-white); }
.section--dark a { color: var(--color-coral); }
.section--dark h2, .section--dark h3 { color: var(--color-white); }

h1, h2, h3 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; margin: 0 0 0.5em; }
h1 { font-size: clamp(2.1rem, 4.5vw, 3.4rem); line-height: 1.12; }
h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1.1em; }
.eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 13px;
	font-weight: 700;
	color: var(--color-coral);
	margin-bottom: 12px;
	display: block;
}
.lede { font-size: 1.2rem; color: #454C56; max-width: 640px; }
.section--dark .lede { color: #D9DCE2; }

/* Hero */
.hero { padding: 96px 0 72px; text-align: left; }
.hero .lede { margin-bottom: 32px; }

/* Buttons */
.btn {
	display: inline-block;
	font-weight: 700;
	font-family: var(--font-display);
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 1rem;
	border: 2px solid transparent;
}
.btn-primary { background: var(--color-coral); color: var(--color-white); }
.btn-primary:hover { background: #B65D4C; }
.btn-outline { background: transparent; border-color: currentColor; color: inherit; }
.btn-outline:hover { background: rgba(255,255,255,0.1); }

/* Grid helpers */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.grid-4 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 720px) {
	.grid-2, .grid-4 { grid-template-columns: 1fr; }
	.hero { padding: 64px 0 48px; }
	.section { padding: 56px 0; }
}

/* Quadrant cards */
.quad-card {
	border-radius: 14px;
	padding: 28px;
	color: var(--color-white);
}
.quad-card h3 { color: var(--color-white); margin-bottom: 6px; }
.quad-card .quad-letter {
	font-size: 2.2rem;
	font-weight: 800;
	display: block;
	margin-bottom: 8px;
	opacity: 0.85;
}
.quad-r { background: var(--color-slate); }
.quad-i { background: var(--color-ink); }
.quad-c { background: var(--color-coral); }
.quad-k { background: var(--color-slate-tint); }

/* Cards (audiences, reports) */
.card {
	border: 1px solid #ECE4D8;
	border-radius: 14px;
	padding: 28px;
	background: var(--color-white);
}
.card h3 { margin-bottom: 10px; }

/* Sample report links */
.report-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border: 1px solid #ECE4D8;
	border-radius: 12px;
	padding: 18px 22px;
	text-decoration: none;
	color: var(--color-ink);
	margin-bottom: 14px;
	background: var(--color-white);
}
.report-link:hover { border-color: var(--color-coral); }
.report-link .report-name { font-weight: 700; }
.report-link .report-tag { font-size: 0.9rem; color: #6B7280; }
.report-link .report-cta { color: var(--color-coral); font-weight: 700; white-space: nowrap; }
.disclaimer {
	font-size: 0.92rem;
	color: #6B7280;
	border-left: 3px solid var(--color-coral);
	padding-left: 14px;
	margin-top: 18px;
}
.section--dark .disclaimer { color: #C6CAD3; }

/* Footer */
.site-footer { background: var(--color-ink); color: #C6CAD3; padding: 56px 0 32px; }
.site-footer a { color: var(--color-warm-white); }
.site-footer .footer-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 32px;
	border-bottom: 1px solid #33383F;
	margin-bottom: 24px;
}
.site-footer .footer-logo img { height: 144px; width: auto; }
.site-footer .footer-fine { font-size: 0.85rem; color: #8A8F98; }

/* Utility */
.center { text-align: center; }
.mt-0 { margin-top: 0; }