@charset "utf-8";
/* ==========================================================================
   bgtel.tel - responsive fixes
   Добавен: 2026-11-13.  Зарежда се последен, след всички останали CSS.
   Цел: валидна CTA маркировка, без хоризонтален скрол, подреден футър
   на телефон / таблет / малък лаптоп. Не променя цветове и шрифтове.
   ========================================================================== */

/* 1. Предпазна мярка срещу хоризонтален скрол ----------------------------- */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100%; }

/* 2. CTA бутони ---------------------------------------------------------- */
.calltoaction-button,
a.calltoaction-button,
button.calltoaction-button {
	max-width: 100%;
	box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
	text-align: center;
	line-height: 1.3;
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/* еднакъв вид за <button> и <a> */
button.calltoaction-button {
	border: 1px solid #5590b1;
	background-color: #78b3d4;
}

/* 3. CTA секция (начална страница) --------------------------------------- */
.calltoaction { padding-left: 15px; padding-right: 15px; }
.calltoaction h2.home_titles {
	font-size: 19px;
	line-height: 1.4;
	margin: 0 0 24px;
}
.calltoaction p.text-center { margin-bottom: 0; }

/* 4. CTA бутони във футъра ---------------------------------------------- */
.footer ul.footer-cta { padding: 0; margin: 0; list-style: none; }
.footer ul.footer-cta li { padding: 0 0 8px; margin: 0; list-style: none; }
.footer ul.footer-cta .calltoaction-button {
	display: block;
	width: 100%;
	font-size: 14px;
	padding: 8px 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px -4px #222;
}
.footer ul.footer-cta .calltoaction-button i { font-size: 15px; padding-right: 4px; }

/* 5. CTA бутони в модала (Вход / Регистрация) ---------------------------- */
.remodal ul.modal-cta { padding: 0; margin: 0 0 10px; list-style: none; text-align: center; }
.remodal ul.modal-cta li { display: inline-block; margin: 0 3px 6px; list-style: none; }
.remodal ul.modal-cta .calltoaction-button { font-size: 16px; padding: 6px 16px; }

/* 6. Телефон (до 767px) -------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.calltoaction { padding-top: 25px; padding-bottom: 25px; }
	.calltoaction h2.home_titles { font-size: 17px; margin-bottom: 18px; }
	.calltoaction .calltoaction-button { font-size: 17px; padding: 10px 16px; }
	.footer { padding: 25px 0 10px; }
	.footer h2 { font-size: 15px; margin-bottom: 8px; }
	.footer .columns { margin-bottom: 18px; }
	.footer ul.footer-cta { max-width: 320px; margin: 0 auto; }
	.logo img { height: auto; }
}

/* 7. Таблет (641px - 1023px) -------------------------------------------- */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
	/* футърът става 2 x 2 вместо 4 тесни колони */
	.footer .row > .small-12.large-3.medium-3.columns { width: 50%; }
	.calltoaction h2.home_titles { font-size: 18px; }
	.calltoaction .calltoaction-button { font-size: 17px; padding: 8px 22px; }
}

/* 8. Малки лаптопи (960px - 1100px) ------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1100px) {
	.footer ul.footer-cta .calltoaction-button { font-size: 13px; padding: 8px 6px; }
}