/*
Theme Name: Medina Edu Theme
Theme URI: https://medina-edu.org
Description: Дочерняя тема Kadence для проекта Medina Edu (визуальный стиль «Манускрипт»).
Author: AbduLlah Tuzov
Author URI: https://medina-edu.org
Template: kadence
Version: 1.2.0
*/

/* === ШРИФТЫ: PT Serif + PT Sans (латиница и кириллица) === */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&display=swap');

/* === 00. ЦВЕТОВЫЕ ТОКЕНЫ ============================== */
:root {
  /* --- из палитры Kadence (нумерация проверена по живому сайту) --- */
  --me-primary:   var(--global-palette1);   /* #266645 зелёный */
  --me-hover:     var(--global-palette2);   /* #104F32 hover */
  --me-accent:    var(--global-palette10);  /* #BA904C золото */
  --me-heading:   var(--global-palette3);   /* #1C2721 заголовки */
  --me-text:      var(--global-palette4);   /* #25312A текст */
  --me-muted:     var(--global-palette5);   /* #60655C вторичный */
  --me-border:    var(--global-palette6);   /* #DBD7CC рамки карточек */
  --me-bg-subtle: var(--global-palette7);   /* #E8E4DC заливки */
  --me-bg:        var(--global-palette8);   /* #F6F3EB фон страницы */
  --me-surface:   var(--global-palette9);   /* #FFFDF9 карточки */

  /* --- уведомления из палитры --- */
  --me-success:   var(--global-palette11);  /* #28725E */
  --me-info:      var(--global-palette12);  /* #246099 */
  --me-danger:    var(--global-palette13);  /* #893F21 */
  --me-warning:   var(--global-palette14);  /* #BF623D */

  /* --- чего в палитре нет --- */
  --me-green-tint:  #DBF2E4;  /* фон выносок, «наша миссия» */
  --me-green-edge:  #BCD9C7;  /* рамка выноски */
  --me-on-primary:  #F7F2E3;  /* текст на зелёном — не белый */
  --me-gold-tint:   #F9E9CE;  /* фон бейджа */
  --me-on-accent:   #3C2A0D;  /* текст внутри золотого бейджа */
  --me-clay:        #BF623D;  /* серия дней, внимание */
  --me-clay-tint:   #FFE3D3;
  --me-clay-text:   #893F21;  /* текст ошибки */
  --me-sage-line:   #C1C7B2;  /* декоративные линии у ромбов */

  /* --- фоны и границы страницы --- */
  --me-border-soft: #E1DED4;  /* граница шапки и секций */
  --me-bg-alt:      #F2EEE4;  /* чередующаяся секция */

  /* --- тёмные плашки --- */
  --me-dark-panel:    #1C372A;  /* блок AI-Му'аллима */
  --me-dark-footer:   #1E2D25;  /* подвал */
  --me-on-dark:       #D0CEC3;  /* текст на тёмном */
  --me-on-dark-dim:   #A6A59A;  /* описание на тёмном */
  --me-on-dark-label: #838173;  /* рубрики на тёмном */

  /* --- цвета дисциплин --- */
  --me-course-arab:   var(--me-primary);  /* Мединский курс */
  --me-course-tajwid: #2E715E;            /* Таджвид */
  --me-course-nahw:   #384F68;            /* Нахву и Сарф */

  /* --- тени --- */
  --me-shadow-card: 0 26px 46px -32px rgba(69, 74, 56, 0.55);
  --me-shadow-cta:  0 16px 36px -16px rgba(38, 102, 69, 0.65);

  /* --- семейства шрифтов --- */
  --me-font-serif: 'PT Serif', Georgia, serif;
  --me-font-sans:  'PT Sans', -apple-system, 'Segoe UI', sans-serif;
}

/* === 01. ТИПОГРАФИКА ================================== */
/* Основной текст — PT Sans вместо системного стека */
body.wp-theme-kadence,
body.wp-theme-kadence input,
body.wp-theme-kadence select,
body.wp-theme-kadence textarea {
  font-family: var(--me-font-sans);
}

/* Заголовки — PT Serif, как во всех эскизах */
.site h1, .site h2, .site h3, .site h4,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
  font-family: var(--me-font-serif);
  line-height: 1.2;
  letter-spacing: -0.3px;
}

/* h5/h6 остаются PT Sans — в эскизах мелкие подписи без засечек */
.site h5, .site h6 {
  font-family: var(--me-font-sans);
}

/* === 02. ФОН СТРАНИЦЫ ================================= */
/* Kadence в режиме unboxed заливает .site белым (palette9)
   поверх фона body — отключаем, чтобы был виден пергамент */
body.content-style-unboxed .site {
  background: transparent;
}

/* === 03. ШАПКА ======================================== */
#main-header {
  border-bottom: 1px solid var(--me-border-soft);
}

#main-header .site-container {
  max-width: 100%;
  padding-left: 56px;
  padding-right: 56px;
}

#main-header .header-navigation ul li a {
  font-size: 14px;
  padding: 9px 16px;
}

#main-header .header-navigation ul {
  gap: 8px;
}

#main-header .header-item-button-wrap .button,
#main-header .header-button {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 5px;
  margin-left: 8px;
}

/* Мобильная и планшетная шапка: убираем белый #FFFDF9,
   который остался в настройках для малых экранов */
@media all and (max-width: 1024px) {
  header#masthead,
  header#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
    background: var(--me-bg);
  }
  #mobile-header {
    border-bottom: 1px solid var(--me-border-soft);
  }
}

/* Кнопка «Войти» в мобильной шапке */
#mobile-header .mobile-header-button-wrap .mobile-header-button,
#mobile-header .header-mobile-button {
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 5px;
}

/* === 04. ФАКТУРА ПЕРГАМЕНТА =========================== */
.pz-parchment {
  background-color: var(--me-bg);
  background-image:
    repeating-linear-gradient( 45deg, rgba(38,102,69,0.05) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-45deg, rgba(38,102,69,0.05) 0 1px, transparent 1px 30px);
}

.pz-parchment-alt {
  background-color: var(--me-bg-alt);
  background-image:
    repeating-linear-gradient( 45deg, rgba(38,102,69,0.035) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(-45deg, rgba(38,102,69,0.035) 0 1px, transparent 1px 34px);
  border-top: 1px solid var(--me-border-soft);
  border-bottom: 1px solid var(--me-border-soft);
}

.pz-parchment-dark {
  background-color: var(--me-dark-panel);
  background-image:
    repeating-linear-gradient( 45deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 30px);
  color: var(--me-on-dark);
}

/* === 05. ПОДВАЛ (тёмный, по эскизу Landing v2) ======== */
/* Класс pz-footer-dark вешается в настройках подвала
   (Дополнительный класс CSS). Пока класс не назначен —
   блок безвреден и просто ждёт своего часа. */
.pz-footer-dark {
  background-color: var(--me-dark-footer);
  color: var(--me-on-dark);
}

.pz-footer-dark a {
  color: var(--me-on-dark);
}

.pz-footer-dark a:hover {
  color: var(--me-on-primary);
}

.pz-footer-dark .widget-title {
  font-family: var(--me-font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--me-on-dark-label);
  margin-bottom: 14px;
}

.pz-footer-dark .site-bottom-footer-inner-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}