/*
Theme Name:   Guru Creators
Theme URI:    https://gurupublishing.eu/
Description:  Child theme за Hello Elementor — дизайн система по Claudia Weiss. Работи заедно с плъгина Guru Creator Kit.
Author:       Guru Publishing
Author URI:   https://gurupublishing.eu/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  guru-creators
Tags:         elementor, dark, one-page
*/

/* ─── Дизайн токени (същите като плъгина) ────────────────────────── */

:root {
	--gck-accent: #9acbd6;
	--gck-accent-2: #5997ab;
	--gck-surface: #265c73;
	--gck-bg: #212429;
	--gck-text: rgba(255, 255, 255, 0.93);
	--gck-muted: rgba(255, 255, 255, 0.7);
	--gck-font-head: "Montserrat", sans-serif;
	--gck-font-body: "Inter", sans-serif;
	--gck-maxw: 1180px;
}

/* ─── База ───────────────────────────────────────────────────────── */

body {
	background: var(--gck-bg);
	color: var(--gck-text);
	font-family: var(--gck-font-body);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--gck-font-head);
	font-weight: 600;
	letter-spacing: 0.216em;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.25;
}

h1 { font-size: clamp(30px, 5vw, 70px); }
h2 { font-size: clamp(24px, 3.6vw, 48px); }
h3 { font-size: clamp(19px, 2.4vw, 30px); }

p {
	color: var(--gck-muted);
	margin: 0 0 1.1em;
}

a {
	color: var(--gck-accent);
	text-decoration: none;
	transition: color 0.25s ease;
}

a:hover { color: #fff; }

::selection {
	background: var(--gck-accent);
	color: var(--gck-bg);
}

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

/* ─── Elementor секции ───────────────────────────────────────────── */

.elementor-section.gck-section-surface,
.elementor-element.gck-section-surface {
	background-color: var(--gck-surface);
}

.elementor-section.gck-section-dark,
.elementor-element.gck-section-dark {
	background-color: var(--gck-bg);
}

/* Клас за секция с меко припокриващо се overlay като в оригинала */
.gck-overlay-soft::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, rgba(33, 36, 41, 0.55), rgba(38, 92, 115, 0.25) );
	pointer-events: none;
}

/* ─── Utility класове за Elementor (Advanced › CSS Classes) ──────── */

.gck-u-eyebrow {
	font-size: 13px !important;
	letter-spacing: 0.5em !important;
	text-transform: uppercase;
	color: var(--gck-accent) !important;
	font-weight: 600;
}

.gck-u-quiet {
	color: var(--gck-muted) !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	font-family: var(--gck-font-body) !important;
	font-weight: 400 !important;
}

.gck-u-narrow {
	max-width: 720px;
	margin-inline: auto;
}

.gck-u-divider {
	height: 1px;
	background: linear-gradient( to right, transparent, var(--gck-accent-2), transparent );
	border: 0;
	margin: 3rem 0;
}

/* Elementor бутон в стила на дизайна */
.elementor-button.gck-u-btn,
.gck-u-btn .elementor-button {
	background: transparent;
	border: 2px solid var(--gck-accent-2);
	border-radius: 999px;
	color: #fff;
	font-family: var(--gck-font-body);
	font-weight: 600;
	letter-spacing: 0.6em;
	text-transform: uppercase;
	padding: 18px 34px 18px 40px;
	transition: background-color 0.28s ease, border-color 0.28s ease;
}

.elementor-button.gck-u-btn:hover,
.gck-u-btn .elementor-button:hover {
	background: var(--gck-accent-2);
	border-color: var(--gck-accent);
}

/* ─── Създател — архив ───────────────────────────────────────────── */

.gck-archive {
	max-width: var(--gck-maxw);
	margin: 0 auto;
	padding: clamp(40px, 8vw, 110px) 20px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 32px;
}

.gck-archive__card {
	background: var(--gck-surface);
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: transform 0.3s ease;
}

.gck-archive__card:hover { transform: translateY(-4px); }

.gck-archive__card img {
	display: block;
	width: 100%;
	height: 280px;
	object-fit: cover;
}

.gck-archive__meta {
	padding: 24px;
}

.gck-archive__meta h2 {
	font-size: 18px;
	margin: 0 0 0.4em;
}

.gck-archive__meta p {
	font-size: 14px;
	margin: 0;
}

/* ─── Достъпност ─────────────────────────────────────────────────── */

:focus-visible {
	outline: 2px solid var(--gck-accent);
	outline-offset: 3px;
}

.screen-reader-text {
	position: absolute !important;
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	overflow: hidden;
}