/* ===================================================================================

* Theme Name: Bitrader Child
* Theme URI: https://bitrader.thetork.com/
* Author: Alex Roller
* Description: Bitrader - Crypto, Stock and Forex Trading WordPress Theme
* Version: 1.2
* Template: bitrader
* License: GNU General Public License version 3.0

====================================================================================== */

/* --- BLOG TAG SECTIONS --- */
/* Styling for FXPIP and FOREX blog sections */
.blog-section-fxpip,
.blog-section-forex {
    margin-bottom: 60px;
}

.blog-section-fxpip .section-header,
.blog-section-forex .section-header {
    border-bottom: 3px solid #00D094;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.blog-section-fxpip .section-title {
    color: #00D094;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-section-forex .section-title {
    color: #0693e3;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-section-forex .section-header {
    border-bottom-color: #0693e3;
}

/* Pagination horizontal layout */
.blog-section-fxpip .paginations .pagination-list,
.blog-section-forex .paginations .pagination-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.blog-section-fxpip .paginations .pagination-list li,
.blog-section-forex .paginations .pagination-list li {
    display: inline-block;
    margin: 0;
}

/* --- Neon Menu Effects --- */

/* Base transitions for menu links */
.menu-area .main-menu li a.nav-links,
.menu-area .main-menu li a.dropdown-items {
    border: 2px solid transparent !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 10px !important;
    padding: 10px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Neon Glow (Hover & Active) */
.menu-area .main-menu li a.nav-links:hover,
.menu-area .main-menu li a.dropdown-items:hover,
.menu-area .main-menu li.current-menu-item>a,
.menu-area .main-menu li.current_page_item>a,
.menu-area .main-menu li.current-menu-ancestor>a,
.menu-area .main-menu li.current_page_ancestor>a,
.menu-area .main-menu li.current_page_parent>a {
    border-color: #00FF9D !important;
    box-shadow: 0 0 6px rgba(0, 255, 157, 0.45), 0 0 12px rgba(0, 255, 157, 0.25) !important;
    color: #00FF9D !important;
    text-shadow: 0 0 3px rgba(0, 255, 157, 0.25) !important;
    background: rgba(30, 30, 30, 0.8) !important;
}

/* Mobile & Tablet Fixes (< 1200px) */
@media (max-width: 1199px) {
    .menu-area .main-menu li .sub-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        transform: none !important;
        box-shadow: none !important;
        background: rgba(255, 255, 255, 0.02) !important;
        padding-left: 25px !important;
        border: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .menu-area .main-menu li .sub-menu li a {
        padding: 8px 15px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    }
}

/* --- Global Link Styling (Body Text Only) --- */

/* Target only standard text links, excluding buttons and menu */
.main-area p a:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.main-area li a:not(.nav-links):not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.elementor-widget-text-editor a:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.blog-details-content .post-text a:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.main-area a:not(.trk-btn):not(.nav-links):not(.dropdown-items):not(.elementor-button):not([class*="btn"]):not([class*="button"]) {
    color: #00D094 !important;
    text-decoration: underline !important;
    text-decoration-color: #00D094 !important;
    transition: all 0.3s ease !important;
}

.main-area p a:hover:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.main-area li a:not(.nav-links):hover:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.elementor-widget-text-editor a:hover:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.blog-details-content .post-text a:hover:not(.elementor-button):not([class*="btn"]):not([class*="button"]),
.main-area a:not(.trk-btn):not(.nav-links):not(.dropdown-items):hover:not(.elementor-button):not([class*="btn"]):not([class*="button"]) {
    color: #00FF9D !important;
    text-decoration-color: #00FF9D !important;
    opacity: 0.8 !important;
}

/* 
   FORCE BUTTON RESET: 
   This ensures that any element with a button class NEVER inherits 
   the green color or underline from our global rules.
*/
.main-area a[class*="btn"],
.main-area a[class*="button"],
.main-area a.elementor-button,
.main-area a.trk-btn {
    text-decoration: none !important;
    color: inherit;
}


\n\n
/* 2. Принудительно возвращаем цвета WordPress для популярных пресетов */
/* Используем два класса (.wp-block-button__link.класс), чтобы точно выиграть у темы */

.wp-block-button__link.has-vivid-red-background-color {
    background-color: #cf2e2e !important;
}

.wp-block-button__link.has-vivid-cyan-blue-background-color {
    background-color: #0693e3 !important;
}

.wp-block-button__link.has-vivid-green-cyan-background-color {
    background-color: #00d084 !important;
}

.wp-block-button__link.has-pale-pink-background-color {
    background-color: #f78da7 !important;
}

.wp-block-button__link.has-luminous-vivid-orange-background-color {
    background-color: #ff6900 !important;
}

.wp-block-button__link.has-luminous-vivid-amber-background-color {
    background-color: #fcb900 !important;
}

\n\n
/* --- ULTIMATE BUTTON FIX (KILL ALL GREEN INDISCRIMINATELY) --- */

/* 1. Глобальный сброс для ВСЕХ кнопок на сайте (используем максимальную специфичность html body) */
html body .wp-block-button__link,
html body .wp-block-button .wp-block-button__link,
html body .wp-element-button,
html body .btn,
html body button:not(.menu-toggle),
html body input[type="submit"] {
    background-color: #333 !important;
    background: #333 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 2. ВОЗВРАЩАЕМ ЦВЕТА ДЛЯ ЦВЕТНЫХ КНОПОК (Telegram, Youtube и др.) */
/* Чтобы эти правила работали, они ДОЛЖНЫ быть ниже в файле и иметь такую же специфичность */

html body .wp-block-button__link.has-vivid-red-background-color,
html body .wp-block-button__link.has-vivid-red-background-color:hover {
    background-color: #cf2e2e !important;
    background: #cf2e2e !important;
}

html body .wp-block-button__link.has-vivid-cyan-blue-background-color,
html body .wp-block-button__link.has-vivid-cyan-blue-background-color:hover {
    background-color: #0693e3 !important;
    background: #0693e3 !important;
}

html body .wp-block-button__link.has-vivid-green-cyan-background-color,
html body .wp-block-button__link.has-vivid-green-cyan-background-color:hover {
    background-color: #00d084 !important;
    background: #00d084 !important;
}

html body .wp-block-button__link.has-luminous-vivid-orange-background-color,
html body .wp-block-button__link.has-luminous-vivid-orange-background-color:hover {
    background-color: #ff6900 !important;
    background: #ff6900 !important;
}

html body .wp-block-button__link.has-luminous-vivid-amber-background-color,
html body .wp-block-button__link.has-luminous-vivid-amber-background-color:hover {
    background-color: #fcb900 !important;
    background: #fcb900 !important;
}

html body .wp-block-button__link.has-pale-pink-background-color,
html body .wp-block-button__link.has-pale-pink-background-color:hover {
    background-color: #f78da7 !important;
    background: #f78da7 !important;
}

/* 3. Фикс для ховера (чтобы не становились зелеными при наведении) */
html body .wp-block-button__link:hover,
html body .wp-element-button:hover {
    filter: brightness(1.2);
    color: #fff !important;
}

/* --- УСТРАНЕНИЕ ДУБЛИРОВАНИЯ ОТЗЫВОВ НА ГЛАВНОЙ --- */
/* Скрываем стандартную секцию комментариев темы, оставляя только блок Gutenberg */
.home #comments {
    display: none !important;
}

/* --- WP ADMIN BAR PROTECTION --- */
/* 
   Защита от JS-скриптов темы, которые могут сдвигать меню.
   Ограничиваем только элементами внутри панели админки.
*/
#wpadminbar,
#wpadminbar * {
    color: #eee !important;
    text-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

#wpadminbar .ab-item:hover,
#wpadminbar a:hover,
#wpadminbar li:hover>.ab-item {
    color: #fff !important;
    background: #222 !important;
}

/* Принудительный отступ ТОЛЬКО на фронтенде (если body НЕ имеет класса .wp-admin) */
body:not(.wp-admin).admin-bar {
    padding-top: 0px !important;
    /* Убираем лишние зазоры */
}

/* Фикс для иконок на ховере */
#wpadminbar .ab-icon:before,
#wpadminbar .dashicons-before:before {
    color: inherit !important;
}

/* 
   FIX FOR DISAPPEARING SUBMENU:
   Creates a transparent "bridge" above the submenu so the hover doesn't break
   when the mouse moves across the gap between the main link and the dropdown.
*/
.menu-area .main-menu li .sub-menu::before {
    content: "";
    position: absolute;
    top: -30px; /* Высота мостика, перекрывающая зазор */
    left: 0;
    width: 100%;
    height: 30px;
    background: transparent;
}