/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

/*************************************************************************************/
/* ГАЛЕРЕЯ 1 СТОЛБЕЦ ДЛЯ МОБИЛЬНЫХ */
@media (max-width: 767px) {
  /* Блочная галерея Gutenberg */
  .wp-block-gallery,
  .wp-block-gallery.has-nested-images {
    display: block !important;
  }
  .wp-block-gallery figure,
  .wp-block-gallery .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  /* Старая галерея */
  .gallery {
    display: block !important;
  }
  .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}
/*************************************************************************************/
/* ======================================================
   Wishlist plugin – расширение контента (768–992)
   Все страницы плагина
====================================================== */
@media (min-width: 768px) and (max-width: 1199px) {
    body:has([class^="wl-"]) .fixed.site-content {
        max-width: calc(100% - 24px) !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    /* Текст футера */
    body:has([class^="wl-"]) 
    .site-footer-container .container,
    body:has([class^="wl-"]) 
    .site-footer-container .fixed {
        max-width: calc(100% - 24px) !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ======================================================
   Wishlist plugin – контент и сетка карточек для узких экранов
====================================================== */

@media (max-width: 768px) {
    /* Ограничиваем ширину всего контента */
    body:has([class^="wl-"]) .fixed.site-content {
        max-width: 480px !important;
        margin: 0 auto; /* центрируем контент */
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Сетка карточек – 1 колонка */
    .wl-cards-grid {
        grid-template-columns: 1fr;
        gap: 12px; /* можно подправить отступ между карточками */
    }
}

/* ======================================================
   Wishlist plugin – фикс футера (992–1014)
====================================================== */
@media (min-width: 992px) and (max-width: 1014px) {
    body:has([class^="wl-"])
    .site-footer-container:not(.site-footer-container--disable-sticky) {
        position: static !important;
    }
}

/*************************************************************************************/
/* ======================================================
   Публичные страницы Wishlist
   Центрированный layout (1200px), как у маркетплейсов
====================================================== */

/* 1. Растягиваем фон темы на всю ширину */
body:has(.wl-public-fullwidth) .container,
body:has(.wl-public-fullwidth) .site-content,
body:has(.wl-public-fullwidth) .content-area {
    max-width: 1400px !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
/* 2. Контент по центру + базовые отступы */
.wl-public-fullwidth { /*основной блок контента публичного вишлиста*/
    width: 100%; /*занимает всю ширину родителя*/
    max-width: 1400px; /*ограничивает максимальную ширину блока*/
    margin: 0 auto; /* центрирует блок по горизонтали*/
    padding: 0 24px 32px; /*внутр.отступы: 24px слева+справа, 48px снизу. Сверху 0.*/
    box-sizing: border-box; /* учитывает padding в ширине блока для адаптивности*/
}


/* ======================================================
   Блок-обложка
====================================================== */
/*.cover-rounded .wp-block-cover__image-background {
    border-radius: 8px;
    border: 1px solid #7A5AF8;
}*/

.promo-block {
    border: 1px solid #7A5AF8;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;

    background-image: url('/wp-content/uploads/2026/01/fon-shapka-oblozhka-44.png'); /* путь к изображению */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden; /* важно для скругления */
}


/* ======================================================
   Абзацы с рамкой
====================================================== */
.promo-item {
    border: 1px solid #7A5AF8;
    border-radius: 8px;
    background-color: #FAF8FF;
    padding: 12px 16px;
    margin-bottom: 12px;
}


/* ======================================================
   Меню в подвале цвет
====================================================== */
.footer-navigation ul li>a {
   color: #0056ff; 
}
/* ======================================================
   Ссылки в шапке
====================================================== */
.mobile-fixed-links__list {
    display: flex;
    gap: 2px;
}
.mobile-fixed-links__list a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 8px 4px;
    white-space: nowrap;
    text-align: center;
}

/* ======================================================
   Элементы внутри главной картинки
====================================================== */
.wp-block-cover .wp-block-cover__inner-container {
    margin: 0 auto;
    padding: 0 24px;
}
@media (min-width: 1200px) {
    .wp-block-cover .wp-block-cover__inner-container {
        max-width: 900px;
    }
}
/*картинка под меню*/
.picture-under-menu {
    padding-top: 0px; 
    max-width: 100%; /* Ширина изображения не будет превышать ширину контейнера */
    height: auto; /* Высота изображения будет автоматически подстраиваться */
}
/* ======================================================
   Кнопки вордпрес
====================================================== */
.entry-content .wp-block-button {
    margin-bottom: 1.0em;
}
.wp-block-button__link {
    padding: 2px calc(1.333em + 2px);
}
/* ======================================================
   Закладки - отступ вниз на закрепленное меню
====================================================== */
#answers {
    padding-top: 100px; /* Высота вашего меню */
}
#contact {
    padding-top: 100px; /* Высота вашего меню */
}
#review {
    padding-top: 100px; /* Высота вашего меню */
}

/* ======================================================
   НОВАЯ ГЛАВНАЯ СТРАНИЦА САЙТА
====================================================== */
:root{

    /* ОСНОВНЫЕ ЦВЕТА */

    --itw-bg:#faf8ff;
    --itw-bg-light:#ffffff;

    --itw-primary:#7b4dff;
    --itw-primary-hover:#6b3df5;

    --itw-secondary:#efe7ff;

    --itw-text:#1f2440;
    --itw-text-light:#666;

    --itw-border:#e7dcff;

    --itw-shadow:
        0 10px 30px rgba(123,77,255,.08);

    --itw-shadow-hover:
        0 18px 40px rgba(123,77,255,.14);

    --itw-radius:24px;

    --itw-transition:.25s;
}



/* БАЗА */

body{
    background:var(--itw-bg);
}

.itw-container{
    width:100%;
    max-width:1160px;
    margin:0 auto;
    padding:0 18px;
}

.itw-bordered-block{
    border:1px solid var(--itw-border);
}

/* HERO */

.itw-hero{
    position:relative;
    overflow:hidden;
    padding:56px 0 56px;
    background:
        linear-gradient(
            135deg,
            rgba(245,238,255,.93),
            rgba(235,244,255,.93)
        );
    margin-bottom:24px;
}

.itw-hero-bg{
    position:absolute;
    inset:0;

    background-image:
        url('https://itwish.ru/wp-content/uploads/2026/01/fon-shapka-oblozhka-70.png');

    background-size:cover;
    background-position:center;

    opacity:.48;
}

.itw-hero .itw-container{
    position:relative;
    z-index:2;
    text-align:center;
}

.itw-hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 16px;

    border-radius:999px;

    background:rgba(255,255,255,.88);

    border:1px solid var(--itw-border);

    color:var(--itw-primary);

    font-size:14px;
    font-weight:700;

    margin-bottom:18px;

    backdrop-filter:blur(10px);
}

