/*
Theme Name: Chicken Rates Today
Theme URI: https://chickenratestoday.live
Author: Chicken Rates Today
Description: A fast, clean daily chicken rates theme for Pakistan. Built around the Chicken Rates Manager plugin with real editable pages for every city, full Elementor and block editor compatibility, and AdSense ready legal pages.
Version: 1.0.0
License: GPL-2.0+
Text Domain: chickenratestoday
*/

:root {
	--crt-green: #173f25;
	--crt-green-dark: #0f2c19;
	--crt-amber: #f0a626;
	--crt-paper: #faf8f1;
	--crt-white: #ffffff;
	--crt-ink: #21251f;
	--crt-muted: #5a5f55;
	--crt-line: #e4e0d4;
	--crt-red: #b03020;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--crt-paper);
	color: var(--crt-ink);
	font-family: "Public Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.7;
}

h1, h2, h3, h4 {
	font-family: "Archivo", "Public Sans", Arial, sans-serif;
	font-weight: 800;
	line-height: 1.2;
	color: var(--crt-green);
	margin: 1.4em 0 0.5em;
	letter-spacing: -0.01em;
}

h1 { font-size: clamp(28px, 4.5vw, 42px); margin-top: 0; }
h2 { font-size: clamp(22px, 3vw, 30px); }
h3 { font-size: clamp(19px, 2.4vw, 23px); }

p { margin: 0 0 1.2em; }

a { color: var(--crt-green); }
a:hover { color: var(--crt-amber); }

img { max-width: 100%; height: auto; }

.crt-container {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Header */
.crt-header {
	background: var(--crt-green);
	border-bottom: 4px solid var(--crt-amber);
}

.crt-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 0;
}

.crt-logo {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	line-height: 1.15;
}

.crt-logo-title {
	font-family: "Archivo", Arial, sans-serif;
	font-weight: 900;
	font-size: 24px;
	color: var(--crt-white);
	letter-spacing: 0.01em;
}

.crt-logo-title span { color: var(--crt-amber); }

.crt-logo-tag {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.75);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.crt-nav { display: flex; align-items: center; }

.crt-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.crt-nav a {
	display: block;
	color: var(--crt-white);
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	padding: 8px 14px;
	border-radius: 8px;
}

.crt-nav a:hover {
	background: rgba(255, 255, 255, 0.12);
	color: var(--crt-amber);
}

.crt-menu-toggle {
	display: none;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: var(--crt-white);
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 15px;
	cursor: pointer;
}

/* Date strip */
.crt-datebar {
	background: var(--crt-green-dark);
	color: rgba(255, 255, 255, 0.85);
	font-size: 13px;
	padding: 6px 0;
	letter-spacing: 0.04em;
}

/* Main */
.crt-main { padding: 36px 0 56px; }

.crt-content {
	background: var(--crt-white);
	border: 1px solid var(--crt-line);
	border-radius: 14px;
	padding: clamp(22px, 4vw, 44px);
}

.crt-content-full { background: transparent; border: 0; padding: 0; }

.crt-breadcrumb {
	font-size: 13px;
	color: var(--crt-muted);
	margin-bottom: 14px;
}

.crt-breadcrumb a { color: var(--crt-muted); text-decoration: none; }
.crt-breadcrumb a:hover { color: var(--crt-green); }

/* Posts list */
.crt-post-card {
	background: var(--crt-white);
	border: 1px solid var(--crt-line);
	border-radius: 12px;
	padding: 24px 26px;
	margin-bottom: 18px;
}

.crt-post-card h2 { margin-top: 0; font-size: 22px; }
.crt-post-card h2 a { text-decoration: none; }
.crt-post-meta { font-size: 13px; color: var(--crt-muted); margin-bottom: 8px; }

.crt-readmore {
	display: inline-block;
	font-weight: 700;
	font-size: 15px;
	color: var(--crt-green);
	text-decoration: none;
	border-bottom: 2px solid var(--crt-amber);
}

/* Tables inside content */
.crt-content table { width: 100%; border-collapse: collapse; }
.crt-content table th, .crt-content table td { padding: 10px 12px; border: 1px solid var(--crt-line); text-align: left; }
.crt-content table th { background: var(--crt-paper); }

/* FAQ */
.crt-faq details {
	border: 1px solid var(--crt-line);
	border-radius: 10px;
	padding: 14px 18px;
	margin-bottom: 10px;
	background: var(--crt-white);
}

.crt-faq summary {
	font-weight: 700;
	cursor: pointer;
	color: var(--crt-green);
}

/* Footer */
.crt-footer {
	background: var(--crt-green);
	color: rgba(255, 255, 255, 0.85);
	margin-top: 20px;
	border-top: 4px solid var(--crt-amber);
}

.crt-footer-inner {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 32px;
	padding: 40px 0 28px;
}

.crt-footer h4 { color: var(--crt-white); margin: 0 0 12px; font-size: 16px; }
.crt-footer ul { list-style: none; margin: 0; padding: 0; }
.crt-footer li { margin-bottom: 8px; }
.crt-footer a { color: rgba(255, 255, 255, 0.85); text-decoration: none; font-size: 15px; }
.crt-footer a:hover { color: var(--crt-amber); }
.crt-footer p { font-size: 14px; }

.crt-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding: 16px 0;
	font-size: 13px;
	text-align: center;
}

/* Helpers used inside editable page content */
.crt-section-label {
	display: inline-block;
	background: var(--crt-amber);
	color: var(--crt-green-dark);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 99px;
	margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 860px) {
	.crt-footer-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
	.crt-menu-toggle { display: block; }
	.crt-nav { width: 100%; }
	.crt-nav ul {
		display: none;
		flex-direction: column;
		width: 100%;
		padding: 8px 0;
	}
	.crt-nav.is-open ul { display: flex; }
	.crt-header-inner { flex-wrap: wrap; }
}

@media (max-width: 560px) {
	.crt-footer-inner { grid-template-columns: 1fr; }
	body { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}