/* ========================================================================
   Общие компоненты сайта: рейтинг услуги + блок «Заказать услугу».
   Подключается на ВСЕХ страницах (главная + блог) через render_head().
   Использует токены --navy/--orange/--green, заданные в основном CSS страницы.
   ======================================================================== */

/* ---- Рейтинг услуги (видимая плашка) ---- */
.rating-block{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:var(--gray-text);}
.rating-block .rating-stars{color:#F59E0B;letter-spacing:1px;font-size:1rem;line-height:1;}
.rating-block .rating-val{font-weight:800;color:var(--navy);font-size:1.05rem;}
.rating-block .rating-of{color:var(--gray-text);font-weight:600;}
.rating-block .rating-sep{opacity:.5;}
.rating-block .rating-cnt{color:var(--orange);font-weight:600;border-bottom:1px solid rgba(217,119,6,.3);}
.rating-block .rating-cnt:hover{border-bottom-color:var(--orange);}
.rating-block .rating-svc{color:var(--gray-text);}
.rating-block--dark{color:#CBD5E0;}
.rating-block--dark .rating-val{color:#fff;}
.rating-block--dark .rating-of,.rating-block--dark .rating-svc{color:#A0AEC0;}
.rating-block--dark .rating-cnt{color:#FBBF24;border-bottom-color:rgba(251,191,36,.35);}

/* ---- Блок «Заказать услугу» ---- */
.order-cta{background:var(--navy);color:#fff;border-radius:16px;padding:28px 26px;margin:2.4rem 0;
    background-image:linear-gradient(135deg,rgba(217,119,6,.12),rgba(10,25,47,0) 55%);box-shadow:0 12px 30px -12px rgba(10,25,47,.45);}
.order-cta__head{display:flex;flex-direction:column;gap:10px;margin-bottom:6px;}
.order-cta__title{color:#fff;font-size:1.35rem;font-weight:800;margin:0;line-height:1.25;}
.order-cta__text{color:#CBD5E0;margin:10px 0 14px;}
.order-cta__list{margin:0 0 18px;padding:0;list-style:none;}
.order-cta__list li{position:relative;padding-left:26px;margin-bottom:8px;color:#E5E7EB;font-size:.93rem;}
.order-cta__list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:700;}
.order-cta__list strong{color:#fff;}
.order-cta__btns{display:flex;flex-wrap:wrap;gap:12px;}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}

/* Рейтинг в hero статьи (на тёмном фоне) */
.article-hero .rating-block{margin-top:14px;}

@media (min-width:768px){
    .order-cta{padding:34px 36px;}
    .order-cta__head{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;}
    .order-cta__title{font-size:1.6rem;max-width:60%;}
}

/* === ФИКС КОНТРАСТА: CTA-компоненты внутри .article-body ===
   .article-body a/p/strong/h3 из blog.css перебивали классы компонентов по специфичности —
   возвращаем правильные цвета (кнопки/тексты на тёмном фоне) с приоритетом .article-body .class. */
.article-body a.btn,
.article-body a.btn:hover{border-bottom:none;font-weight:600;}
.article-body .btn-primary{color:#fff;}
.article-body .btn-ghost{color:#fff;}
.article-body .order-cta__title{color:#fff;}
.article-body .order-cta__text{color:#CBD5E0;}
.article-body .order-cta__list li{color:#E5E7EB;}
.article-body .order-cta__list strong{color:#fff;}
.article-body .cta-band h3{color:#fff;}
.article-body .cta-band p{color:#A0AEC0;}
/* читаемость рейтинга на тёмных CTA */
.order-cta .rating-block .rating-cnt{color:#FBBF24;}

/* === Баннер конфиденциальности === */
.privacy-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;background:var(--navy);color:#E5E7EB;
    border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;box-shadow:0 14px 34px -10px rgba(0,0,0,.55);
    display:flex;flex-direction:column;gap:12px;}
.privacy-banner[hidden]{display:none;}  /* атрибут hidden должен перебивать display:flex */
.privacy-banner p{margin:0;font-size:.86rem;line-height:1.5;}
.privacy-banner a{color:var(--orange);font-weight:600;}
.privacy-banner .btn{width:100%;}
@media(min-width:768px){.privacy-banner{left:auto;right:24px;bottom:24px;max-width:460px;flex-direction:row;align-items:center;}
    .privacy-banner .btn{width:auto;white-space:nowrap;}}

/* === Кнопка «наверх» (моб. + десктоп) === */
.scroll-top{position:fixed;right:16px;bottom:88px;z-index:1100;width:46px;height:46px;border:none;border-radius:50%;
    background:var(--orange);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px -4px rgba(0,0,0,.5);
    opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;}
.scroll-top.visible{opacity:1;visibility:visible;transform:none;}
.scroll-top:hover{background:var(--orange-hover);}
@media(min-width:768px){.scroll-top{right:24px;bottom:28px;width:50px;height:50px;}}