/*
Theme Name: ChechenAuto Child L
Theme URI: https://chechenauto.com/
Description: Child theme for Twenty Twelve. Custom home page for ChechenAuto.com.
Author: ChechenAuto.com
Template: twentytwelve
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chechenauto-light
*/

/* =========================================================
   ChechenAuto Child Light
   Clean visual polish for Twenty Twelve
   ========================================================= */

/* =========================================================
   Theme variables
   ========================================================= */
:root {
	--site-bg: #f7f4ef;
	--site-surface: #ffffff;
	--site-text: #232323;
	--site-text-muted: #645f59;
	--site-border: #ddd6cc;
	--site-link: #6f655b;
	--site-link-hover: #7f5228;
}

html {
	color-scheme: light;
}

/* =========================================================
   Base layout
   ========================================================= */
body {
	background: var(--site-bg);
	color: var(--site-text);
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.site {
	max-width: 1120px;
	margin: 24px auto;
	background: var(--site-surface);
	border: 1px solid var(--site-border);
}

.site-header,
.site-footer {
	background: var(--site-surface);
	color: var(--site-text);
}

.entry-content,
.page-content,
.comments-area,
.comment-respond {
	background: var(--site-surface);
}

.entry-content {
	line-height: 1.75;
}

article.hentry {
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--site-border);
}

.widget-area .widget {
	margin-bottom: 24px;
	padding: 16px;
	background: var(--site-surface);
	border: 1px solid var(--site-border);
}

/* =========================================================
   Typography
   ========================================================= */
.site-title,
.widget-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-header .entry-title {
	color: var(--site-text);
}

.site-description,
.entry-meta,
.comment-meta,
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget,
caption {
	color: var(--site-text-muted);
}

/* =========================================================
   Links
   ========================================================= */
.entry-content a,
.entry-content a:visited,
.comment-content a,
.comment-content a:visited,
.widget-area .widget a,
.widget-area .widget a:visited,
.site-content a,
.site-content a:visited,
.site-footer a,
.site-footer a:visited {
	color: var(--site-link);
	text-decoration: underline;
}

.entry-content a:hover,
.entry-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.widget-area .widget a:hover,
.widget-area .widget a:focus,
.site-content a:hover,
.site-content a:focus,
.site-footer a:hover,
.site-footer a:focus {
	color: var(--site-link-hover);
	text-decoration: underline;
}

.site-title a,
.site-title a:visited,
.entry-title a,
.entry-title a:visited,
.main-navigation a,
.main-navigation a:visited {
	color: var(--site-link);
	text-decoration: none;
}

.site-title a:hover,
.site-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation li a:hover,
.main-navigation li a:focus {
	color: var(--site-link-hover);
	text-decoration: none;
}

/* =========================================================
   Navigation
   ========================================================= */
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-top-color: var(--site-border);
	border-bottom-color: var(--site-border);
}

/* =========================================================
   Forms and elements
   ========================================================= */
input,
textarea,
select,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: var(--site-surface);
	color: var(--site-text);
	border: 1px solid var(--site-border);
}

pre,
code,
tt,
kbd,
samp {
	background: var(--site-surface);
	color: var(--site-text);
	border: 1px solid var(--site-border);
}

table,
th,
td {
	color: var(--site-text);
	border-color: var(--site-border);
}

hr {
	height: 1px;
	border: 0;
	background-color: var(--site-border);
}

/* =========================================================
   Front page cards
   ========================================================= */
.front-card {
	display: block !important;
	background: var(--site-surface) !important;
	border: 1px solid var(--site-border) !important;
	border-radius: 6px !important;
	padding: 12px !important;
}

.front-card.has-thumb {
	display: grid !important;
	grid-template-columns: 150px 1fr !important;
	gap: 12px !important;
	align-items: start !important;
}

.front-card__title,
.front-card__title a,
.front-card__title a:visited,
.front-card__title a:active {
	color: var(--site-text) !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

.front-card__title a:hover,
.front-card__title a:focus,
.front-card:hover .front-card__title a,
.front-card:focus-within .front-card__title a {
	color: var(--site-link-hover) !important;
	text-decoration: none !important;
}

.front-card p,
.front-card__excerpt,
.front-card__excerpt p,
.front-card__meta {
	color: var(--site-text-muted) !important;
	opacity: 1 !important;
}

.front-card__thumb {
	display: block !important;
	width: 150px !important;
	margin: 0 !important;
	line-height: 0 !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	background: var(--site-surface) !important;
}

.front-card__thumb img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 0 !important;
}

.front-card__body {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.front-card__header,
.front-card__excerpt,
.front-card__excerpt p,
.front-card__title,
.front-card__meta {
	margin-top: 0 !important;
}

.front-card__excerpt p:last-child {
	margin-bottom: 0 !important;
}

/* =========================================================
   Editor picks
   ========================================================= */
.editor-picks__card-title,
.editor-picks__card-title a,
.editor-picks__card-title a:visited {
	color: var(--site-text) !important;
	text-decoration: none !important;
}

.editor-picks__card-title a:hover,
.editor-picks__card-title a:focus,
.editor-picks__card:hover .editor-picks__card-title a,
.editor-picks__card:focus-within .editor-picks__card-title a {
	color: var(--site-link-hover) !important;
	text-decoration: none !important;
}

/* =========================================================
   Footer
   ========================================================= */
footer[role="contentinfo"] a:hover,
footer[role="contentinfo"] a:focus {
	color: var(--site-link-hover) !important;
	text-decoration: none !important;
}