/*
Theme Name: WEB 3.4 Paradigma.website
Author URI: https://paradigma.website
Author: Paradigma.website
Version: 3.4
Description: Доработка и оптимизация шаблона, исправление ошибок компанией https://nikamg.ru
Text Domain: Paradigma.website
*/

/* FRONT HERO */
.front-hero {
    background-color: #2F343A;
    background-image: url('/wp-content/uploads/2025/12/glavnyj-banner-_-desktop-scaled.png');
    background-position: 100% 50%!important; /* Справа по центру */
    background-repeat: no-repeat!important;
    background-size:auto 100%!important;    /* Высота 100%, ширина авто */    
    border-radius: 10px;
}
.front-hero-info { padding: 8rem 3.5rem; max-width: 820px;}
.front-hero-info h2 { color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7), 0 0 3px rgba(255,255,255,0.5); 
                     font-size: 2rem; font-family: "Inter", Sans-serif; margin-bottom: 1.5rem;}
.front-hero-plusses { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 1.5rem; }
.front-hero-plusses .plus_item { padding: 1.5rem 2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);
            border-radius: 10px; width: calc(50% - 5px);font-size: 16px;}
.front-hero-plusses .plus_item h4{ margin-bottom: 1rem;}
.front-hero-plusses .plus_item p {  font-weight: 500;}

.front-hero-info .order_btn { display: inline-block; background: #C81B21; color: #fff;
            text-decoration: none; padding: 0.75rem 1.5rem; text-align: center; border-radius: 10px; 
            font-weight: 600;}
.front-hero-info .order_btn:hover{background: rgb(226, 87, 91);}

/* ETC */
.articles-typical { padding: 1rem 0; }
.articles-typical h1 { font-size: 3rem; line-height: 1.1; margin: 3rem 0rem; }
.articles-typical p { margin-bottom: 3rem; font-size: 1.5rem;  }
.articles-typical .form-checkbox p { margin-bottom: 0  }
.articles-typical figure { margin-bottom: 4rem;}
.articles-typical .wp-block-pullquote { padding: 1rem 3rem; font-size: 1.25rem; font-weight: 300; font-style: italic; border-radius: 5px;
                     border: 1px solid rgba(227, 30, 36, 1); background: rgba(227, 30, 36, 0.06); text-align: left; } 
.articles-typical h2 {font-size: 2.25rem; margin-bottom: 3rem; }
.articles-typical .wp-block-columns { margin-bottom: 3rem; }
.articles-typical .wp-block-columns .wp-block-column { background: rgba(227, 30, 36, 0.06); padding: 1rem 1.5rem; border-radius: 5px; 
                  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.articles-typical .wp-block-columns .wp-block-column h4 { font-size: 1.25rem; margin-bottom: 1.5rem;}
.articles-typical .wp-block-columns .wp-block-column p { font-size: 1.25rem; line-height: 1.2;}


.event_block { margin: 3rem 0; display: flex; justify-content: center; align-items: center; }
.event_block img { width: 100%; height: auto; display: block; max-width: 1280px;}

.reply__block {}
.reply__block.dark { color:#1A1A1A;}
.reply__block.light { color: #fff;}
.reply__block.dark .reply__block-text,.reply__block.light .reply__block-text { opacity: 0.7;}
.reply__block.horizontal .reply__block-text { width: 95%;}
.reply__block.vertical .reply__block-text {width: 65%;}

.telegram-bot{}
.telegram-bot__block { background: #2F343A url('./assets/img/dots.png') 95% 20% no-repeat; background-size: 130px auto; 
                      padding: 6vw 3vw; border-radius: 10px; position: relative;}
.telegram-bot__grid {  display: flex; gap: 2rem; justify-content: space-between; align-items: center;}
.telegram-bot__content { position: relative; width: 39.5%; }
.telegram-bot__block h2 { color: #fff;font-family: "Raleway", Sans-serif; font-size: 3.5vw;font-weight: 600; line-height: 1; margin-bottom: 15px;}
.telegram-bot__block p { font-size: 1.5vw; opacity:0.8; color: #fff; line-height: 1.2; margin-bottom: 15px;}
.telegram-bot__img { width: 50%;}
.telegram-bot__img img { display: block; width: 100%; height: auto;}
.telegram_link {display: inline-block;font-weight: 600; background: #C81B21; text-align: center;
               color: #fff; text-transform: uppercase; border-radius: 8px; padding: 15px;}
.telegram-bot__block > .telegram_link { display: none;}
.catalog__item { justify-content: space-between;}

@media all and (max-width:767px){
    .front-hero-info { padding: 4rem 2rem;}
    .front-hero-plusses .plus_item { background: rgba(255,255,255,0.7);}
    .telegram-bot__grid { display: block;}
    .telegram-bot__block { background-size: 110px auto; background-position: 62.5% 22%; }
    .telegram-bot__content { width: 250px; margin: 2rem auto; }
    .telegram-bot__content h2 {font-size: 20px; margin-bottom: 1rem;}
    .telegram-bot__content p { font-size: 14px; margin-bottom: 4rem;}
    .telegram-bot__img { display: block; width: 100%; height: auto; max-width: 300px; margin: 0 auto 1rem;}
    .telegram-bot__block > .telegram_link { display: block;}
    .telegram-bot__content .telegram_link { display: none;}
}

@media all and (max-width:479px){
    .front-hero { background-image: url('/wp-content/uploads/2025/12/fon.png'); background-position: 50% 0!important; background-size: 100% auto!important;}
    .front-hero-info { display: grid; padding: 2rem 1rem 2rem;}
    .front-hero-info h2 { text-shadow:none; font-size: 1.25rem; margin-bottom: 20rem;}
    .front-hero-plusses { order: 2; }
    .front-hero-plusses .plus_item { background: #fff; width: 100%; padding: 0.75rem 1rem; box-shadow: none; border:1px solid #eee;}
    .front-hero-info .order_btn { width: 100%; order: 1; margin-bottom: 1rem;}    
    
    .articles-typical h1 { font-size: 1.8rem; margin: 1rem 0;}
    .articles-typical p { margin-bottom: 1rem; font-size: 1.1rem;  }
    .articles-typical figure { margin-bottom: 1rem;}
    .articles-typical .wp-block-pullquote {padding: 0.5rem 0.75rem;}
    .articles-typical h2 {font-size: 1.5rem; margin-bottom: 1rem; }
    
    .telegram-bot__block { background-size: 90px auto; background-position: 80% 22%; }
}