/*
 * Theme Name: Scubo
 * Author: template_path
 * Author URI: https://themeforest.net/user/template_path
 * Theme URI: https://z.commonsupport.com/scubo/
 * Description: This is Scuba Diving & Tranning WordPress Theme.
 * Version: 1.0
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: scubo
 * Tested up to: 5.8
 * Requires PHP: 7.2
*/

/* ─────────────────────────────────────────────────────────────
   ОРИГИНАЛЬНЫЕ СТИЛИ ТЕМЫ (без изменений)
   ──────────────────────────────────────────────────────────── */

:root {
	--thm-font: 'Barlow Condensed', sans-serif;
	--heading-font: 'Ubuntu', sans-serif;
	--thm-base: #3b91e1;
	--thm-base-rgb: 59, 145, 225;
	--thm-primary: #ffd701;
	--thm-black: #051b35;
	--thm-black-rgb: 5, 27, 53;
	--thm-gray: #edf2f5;
}

.wp-caption       { margin-bottom: 2px; }
.wp-caption-text  { margin-bottom: 5px; }
.screen-reader-text { margin-bottom: 12px; }
.gallery-caption  { margin-bottom: 2px; }
.bypostauthor     { margin-bottom: 2px; }

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
}
.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
}
.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i { right: 27px; }

.mycustom-pricing { background-color: #090909 !important; }

.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}
.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}

.news-block-two .inner-box .image-box .post-date a { color: #fff !important; }

.mrindex { padding-top: 100px; }

.mrwidget { /* margin-left: 10px; padding: 30px; */ }

.header-upper .upper-info .info-list li { display: none; }

.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
	font-family: 'Font Awesome 5 Free' !important;
}

.weprovide-section .left-column .video-inner a:after,
.weprovide-section .left-column .video-inner a:before { border-radius: 50% !important; }
.weprovide-section .left-column .video-inner a       { border-radius: 50% !important; }

.main-footer .widget-title {
	padding-top: 50px;
	color: #fff;
	font-size: 20px;
	padding-bottom: 20px;
}

.footer-widget .sub-menu { padding-left: 0 !important; }
.footer-widget ul         { padding-left: 0 !important; }

.wp-style table tbody tr th a { font-weight: 400; }

.st-comment-item .trackback.comment,
.st-comment-item .pingback.comment { padding-left: 0; }
.st-comment-item                   { padding-left: 0 !important; }
.st-comment-item .comment          { padding-left: 120px; }

.paginate_links .post-page-numbers {
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #e3e9ec;
	padding: 8px 18.5px;
	transition: all .4s ease;
}
.paginate_links .post-page-numbers:hover,
.paginate_links .current {
	color: #fff;
	background-color: var(--thm-primary);
	border-color: var(--thm-primary);
	font-size: 18px;
	font-weight: 500;
	border-style: solid;
	border-width: 1px;
	padding: 8px 18.5px;
	transition: all .4s ease;
}

.feature-one__single { margin-bottom: 30px; }


/* ═══════════════════════════════════════════════════════════════
   FLYBOARD PHUKET — ИСПРАВЛЕНИЯ
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. ЛОГОТИП — увеличить с 50px до нормального размера
   ──────────────────────────────────────────────────────────── */
.logo-box a img,
.logo-box img {
	width: 140px !important;
	height: auto !important;
	max-height: 60px;
	object-fit: contain;
}

/* ─────────────────────────────────────────────────────────────
   2. ELEMENTOR e-con-boxed — padding применяется к .e-con-inner
   а не к внешнему контейнеру. Именно поэтому не работало.
   ──────────────────────────────────────────────────────────── */

.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: unset;
}

/* Reviews */
.elementor-element-138a7f5 > .e-con-inner {
    padding-top:    60px !important;
    padding-bottom: 60px !important;
    padding-left:   20px !important;
    padding-right:  20px !important;
}

/* FAQ */
.elementor-element-b3a3b5d > .e-con-inner {
    padding-top:    60px !important;
    padding-bottom: 60px !important;
    padding-left:   20px !important;
    padding-right:  20px !important;
}

@media (max-width: 768px) {
    .elementor-element-138a7f5 > .e-con-inner,
    .elementor-element-b3a3b5d > .e-con-inner {
        padding-top:    40px !important;
        padding-bottom: 40px !important;
        padding-left:   16px !important;
        padding-right:  16px !important;
    }
}

/* ─────────────────────────────────────────────────────────────
   3. КАРУСЕЛЬ КУРСОВ — включить точки навигации
   (до замены на статичную сетку)
   ──────────────────────────────────────────────────────────── */
.course-one__carousel .owl-dots {
	display: flex !important;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
}
.course-one__carousel .owl-dot span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	display: block;
	transition: background .2s, transform .2s;
}
.course-one__carousel .owl-dot.active span {
	background: var(--thm-base);
	transform: scale(1.3);
}

/* ─────────────────────────────────────────────────────────────
   4. CTA КНОПКА В ГЕРОЕ — усилить визуально
   ──────────────────────────────────────────────────────────── */
.slider-one__content .thm-btn {
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 16px 36px !important;
	background: #25D366 !important;
	border-color: #25D366 !important;
	letter-spacing: .02em;
	transition: background .2s, transform .15s !important;
}
.slider-one__content .thm-btn:hover {
	background: #1ebe5d !important;
	border-color: #1ebe5d !important;
	transform: translateY(-2px);
}

/* ─────────────────────────────────────────────────────────────
   5. КНОПКА "send message" → выровнять стиль
   ──────────────────────────────────────────────────────────── */
.video-two__btn {
	text-transform: none !important;
	font-weight: 600 !important;
	letter-spacing: .01em !important;
}

/* ─────────────────────────────────────────────────────────────
   6. ДУБЛИРОВАННЫЙ NAV — скрыть clone пока не прилип
   (настоящее решение — убрать дубль в PHP,
    это страховка чтобы он не мелькал)
   ──────────────────────────────────────────────────────────── */
.main-nav-one.stricky:not(.stricked-menu) {
	position: relative;
}
.main-nav-one.stricked-menu:not(.stricked) {
	visibility: hidden;
	pointer-events: none;
	position: fixed;
}
.main-nav-one.stricked-menu.stricked {
	visibility: visible;
	pointer-events: auto;
}

/* ─────────────────────────────────────────────────────────────
   7. FOOTER — базовые улучшения
   ──────────────────────────────────────────────────────────── */
.site-footer-one {
	padding-top: 48px !important;
}
.site-footer-one .footer-widget__inner p {
	font-size: 13px;
	line-height: 1.6;
}

/* ─────────────────────────────────────────────────────────────
   8. АДАПТИВ — отступ снизу для sticky WhatsApp кнопки
   (добавляется через functions.php)
   ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
	body {
		padding-bottom: 58px; /* высота sticky кнопки */
	}
}