/*
 * Theme Name:  Revision Child
 * Theme URI:   https://revision.codesupply.co/
 * Description: Revision Child Theme - Lottery Sambad (lotterysambadapp.com/blog)
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    revision
 * Version:     1.0.0
 */

/* Match lotterysambadapp.com: Plus Jakarta Sans, slate palette, blue #1e40af. */
html:root {
	--lsa-text: #1e293b;
	--lsa-muted: #475569;
	--lsa-muted-2: #64748b;
	--lsa-border: #e2e8f0;
	--lsa-bg: #f8fafc;
	--lsa-primary: #1e40af;
	--lsa-primary-hover: #1e3a8a;
	--lsa-green: #047857;
	--lsa-header: #1e293b;
	--lsa-font: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	--cs-font-base-family: var(--lsa-font);
	--cs-font-primary-family: var(--lsa-font);
	--cs-font-secondary-family: var(--lsa-font);
	--cs-font-headings-family: var(--lsa-font);
	--cs-font-section-headings-family: var(--lsa-font);
	--cs-font-post-title-family: var(--lsa-font);
	--cs-font-post-subtitle-family: var(--lsa-font);
	--cs-font-post-content-family: var(--lsa-font);
	--cs-font-entry-title-family: var(--lsa-font);
	--cs-font-entry-excerpt-family: var(--lsa-font);
	--cs-font-category-family: var(--lsa-font);
	--cs-font-post-meta-family: var(--lsa-font);
	--cs-font-input-family: var(--lsa-font);
	--cs-font-main-logo-family: var(--lsa-font);
	--cs-font-footer-logo-family: var(--lsa-font);
	--cs-font-menu-family: var(--lsa-font);
	--cs-font-submenu-family: var(--lsa-font);
	--cs-font-footer-menu-family: var(--lsa-font);
	--cs-font-footer-submenu-family: var(--lsa-font);
	--cs-font-headings-letter-spacing: -0.01em;
	--cs-font-entry-title-letter-spacing: -0.01em;
	--cs-font-post-title-letter-spacing: -0.02em;
	--cs-font-main-logo-letter-spacing: 0;
	--cs-font-main-logo-weight: 700;
	--cs-font-main-logo-size: 1.15rem;
	--cs-font-menu-weight: 500;
	--cs-font-menu-letter-spacing: 0;
	--cs-font-menu-text-transform: none;
	--cs-font-category-text-transform: none;
	--cs-font-category-letter-spacing: 0;
}

body {
	font-family: var(--lsa-font);
	color: var(--lsa-text);
}

/* Header: same dark slate bar as the main site. */
.cs-header,
.cs-header__inner,
.cs-header .cs-container {
	background-color: var(--lsa-header);
}
.cs-header {
	border-bottom: 0;
	box-shadow: none;
}
.cs-header .cs-logo,
.cs-header .cs-logo a,
.cs-header .cs-header__logo,
.cs-header__nav-inner > li > a,
.cs-header .cs-header__search-toggle,
.cs-header .cs-header__burger,
.cs-header .cs-header__offcanvas-toggle,
.cs-header .cs-header__scheme-toggle {
	color: #fff;
}
.cs-header__nav-inner > li > a {
	opacity: 0.85;
	font-size: 0.95rem;
}
.cs-header__nav-inner > li > a:hover,
.cs-header__nav-inner > li.current-menu-item > a {
	opacity: 1;
	color: #fff;
}

/* Buttons: solid brand blue instead of the theme gradient. */
.cs-button,
.cs-header__custom-button,
.wp-block-button__link,
.wp-element-button,
button[type='submit'],
input[type='submit'] {
	background: var(--lsa-primary) !important;
	color: #fff !important;
	border-radius: 6px;
	font-family: var(--lsa-font);
}
.cs-button:hover,
.cs-header__custom-button:hover,
.wp-block-button__link:hover,
button[type='submit']:hover,
input[type='submit']:hover {
	background: var(--lsa-primary-hover) !important;
}

a { color: inherit; }
.entry-content a:not(.wp-block-button__link) {
	color: var(--lsa-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.entry-content a:not(.wp-block-button__link):hover { color: var(--lsa-primary-hover); }
.cs-entry__title a,
.cs-entry__post-meta a,
.cs-entry__discover-more a,
.cs-meta-author a,
.cs-button { text-decoration: none; }
.cs-entry__title a:hover { color: var(--lsa-primary); }
.cs-header__custom-button,
.cs-header__button { white-space: nowrap; }

/* Category labels in brand green. */
.cs-entry__category a,
.cs-meta-category a,
.post-categories a {
	color: var(--lsa-green);
}

/* Tables: results-style. */
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}
.entry-content th,
.entry-content td {
	border: 1px solid var(--lsa-border);
	padding: 0.55rem 0.7rem;
	text-align: left;
}
.entry-content thead th {
	background: var(--lsa-bg);
	font-weight: 700;
}

/* Footer: dark slate like the main site, centred links + disclaimer. */
.cs-footer {
	background: var(--lsa-header);
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	margin-top: 3rem;
}
.cs-footer a,
.cs-footer .cs-footer__nav a,
.cs-footer .cs-footer__logo {
	color: rgba(255, 255, 255, 0.8);
}
.cs-footer a:hover { color: #fff; }
.cs-footer .cs-footer__desc,
.cs-footer .cs-footer__copyright {
	color: rgba(255, 255, 255, 0.7);
}
.lsa-disclaimer {
	max-width: 760px;
	margin: 0 auto;
	padding: 1rem 1.25rem 1.5rem;
	font-size: 0.8rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.65);
	background: var(--lsa-header);
	text-align: center;
}
.lsa-disclaimer-wrap { background: var(--lsa-header); }

/* Post-end disclaimer box (also used by the autopilot). */
.lsa-post-disclaimer {
	margin: 2rem 0 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--lsa-border);
	border-left: 4px solid var(--lsa-primary);
	border-radius: 6px;
	background: var(--lsa-bg);
	font-size: 0.9rem;
	color: var(--lsa-muted);
}

/* Footer layout: centred, sentence-case links, no divider line. */
.cs-footer,
.cs-footer__item,
.cs-footer__item-inner,
.cs-footer__item-inner-bottom { border-top: 0 !important; }
.cs-footer .cs-container::before,
.cs-footer__item::before { display: none !important; }
.cs-footer__item-inner { flex-direction: column; align-items: center; gap: 1rem; }
.cs-footer__col { width: 100%; max-width: 760px; margin: 0 auto; text-align: center; align-items: center; justify-content: center; }
html .cs-footer ul.cs-footer__nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem 1.5rem;
}
html .cs-footer ul.cs-footer__nav > li { display: inline-flex; line-height: 1.4; }
html .cs-footer ul.cs-footer__nav > li > a {
	max-width: none;
	color: rgba(255, 255, 255, 0.8);
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 500 !important;
	font-size: 0.95rem !important;
}
.cs-footer__item-inner-bottom { justify-content: center; text-align: center; }

/* Smaller post titles on phones (main site h1 is ~1.6rem on mobile). */
@media (max-width: 575.98px) {
	html:root { --cs-font-post-title-size: 2rem; }
	.cs-entry__header .cs-entry__title { font-size: 2rem; line-height: 1.2; }
}