/*
Theme Name:   PAM Academy – платформа
Description:  Child тема на Hello Elementor за платформата с уроци. Пренася стила на pamacademy.eu (Poppins, тъмносиньо, оранжево, златисто) върху Elementor и Tutor LMS.
Template:     hello-elementor
Version:      1.0.1
Author:       Plamena Georgieva
Text Domain:  pam-academy-child
*/

/* ================================================================
   1. ЦВЕТОВЕ И ШРИФТ (взети от pamacademy.eu)
   ================================================================ */
:root {
	--pam-navy:        #0D3B66;  /* заглавия, основен цвят */
	--pam-navy-dark:   #002147;  /* H1, hover */
	--pam-navy-deep:   #001529;  /* край на градиента */
	--pam-steel:       #294A70;  /* лента с менюто, футър */
	--pam-orange:      #F4A024;  /* бутони, връзки */
	--pam-gold:        #F4D35E;  /* подчертаване, заглавия на тъмен фон */
	--pam-gold-dark:   #D4AF37;  /* подзаглавие „Математическа школа“ */
	--pam-text:        #2C3E50;  /* основен текст */
	--pam-muted:       #6F7380;  /* второстепенен текст */
	--pam-sky-1:       #E0F2FE;  /* светлосин фон (CTA блок) */
	--pam-sky-2:       #BAE6FD;
	--pam-radius:      12px;
	--pam-font:        "Poppins", sans-serif;

	/* Кутиите от плъгина Math Tools – в цветовете на школата */
	--mt-definition:   var(--pam-navy);
	--mt-formula:      #0369A1;
	--mt-example:      #15803D;
	--mt-mistake:      #C0392B;
	--mt-tip:          #B45309;
}

/* Tutor LMS чете тези променливи за бутони, прогрес и активни елементи */
body {
	--tutor-color-primary:       var(--pam-navy);
	--tutor-color-primary-rgb:   13, 59, 102;
	--tutor-color-primary-hover: var(--pam-navy-dark);

	font-family: var(--pam-font);
	color: var(--pam-text);
	background: #fff;
}

/* ================================================================
   2. ТИПОГРАФИЯ
   ================================================================ */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--pam-font);
	color: var(--pam-navy);
	font-weight: 700;
	line-height: 1.3;
}
h1 { color: var(--pam-navy-dark); }

a { color: var(--pam-orange); }
a:hover, a:focus { color: var(--pam-navy); }

/* H2 в уроците и страниците – със златна линия отдолу, както на основния сайт */
.page-content h2,
.elementor-widget-text-editor h2,
[class*="tutor-lesson"] h2,
[class*="tutor-course-topic"] h2,
.pam-underline {
	display: inline-block;
	padding-bottom: 0.25em;
	border-bottom: 3px solid var(--pam-gold);
}

/* По-четим текст в самите уроци (основният сайт е 14px – за учене е малко) */
[class*="tutor-lesson"] .tutor-fs-6,
[class*="tutor-course-topic-single-body"],
[class*="tutor-lesson-content"] {
	font-size: 17px;
	line-height: 1.7;
	color: var(--pam-text);
}

/* ================================================================
   3. ХЕДЪР И ФУТЪР НА HELLO ELEMENTOR
   (Настройки → Site Settings → Hello Theme Header / Footer)
   ================================================================ */
.site-header {
	background: #fff;
	border-bottom: 4px solid var(--pam-steel);
}
.site-header .site-title a,
.site-header .site-title {
	color: var(--pam-gold-dark);
	font-weight: 600;
}
.site-header .site-description {
	color: var(--pam-gold-dark);
	font-size: 12px;
}
.site-header .site-navigation ul.menu li a {
	color: var(--pam-navy);
	font-weight: 500;
}
.site-header .site-navigation ul.menu li a:hover,
.site-header .site-navigation ul.menu li.current-menu-item > a {
	color: var(--pam-orange);
}
.site-header .site-navigation-toggle {
	background: var(--pam-steel);
	color: #fff;
	border-radius: 6px;
}

.site-footer {
	background: var(--pam-steel);
	color: #fff;
}
.site-footer a,
.site-footer .site-title a { color: #fff; }
.site-footer a:hover { color: var(--pam-gold); }

/* ================================================================
   4. БУТОНИ
   ================================================================ */
.elementor-button,
.tutor-btn.tutor-btn-primary,
.wp-block-button__link,
button[type="submit"],
input[type="submit"] {
	font-family: var(--pam-font);
	font-weight: 600;
	background-color: var(--pam-orange);
	border: 2px solid var(--pam-orange);
	color: #fff;
	border-radius: 25px;
	transition: background-color .15s ease, border-color .15s ease;
}
.elementor-button:hover,
.tutor-btn.tutor-btn-primary:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: var(--pam-navy);
	border-color: var(--pam-navy);
	color: #fff;
}

