/*
Theme Name: DelovoBlake Clean
Theme URI: https://www.delovoblake.ru/
Author: Delovoblake (fork of ModelTheme HostCluster)
Description: Clean fork of HostCluster for delovoblake.ru — same design, CSS/JS diet: theme-duplicate js_composer.css and animate.css removed (plugin copies stay), non-critical CSS async. WPBakery + Redux + ModelTheme supported.
Version: 1.0.0
Text Domain: hostcluster
Tags: fluid-layout, custom-header, custom-menu, featured-images, post-formats, sticky-post
*/

/* =Theme customization (ported from hostcluster-child) ================== */

.grecaptcha-badge { /* Сносим значок рекапчи */
    visibility: hidden;
}

#sticky-wrapper {
        display: none;
    }

/* Убираем белую полосу между хедером и слайдером */
.theme_header_slider {
    margin: 0;
    padding: 0;
    line-height: 0;
    background-color: #6773dd;
}

header.header1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.navbar {
    margin-bottom: 0;
}

/* FA font-display swap (relative paths — works on any domain) */
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?v=4.7.0?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display:swap}

/* Map pins: mt-map-pins.php outputs <button> (a11y), plugin shortcodes.css
   styles only '.bitwallet-single-point > a' — dots invisible.
   Theme-level parity for > button; !important beats the inline
   background:none/border:0/padding:0 on the button. */
.bitwallet-single-point > button {
    position: relative;
    z-index: 2;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: inherit;
    background: #ff655d !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: background-color 0.2s;
}
.bitwallet-single-point > button::after,
.bitwallet-single-point > button::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    transition: transform 0.2s;
}
.bitwallet-single-point > button::after { height: 2px; width: 10px; }
.bitwallet-single-point > button::before { height: 10px; width: 2px; }
.bitwallet-single-point.is-open > button { background-color: #475f74 !important; }
.bitwallet-single-point.is-open > button::after,
.bitwallet-single-point.is-open > button::before { transform: translateX(-50%) translateY(-50%) rotate(135deg); }
.bitwallet-single-point.visited > button { background-color: #6773dd !important; }

/* Landing 4030: оформление посадки (контент — в редакторе стр. 4030) */
#primary.content-area{background-color:#ffffff;background-image:url('https://www.delovoblake.ru/wp-content/uploads/2018/05/hostcluster-section-perfect-hosting-bg.webp');background-position:center top;background-repeat:no-repeat;background-size:100% auto}
.ldx-hero{margin:30px 0 10px;background:transparent;color:#232331;border-radius:10px;padding:28px 0}
.ldx-hero h1{color:#6773dd}
.ldx-lead{font-size:17px;opacity:.9}
.ldx-badges{margin:14px 0;padding:0;list-style:none}
.ldx-badges li{display:inline-block;margin:0 8px 8px 0;padding:6px 12px;border:1px solid #6773dd;border-radius:20px;font-size:13px;background:#fff;color:#6773dd}
.ldx-hero .ldx-muted{color:#7a8799}
.ldx-formcard{background:#fff;border:1px solid #e5eaf1;border-radius:10px;padding:20px;box-shadow:0 10px 30px rgba(103,115,221,.15);color:#232331}
.ldx-formcard h3{margin-top:0;color:#16212e}
.ldx-muted{color:#7a8799;font-size:13px}
.ldx-block{margin:26px 0}
.ldx-card{background:#fff;border:1px solid #e5eaf1;border-radius:10px;padding:16px;height:100%}
.ldx-sla{background:#232b3e;color:#fff;border-radius:12px;padding:22px}
.ldx-sla h2{color:#fff;margin-top:0}
.ldx-calc{font-size:22px;font-weight:800;margin:10px 0}
.ldx-faq details{background:#fff;border:1px solid #e5eaf1;border-radius:10px;padding:12px 14px;margin-bottom:10px}
.ldx-faq summary{cursor:pointer;font-weight:700}
.ldx-sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5eaf1;padding:10px 12px;z-index:50;text-align:center}
@media(max-width:860px){.ldx-sticky{display:block}body{padding-bottom:60px}}
/* Landing 4030 из редактора: гасим отступы VC-обёрток + возврат зазора между рядами (съеденный <br>) для паритета с хардкодом */
.page-id-4030 .wpb_text_column{margin-bottom:0}
.page-id-4030 .wpb_content_element{margin-bottom:0}
.ldx-block>.row+.row{margin-top:24px}
/* Sticky header compact: меню сжимается вместе с лого (is-sticky вешает sticky-плагин) */
.navbar-header .logo{transition:margin .25s ease}
.is-sticky #navbar .menu-item > a{padding-top:12px;padding-bottom:12px}
.is-sticky .navbar-header .logo{margin:6px 0}
.is-sticky .navbar-header h1.logo{margin:6px 0 6px 20px}
/* Кнопка наверх в цвете меню (элемент ниже; показ по скроллу и smooth scroll — штатный JS темы hostcluster-custom.js) */
.back-to-top{background:#6773dd;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(103,115,221,.45)}
.back-to-top:hover{background:#6f83e9;opacity:1}
.back-to-top svg{width:20px;height:20px;fill:#fff}
html{scroll-behavior:smooth}
/* Landing 4030: форма — ритм/центр/тёмная кнопка как на zakazat */
.page-id-4030 .ldx-formcard .wpcf7-form p{margin:0;text-align:center}
.page-id-4030 .ldx-formcard .wpcf7-form-control-wrap{display:block;margin-bottom:18px}
.page-id-4030 .ldx-formcard .wpcf7-form-control-wrap input{width:100%}
.page-id-4030 .ldx-formcard .cf7-cf-turnstile{margin:0 auto 18px !important;display:flex;justify-content:center}
.page-id-4030 .ldx-formcard input[type=submit]{display:block;margin-left:auto;margin-right:auto}
/* Equal-height cards: flex row, tallest sets height; stack gap on mobile */
.ldx-block>.row{display:flex;flex-wrap:wrap}
.ldx-block>.row>[class*=col-]{display:flex}
.ldx-block>.row>[class*=col-]>.ldx-card{flex:1}
@media(max-width:991px){.ldx-block>.row>[class*=col-]{margin-bottom:16px}}