.itw-hero h1{
    font-size:52px;
    line-height:1.08;

    font-weight:900;

    color:var(--itw-text);

    margin-bottom:22px;
    margin-top: 20px !important;
    letter-spacing:-1px;
}

.itw-hero-text{
    max-width:760px;

    margin:0 auto 28px;

    font-size:20px;
    line-height:1.65;

    color:var(--itw-text-light);
}

.itw-hero-buttons{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;

    margin-bottom:24px;
}

.itw-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:56px;

    padding:0 28px;

    background:var(--itw-primary);

    color:#fff !important;

    border-radius:16px;

    text-decoration:none;

    font-weight:700;

    transition:var(--itw-transition);

    box-shadow:var(--itw-shadow);
}

.itw-btn-primary:hover{
    background:var(--itw-primary-hover);
    transform:translateY(-2px);
}

.itw-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:56px;

    padding:0 28px;

    background:#fff;

    border:1px solid var(--itw-border);

    color:var(--itw-primary) !important;

    border-radius:16px;

    text-decoration:none;

    font-weight:700;

    transition:var(--itw-transition);
}

.itw-btn-secondary:hover{
    transform:translateY(-2px);
}

.itw-hero-features{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
    color:var(--itw-text-light);
    font-size:15px;
    font-weight:600;
}

.itw-hero-features span{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
}

/* СЕКЦИИ */

.itw-benefits,
.itw-steps,
.itw-gallery-title,
.itw-cases,
.itw-faq-section,
.itw-cta{
    padding:44px 0 0;
}

.itw-section-title{
    text-align:center;
    margin-top:0;
    margin-bottom:34px;
}

.itw-section-title h2{
    font-size:38px;

    line-height:1.15;

    color:var(--itw-text);
    margin-top:0;
    margin-bottom:10px;
}

.itw-section-title p{
    color:var(--itw-text-light);

    font-size:18px;

    line-height:1.6;
}

/* ПРЕИМУЩЕСТВА */

.itw-benefits-grid{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    padding:12px;

    border-radius:32px;

    background:rgba(255,255,255,.65);

    backdrop-filter:blur(8px);
}

.itw-card{
    background:var(--itw-bg-light);

    border-radius:20px;

    padding:24px 18px;

    text-align:center;

    box-shadow:var(--itw-shadow);

    transition:var(--itw-transition);
}

.itw-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--itw-shadow-hover);
}

.itw-icon{
    width:68px;
    height:68px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 16px;

    border-radius:18px;

    background:var(--itw-secondary);

    font-size:34px;
}

.itw-card h3{
    font-size:20px;

    line-height:1.35;

    color:var(--itw-text);

    margin-bottom:12px;
}

.itw-card p{
    color:var(--itw-text-light);

    font-size:15px;

    line-height:1.6;
}

/* ШАГИ */

.itw-steps-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;
}

.itw-step{
    background:#fff;

    border-radius:22px;

    padding:28px 22px;

    text-align:center;

    border:1px solid var(--itw-border);

    box-shadow:var(--itw-shadow);
}

