/* ---------------------------------------------------------
           RESET & БАЗОВИ НАСТРОЙКИ
        --------------------------------------------------------- */
	.bulgarian-style {
		font-feature-settings: "ss01";
	}

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
        
	/* Основни стилове за тялото – фокус върху четливостта */
	body {
		background: #faf7f2;  /* мек, приятен фон за очите */
		font-family: 'BodyFont', 'Segoe UI', 'Roboto', 'Noto Sans', sans-serif;
		font-size: 1.45rem;
		line-height: 1.8rem;
		color: #1e2a2f;
		padding: 2rem 1rem;
	}

        /* Основен контейнер – една колона, адаптивна ширина, центриране */
	.book-container {
		max-width: 860px;
		margin: 0 auto;
		background: #ffffff;
		border-radius: 24px;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05);
		padding: 2rem 1.8rem 3.5rem 1.8rem;    /*  TOP, RIGHT, BOTTOM, LEFT  */
		position: relative;
		transition: opacity 0.3s ease;
	}

        /* ТАБЛИЦА НА СЪДЪРЖАНИЕТО (БУТОНИ) */
	.toc-section {
		margin: 1.5rem 0 2.5rem 0;      /*  TOP, RIGHT, BOTTOM, LEFT  */
		text-align: center;
	}
	.toc-title {
		font-family: 'TitleFont', 'Arial', sans-serif;
		font-size: 1.8rem;
		color: #2c3e2f;
		margin-bottom: 2rem;
		text-align: center;
	}
	.toc-buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
	}
	.toc-btn {
		display: inline-block;
		width: 90%;
		max-width: 720px;
		background: linear-gradient(135deg, #f0ebe1 0%, #e6ddcf 100%);
		border: none;
		border-radius: 40px;
		padding: 0.2rem 3rem;
		font-family: 'TitleFont', 'Arial', sans-serif;
		font-size: 1.4rem;
		color: #2c3e2f;
		text-align: left; 
		text-decoration: none;
		cursor: pointer;
		transition: all 0.25s ease;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
		line-height: 1.5rem;
	}
	.toc-btn:hover {
		background: linear-gradient(135deg, #e6ddcf 0%, #d9cebc 100%);
		transform: translateY(-2px);
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	}
	.toc-btn:active {
		transform: translateY(1px);
	}

        /* Общ стил за всички текстови блокове */
	.text-block {
		margin-bottom: 2.2rem;
		scroll-margin-top: 80px;
	}

        /* ОБЩИ СТИЛОВЕ ЗА БЛОКОВЕ С ИЗОБРАЖЕНИЯ */
	.image-block {
		margin: 2rem 0 2rem 0;
		text-align: center;  /* центриране на цялото съдържание в блока */
	}
        
        /* Общ стил за всички изображения в блоковете */
	.image-block img {
		display: inline-block;
		height: auto;
		border-radius: 18px;
	}
        
        /* Общ стил за всички надписи под изображения */
	.image-caption {
		margin-top: 0.1rem;  /* 0.8 */
		font-family: 'BodyFontItalic', 'Times New Roman', serif;
		font-size: 1.5rem;  /* 0.9 */
		text-align: center;
		line-height: 1.7rem;
		display: inline-block;  
		max-width: 80%;
	}
        
        /* Специално за къси надписи под изображения - Г.Л. и П.М. */
	.image-caption-alt {          
		font-family: 'BodyFontItalic';
		font-size: 1.5rem;
		line-height: 1.7rem;
		margin: -1.4rem auto;
		text-align: center;
	}

	/* ТИП 1: ГОЛЕМИ ИЗОБРАЖЕНИЯ (с lightbox и анимация) */
	.image-block.large-image img {
		max-width: 100%;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
		cursor: pointer;
		transition: transform 0.2s ease;
	}
	.image-block.large-image img:hover {
		transform: scale(1.01);
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
	}

	/* ТИП 2: МАЛКИ ИЗОБРАЖЕНИЯ (без lightbox, без анимация) */
	.image-block.small-image img {
		max-width: 720px;
		box-shadow: none;
		cursor: default;
		transition: none;
	}
	.image-block.small-image img:hover {
		transform: none;
		box-shadow: none;
	}

	/*  ТИП 3: КОРИЦА */
	.image-block.korica img {
		max-width: 860px;
		width: 100%;
		box-shadow: none;
		cursor: default;
		transition: none;
	}
	.image-block.korica img:hover {
		transform: none;
		box-shadow: none;
	}

	/* ЗАГЛАВИЯ  (всички нива) – центрирани */
	h1, h2, h3, h4, h5, h6,  .book-title, .chapter-title, .section-title  {
		font-family: 'TitleFont', 'Arial', sans-serif;
		text-align: center;
		margin: 0 0 1rem 0;
		line-height: 1.4;    
	}

	/* Специфични размери за заглавия (по избор, но красиви) */
	h1 { font-size: 1.8rem; text-align: center;}
	h2 { font-size: 1.8rem; text-align: center; }
	h3 { font-size: 1.6rem; text-align: center; margin-bottom: 1rem;}  
	h4 { font-size: 1.3rem; text-align: center;}

	/* Основен текст – подравнен (justify) и запазващ форматиране от Word */
	.book-text {
		max-width: 860px;
		width: 100%;
		font-family: 'BodyFont', 'Noto Serif', 'Times New Roman', serif;
		font-size: 1.45rem; /*  ВИСОЧИНА НА ШРИФТА  */
		text-align: justify;
		margin: 0 0 0 0;
		line-height: 1.8rem;  /* РАЗСТОЯНИЕ МЕЖДУ РЕДОВЕТЕ  */
	}
	
	/* Допълнителни класове за абзаци */
	.book-text p {
		margin-bottom: 0.6rem;  /* РАЗСТОЯНИЕ МЕЖДУ ПАРАГРАФИТЕ  */
		text-indent: 2em;     /* класически червен ред */
	}

	/* Разделителна линия между блоковете - дебела  */
	.divider {
		height: 10px;
		background: linear-gradient(to right, transparent, #dcd5c6, transparent);
		margin: 5rem 0 5rem 0;
	}

	/* Разделителна линия между блоковете - тънка */
	.dr {
		height: 5px;
		border: 0;
		background: linear-gradient(to right, transparent, #dcd5c6, transparent);
		margin: 6rem 0 1.5rem 0;
	}

	/*  LIGHTBOX (само за големи изображения) */
	.lightbox-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.92);
		backdrop-filter: blur(4px);
		z-index: 9999;
		display: none;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.lightbox-overlay.active {
		display: flex;
		opacity: 1;
	}
	.lightbox-image-container {
		max-width: 100vw;
		max-height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: auto;
		margin: 0rem;
	}
	.lightbox-image {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		object-fit: contain;
		border-radius: 12px;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
		transition: transform 0.2s;
		background: #1a1a1a;
	}

	/* Кликнете върху снимката... */
	.lightbox-info {
		color: rgba(255, 255, 255, 0.7);
		font-size: 1rem;
		margin-top: 0rem;
		margin-bottom: 0rem;
		font-family: 'TitleFont', 'Arial', sans-serif;
		text-align: center;
	}
        
	.table-title {
		font-family: 'BodyFont';
		font-size: 1.45rem;
		line-height: 1.8rem;  
		margin: 0 100px 0 100px;
		text-align: center;	
	}
	
	/* НЕВИДИМА ТАБЛИЦА С 3 КОЛОНИ  ЗА ДАРИТЕЛИТЕ */
	.donate-table {
		width: 640px;
		border-collapse: collapse;
		table-layout: fixed;
		margin: 0 auto;
	}
	.col-1 { 
		width: 7%; 
		text-align: right;
		vertical-align: top; 
	}
	.col-2 { 
		width: 78%; 
		text-align: left;
		padding-left: 0.5rem; 
	}
	.col-3 { 
		width: 15%; 
		text-align: right; 
		vertical-align: top; 
	}
	.donate-table th, .donate-table td {
		border: none;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	.donate-table tr:hover td {
		background-color: rgba(0, 0, 0, 0.04);
	}

	/* КУТИЯ ЗА ЦИТАТИТЕ НА ПЪРВА СТРАНИЦА */
	.box1 {
		box-sizing: content-box; 
		font-family: 'BodyFontItalic';
		font-size: 1.5rem;
		line-height: 1.8rem;
		padding: 0 0 0 7rem;
		border: none;
	}

	/* КУТИЯ ЗА ЦИТАТИТЕ НА КОЛЕДА */
	.box1A {
		box-sizing: content-box; 
		font-family: 'BodyFontItalic';
		font-size: 1.5rem;
		line-height: 1.8rem;
		padding: 0.6rem 0 1.4rem 3rem;
		border: none;
	}
	/* КУТИЯ ЗА ЦИТАТИТЕ ОТ КНИГАТА */
	.box1B {
		box-sizing: content-box; 
		font-family: 'BodyFontItalic';
		font-size: 1.5rem;
		line-height: 1.8rem;
		padding: 0.6rem 0rem 1.4rem 3rem;
		border: none;
	}
	/* КУТИЯ ЗА СПИСЪКА НА РАЗКАЗВАЧИТЕ */
	.box2 {
		box-sizing: content-box; 
		font-size: 1.45rem;
		line-height: 1.8rem;
		padding: 0 0 0 3rem;
		border: none;
	}
	/* КУТИЯ ЗА СТИХОВЕТЕ НА ЛЕНКОВ */
	.box3 {
		box-sizing: content-box; 
		font-size: 1.45rem;
		line-height: 1.8rem;
		padding: 0 0 0 14rem;  
		border: none;
	}
	/* КУТИЯ ЗА ЗАГЛАВИЯТА НА СТИХОВЕТЕ НА ЛЕНКОВ */
	.box3A {
		box-sizing: content-box; 
		font-family: 'TitleFont';
		font-size: 1.8rem;
		margin-bottom: 1rem;
		padding: 0 0 0 14rem;  
		border: none;
	}

	/* bold text */
	.bold-word {
		font-family: 'BodyFontBold';
	}

	/* Бутон нагоре */
	#backToTop {
		display: none;
		position: fixed;
		bottom: 50px;
		right: 50px;
		width: 80px;
		height: 80px;
		background-color: #e5dcd1;
		border: none;
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 0 4px 10px rgba(0,0,0,0.2);
		transition: all 0.3s ease;
		padding: 12px; 
		z-index: 1000;
	}
	#backToTop svg {
		fill: white;
		width: 100%;
		height: 100%;
	}
	#backToTop:hover {
		background-color: #ccbeaf;  
		transform: translateY(-5px); /* Леко повдигане при hover */
	}

	/*    FONT DEFINITIONS  */
	@font-face {
		font-family: 'BodyFont';
		src: url('fonts/Veleka-Regular.woff2') format('woff2');
		font-weight: normal;
		font-display: swap;
	}
	@font-face {
		font-family: 'BodyFontItalic';
		src: url('fonts/Veleka-Italic.woff2') format('woff2');
		font-weight: normal;
		font-display: swap;
	}
	@font-face {
		font-family: 'BodyFontBold';
		src: url('fonts/Veleka-Bold.woff2') format('woff2');
		font-weight: normal;
		font-display: swap;
	}
	@font-face {
		font-family: 'TitleFont';
		src: url('fonts/Repo-Medium.woff2') format('woff2');
		font-display: swap;
	}
	body, .book-text {
		font-family: 'BodyFont', 'BodyFontSerif', 'Noto Serif', serif;
	}
	h1, h2, h3, h4, .toc-btn, .toc-title, .back-to-top button, .lightbox-close-btn {
		font-family: 'TitleFont', 'Arial', sans-serif;
	}