/* Втори бутон (контур) */
.tutor-btn.tutor-btn-outline-primary,
.elementor-button.pam-btn-outline {
	background: transparent;
	border: 2px solid var(--pam-navy);
	color: var(--pam-navy);
	border-radius: 25px;
}
.tutor-btn.tutor-btn-outline-primary:hover,
.elementor-button.pam-btn-outline:hover {
	background: var(--pam-navy);
	color: #fff;
}

/* ================================================================
   5. БЛОКОВЕ ЗА ELEMENTOR, КАТО НА ОСНОВНИЯ САЙТ
   Използване: избирате секция/контейнер → Advanced → CSS Classes
   ================================================================ */

/* pam-hero – тъмносин блок с преливане и златно заглавие */
.pam-hero,
.e-con.pam-hero {
	background: linear-gradient(135deg, var(--pam-navy) 0%, var(--pam-navy-deep) 100%);
	border-radius: var(--pam-radius);
	color: #fff;
	padding: 48px 32px;
}
.pam-hero h1, .pam-hero h2, .pam-hero h3,
.pam-hero .elementor-widget-heading .elementor-heading-title {
	color: var(--pam-gold);
}
.pam-hero p,
.pam-hero .elementor-widget-text-editor,
.pam-hero .elementor-widget-text-editor p {
	color: #fff;
}

/* pam-cta – светлосин блок с призив („Готови ли сте…“) */
.pam-cta,
.e-con.pam-cta {
	background: linear-gradient(135deg, var(--pam-sky-1) 0%, var(--pam-sky-2) 100%);
	border-radius: var(--pam-radius);
	padding: 40px 32px;
}
.pam-cta .elementor-widget-heading .elementor-heading-title { color: var(--pam-navy); }
.pam-cta .elementor-widget-button .elementor-button {
	background: var(--pam-navy);
	border-color: var(--pam-navy);
	border-radius: 6px;
}
.pam-cta .elementor-widget-button .elementor-button:hover {
	background: var(--pam-orange);
	border-color: var(--pam-orange);
}

/* pam-card – бяла карта с лек контур (за класове, теми, предимства) */
.pam-card,
.e-con.pam-card {
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: var(--pam-radius);
	box-shadow: 0 4px 14px rgba(13, 59, 102, .07);
	padding: 24px;
	transition: transform .15s ease, box-shadow .15s ease;
}
.pam-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(13, 59, 102, .12);
}
.pam-card .elementor-widget-heading .elementor-heading-title { color: var(--pam-navy); }

/* На телефон – по-малки отстъпи */
@media (max-width: 767px) {
	.pam-hero, .e-con.pam-hero { padding: 32px 20px; }
	.pam-cta,  .e-con.pam-cta  { padding: 28px 20px; }
}

/* ================================================================
   6. TUTOR LMS
   ================================================================ */

/* Карти на курсовете */
.tutor-course-card,
.tutor-card {
	border-radius: var(--pam-radius);
	border-color: #E2E8F0;
	overflow: hidden;
}
.tutor-course-name a,
.tutor-course-card .tutor-course-name { color: var(--pam-navy); }
.tutor-course-name a:hover { color: var(--pam-orange); }

/* Прогрес лента – оранжева, както акцентът на сайта */
.tutor-progress-bar .tutor-progress-value,
.tutor-progress-value {
	background-color: var(--pam-orange);
}

/* Лентата с темите и уроците отляво (spotlight режим) */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-title,
.tutor-accordion-item-header {
	color: var(--pam-navy);
	font-weight: 600;
}
.tutor-course-topic-item.is-active > a,
.tutor-course-topic-item.is-active {
	background-color: rgba(244, 160, 36, .12);
	border-left: 3px solid var(--pam-orange);
}

/* Горната лента на урока */
.tutor-course-topic-single-header {
	background: var(--pam-steel);
	color: #fff;
}
.tutor-course-topic-single-header a,
.tutor-course-topic-single-header .tutor-iconic-btn { color: #fff; }

/* Съобщение „Абонирай се, за да отключиш урока“ */
.tutor-course-single-content-wrapper .tutor-alert,
.tutor-alert.tutor-warning {
	border-radius: var(--pam-radius);
}

/* ================================================================
   7. ТЕЛЕФОН
   ================================================================ */
@media (max-width: 767px) {
	[class*="tutor-lesson"] .tutor-fs-6,
	[class*="tutor-course-topic-single-body"],
	[class*="tutor-lesson-content"] { font-size: 16px; }
	h1 { font-size: 1.7rem; }
	h2 { font-size: 1.4rem; }
}