.itw-step-number{
    width:58px;
    height:58px;

    margin:0 auto 16px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--itw-primary);

    color:#fff;

    font-size:24px;
    font-weight:800;
}

.itw-step h3{
    font-size:22px;

    margin-bottom:10px;

    color:var(--itw-text);
}

.itw-step p{
    color:var(--itw-text-light);

    font-size:15px;

    line-height:1.6;
}

/* ГАЛЕРЕЯ */

.wp-block-gallery{
    margin-top:16px !important;
}

.wp-block-gallery img{
    border-radius:20px !important;
    border:1px solid var(--itw-border);
    box-shadow:var(--itw-shadow);
}

.wp-block-gallery{
    width:100%;
    overflow:hidden;
}

.wp-block-gallery figure{
    max-width:100%;
}

.wp-block-gallery img{
    width:100%;
    height:auto;
    display:block;
    max-width:100%;
}

/* СИТУАЦИИ */

.itw-cases-grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:16px;
}

.itw-case{
    background:#fff;

    border-radius:18px;

    border:1px solid var(--itw-border);

    padding:22px 18px;

    text-align:center;

    font-size:18px;
    font-weight:700;

    color:var(--itw-text);

    box-shadow:var(--itw-shadow);
}

/* CTA */

.itw-cta{
    max-width:1160px;
    border-radius:36px;
    margin-top:56px;
    background:
        linear-gradient(
            135deg,
            #f4edff,
            #eef5ff
        );

    border:1px solid var(--itw-border);

    text-align:center;
}

.itw-cta h2{
    font-size:42px;

    line-height:1.15;
    margin-top:0;
    margin-bottom:18px;

    color:var(--itw-text);
}

.itw-cta p{
    max-width:720px;

    margin:0 auto 28px;

    color:var(--itw-text-light);

    font-size:18px;

    line-height:1.7;
}

/* FAQ */

.wl-faq details{
    background:#fff;

    border:1px solid var(--itw-border);

    border-radius:18px;

    padding:18px 22px;

    margin-bottom:14px;

    box-shadow:var(--itw-shadow);
}

.wl-faq summary{
    cursor:pointer;

    font-size:17px;

    font-weight:700;

    color:var(--itw-text);
}

.wl-faq p{
    color:var(--itw-text-light);

    line-height:1.7;

    margin-top:12px;
}

/* MOBILE */

@media(max-width:980px){

    .itw-benefits-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .itw-steps-grid{
        grid-template-columns:1fr;
    }

    .itw-cases-grid{
        grid-template-columns:1fr 1fr;
    }

    .itw-hero h1{
        font-size:40px;
    }

    .itw-section-title h2{
        font-size:30px;
    }

    .itw-cta h2{
        font-size:34px;
    }
}

@media(max-width:640px){

    .itw-hero{
        padding:44px 0 44px;
    }

    .itw-hero h1{
        font-size:32px;
    }

    .itw-hero-text{
        font-size:17px;
    }

    .itw-benefits-grid{
        grid-template-columns:1fr;
    }

    .itw-cases-grid{
        grid-template-columns:1fr;
    }

    .itw-section-title{
        margin-bottom:26px;
    }

    .itw-section-title h2{
        font-size:28px;
    }

    .itw-cta{
        border-radius:28px;
    }

    .itw-cta h2{
        font-size:28px;
    }
}

/* ОТЗЫВЫ */

.itw-reviews{
    padding-top:44px;
}

.itw-reviews-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.itw-review-card{
    background:#fff;

    border:1px solid var(--itw-border);
    border-radius:24px;

    padding:24px;

    box-shadow:var(--itw-shadow);

    transition:var(--itw-transition);
}

.itw-review-card:hover{
    transform:translateY(-4px);
    box-shadow:var(--itw-shadow-hover);
}

.itw-review-stars{
    margin-bottom:14px;

    color:#ffb400;

    font-size:22px;

    letter-spacing:2px;
}

.itw-review-text{
    margin:0 0 22px;

    color:var(--itw-text);

    font-size:16px;
    line-height:1.7;
}

.itw-review-author{
    display:flex;
    align-items:center;
    gap:14px;
}

.itw-review-avatar{
    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--itw-secondary);

    color:var(--itw-primary);

    font-size:20px;
    font-weight:800;
}

.itw-review-name{
    color:var(--itw-text);

    font-size:16px;
    font-weight:700;
}

.itw-review-event{
    margin-top:2px;

    color:var(--itw-text-light);

    font-size:14px;
}

@media(max-width:980px){

    .itw-reviews-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:480px){
    .itw-btn-primary,
    .itw-btn-secondary{
        width:100%;
        justify-content:center;
        padding:16px;
    }
}

.wp-block-navigation__container{
    flex-wrap:wrap;
}

.wp-block-navigation{
    max-width:100%;
    overflow-x:auto;
}

html,
body{
    overflow-x:hidden;
}

img{
    max-width:100%;
    height:auto;
}