/*
Theme Name: Аліекспрес Україна
Theme URI: https://aliekspres.com.ua/
Author: Аліекспрес Україна
Author URI: https://aliekspres.com.ua/
Description: Тема інформаційного сайту про покупки на AliExpress з доставкою в Україну. Швидка, без зайвих залежностей, на Bootstrap 5, з мікророзміткою FAQ і хлібних крихт.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aliekspres
Tags: blog, one-column, custom-menu, featured-images
*/

/* Базові стилі дизайну і спільні блоки (шапка, кнопки, підвал) */


:root{
  --ae:#FF4747; --ae2:#FF7A45; --ink:#21242E; --mut:#68727F;
  --soft:#FFF6F1; --line:#F1E5DD; --blue:#005BBB; --yellow:#FFD500;
}
html{scroll-behavior:smooth}
body{color:var(--ink); font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
[id]{scroll-margin-top:96px}
a{text-decoration:none}
/* Кнопки */
.btn-ae{background:linear-gradient(135deg,var(--ae),var(--ae2)); color:#fff; border:0;
  border-radius:999px; padding:.78rem 1.7rem; font-weight:600;
  box-shadow:0 10px 24px rgba(255,71,71,.28); transition:.25s}
.btn-ae:hover{color:#fff; transform:translateY(-2px); box-shadow:0 14px 30px rgba(255,71,71,.36)}
.btn-ghost{border:1.5px solid rgba(33,36,46,.16); color:var(--ink); border-radius:999px;
  padding:.78rem 1.6rem; font-weight:600; transition:.25s}
.btn-ghost:hover{border-color:var(--ae); color:var(--ae); background:#fff}
/* Шапка */
.navbar{background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.navbar .nav-link{color:var(--ink); font-weight:500; margin:0 .18rem}
.navbar .nav-link:hover{color:var(--ae)}
.brand-mark{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--ae),var(--ae2));
  display:flex; align-items:center; justify-content:center; flex:0 0 auto}
/* Герой */
.hero{background:linear-gradient(180deg,#FFF8F4 0%,#FFFFFF 100%); padding:104px 0 40px}
.pill{display:inline-flex; align-items:center; gap:.5rem; background:#FFECE3; color:#E03E2E;
  border-radius:999px; padding:.4rem 1rem; font-weight:600; font-size:.86rem}
.h-display{font-weight:800; letter-spacing:-.6px; font-size:clamp(2.1rem,4.4vw,3.3rem); line-height:1.12}
.h-display .ae{color:var(--ae)}
.lead-soft{color:var(--mut); font-size:1.12rem; max-width:34rem}
.chip{display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid var(--line);
  border-radius:999px; padding:.45rem .95rem; font-size:.9rem; font-weight:500}
.chip svg{color:var(--ae)}
.hero-ill{max-width:560px; width:100%; height:auto}
/* Статистика */
.stat{border:1px solid var(--line); border-radius:20px; padding:1.2rem 1rem; height:100%; background:#fff}
.stat .num{font-weight:800; font-size:1.7rem; color:var(--ae)}
.stat .lbl{color:var(--mut); font-size:.9rem}
/* Секції */
.sec{padding:78px 0}
.sec-soft{background:var(--soft)}
.sec-title{font-weight:800; font-size:clamp(1.5rem,2.8vw,2.05rem); letter-spacing:-.3px}
.sec-sub{color:var(--mut); max-width:44rem}
/* Іконки */
.ic{width:54px; height:54px; border-radius:16px; background:#FFECE3; color:#E03E2E;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto}
.ic svg{width:26px; height:26px}
.ic-blue{background:#E3EEFB; color:var(--blue)}
.ic-yellow{background:#FFF4CC; color:#B98900}
/* Чипи перевізників */
.carrier{display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line);
  border-radius:999px; padding:.32rem .85rem .32rem .38rem; font-size:.86rem; font-weight:600}
/* Картки кроків */
.card-step{border:1px solid var(--line); border-radius:20px; height:100%; background:#fff; transition:.25s}
.card-step:hover{transform:translateY(-4px); box-shadow:0 16px 34px rgba(33,36,46,.08)}
.step-num{font-weight:800; font-size:.95rem; color:#E9B7A4}
.card-step h3{font-size:1.06rem; font-weight:700}
.card-step p{color:var(--mut); font-size:.94rem; margin:0}
/* Список галочок */
.check-list{list-style:none; padding:0; margin:0}
.check-list li{display:flex; gap:.7rem; align-items:flex-start; padding:.42rem 0; font-weight:500}
.check-list svg{color:var(--ae); flex:0 0 auto; margin-top:.18rem}
/* Виноска */
.note{background:var(--soft); border-left:4px solid var(--ae); border-radius:14px; padding:1rem 1.2rem}
.note-blue{background:#EDF4FC; border-left:4px solid var(--blue); border-radius:14px; padding:1rem 1.2rem}
/* Питання */
.accordion-button{font-weight:600; color:var(--ink)}
.accordion-button:not(.collapsed){color:var(--ae); background:#FFF6F1; box-shadow:none}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(255,71,71,.15)}
.accordion-body{color:var(--mut)}
/* CTA-стрічка */
.cta-band{background:linear-gradient(135deg,#FF4747,#FF7A45); border-radius:28px; color:#fff; padding:3rem}
.cta-band .btn{background:#fff; color:#E03E2E; border:0; border-radius:999px; font-weight:700; padding:.8rem 1.8rem}
/* Підвал */
footer{background:#21242E; color:rgba(255,255,255,.62); padding:56px 0 36px}
footer a{color:rgba(255,255,255,.78)}
footer a:hover{color:#fff}
.foot-mark{width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,var(--ae),var(--ae2));
  display:flex; align-items:center; justify-content:center}
@media (max-width:991px){ .hero{padding-top:88px} .cta-band{padding:2rem} }


/* Стилі сторінкових хедерів (page-hero, blog-head) */
:root{
  --ae:#FF4747; --ae2:#FF7A45; --ink:#21242E; --mut:#68727F;
  --soft:#FFF6F1; --line:#F1E5DD; --blue:#005BBB; --yellow:#FFD500;
}
html{scroll-behavior:smooth}
body{color:var(--ink); font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
[id]{scroll-margin-top:96px}
a{text-decoration:none}
/* Кнопки */
.btn-ae{background:linear-gradient(135deg,var(--ae),var(--ae2)); color:#fff; border:0;
  border-radius:999px; padding:.78rem 1.7rem; font-weight:600;
  box-shadow:0 10px 24px rgba(255,71,71,.28); transition:.25s}
.btn-ae:hover{color:#fff; transform:translateY(-2px); box-shadow:0 14px 30px rgba(255,71,71,.36)}
.btn-ghost{border:1.5px solid rgba(33,36,46,.16); color:var(--ink); border-radius:999px;
  padding:.78rem 1.6rem; font-weight:600; transition:.25s}
.btn-ghost:hover{border-color:var(--ae); color:var(--ae); background:#fff}
/* Шапка */
.navbar{background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.navbar .nav-link{color:var(--ink); font-weight:500; margin:0 .18rem; white-space:nowrap}
.navbar .nav-link:hover{color:var(--ae)}
.navbar .nav-link.active{color:var(--ae)}
.brand-mark{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,var(--ae),var(--ae2));
  display:flex; align-items:center; justify-content:center; flex:0 0 auto}
/* Герой сторінки */
.page-hero{background:linear-gradient(180deg,#FFF8F4 0%,#FFFFFF 100%); padding:112px 0 48px}
.h-display{font-weight:800; letter-spacing:-.6px; font-size:clamp(1.9rem,3.6vw,2.75rem); line-height:1.14}
.lead-soft{color:var(--mut); font-size:1.12rem; max-width:38rem}
.crumb{font-size:.9rem; color:var(--mut); margin-bottom:1.1rem}
.crumb a{color:var(--mut)}
.crumb a:hover{color:var(--ae)}
.crumb svg{vertical-align:-2px; margin:0 .3rem; color:#E9B7A4}
/* Секції */
.sec{padding:72px 0}
.sec-soft{background:var(--soft)}
.sec-title{font-weight:800; font-size:clamp(1.45rem,2.6vw,1.95rem); letter-spacing:-.3px}
.sec-sub{color:var(--mut); max-width:44rem}
/* Іконки */
.ic{width:54px; height:54px; border-radius:16px; background:#FFECE3; color:#E03E2E;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto}
.ic svg{width:26px; height:26px}
.ic-blue{background:#E3EEFB; color:var(--blue)}
.ic-yellow{background:#FFF4CC; color:#B98900}
/* Картки */
.card-step{border:1px solid var(--line); border-radius:20px; height:100%; background:#fff; transition:.25s}
.card-step:hover{transform:translateY(-4px); box-shadow:0 16px 34px rgba(33,36,46,.08)}
.step-num{font-weight:800; font-size:.95rem; color:#E9B7A4}
.card-step h3{font-size:1.06rem; font-weight:700}
.card-step p{color:var(--mut); font-size:.94rem; margin:0}
/* Список галочок */
.check-list{list-style:none; padding:0; margin:0}
.check-list li{display:flex; gap:.7rem; align-items:flex-start; padding:.42rem 0; font-weight:500}
.check-list svg{color:var(--ae); flex:0 0 auto; margin-top:.18rem}
/* Виноски */
.note{background:var(--soft); border-left:4px solid var(--ae); border-radius:14px; padding:1rem 1.2rem}
.note-blue{background:#EDF4FC; border-left:4px solid var(--blue); border-radius:14px; padding:1rem 1.2rem}
/* Питання */
.accordion-button{font-weight:600; color:var(--ink)}
.accordion-button:not(.collapsed){color:var(--ae); background:#FFF6F1; box-shadow:none}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(255,71,71,.15)}
.accordion-body{color:var(--mut)}
/* Текстові сторінки */
.legal h2{font-size:1.3rem; font-weight:700; margin:0 0 .8rem}
.legal p{color:var(--mut); margin-bottom:1rem}
.legal ul{color:var(--mut)}
/* CTA */
.cta-band{background:linear-gradient(135deg,#FF4747,#FF7A45); border-radius:28px; color:#fff; padding:3rem}
.cta-band .btn{background:#fff; color:#E03E2E; border:0; border-radius:999px; font-weight:700; padding:.8rem 1.8rem}
/* Підвал */
footer{background:#21242E; color:rgba(255,255,255,.62); padding:56px 0 36px}
footer a{color:rgba(255,255,255,.78)}
footer a:hover{color:#fff}
.foot-mark{width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,var(--ae),var(--ae2));
  display:flex; align-items:center; justify-content:center}
/* Чипи перевізників */
.carrier{display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line);
  border-radius:999px; padding:.32rem .85rem .32rem .38rem; font-size:.86rem; font-weight:600}
@media (max-width:991px){ .page-hero{padding-top:96px} .cta-band{padding:2rem} }


/* Стилі статейних сторінок (хедер статті, зміст, оформлення тексту) */
.blog-head{background:linear-gradient(180deg,#FFF8F4 0%,#FFFFFF 100%); padding:116px 0 42px; border-bottom:1px solid var(--line)}
.chip-cat{display:inline-flex; align-items:center; padding:.34rem .9rem; border-radius:999px; background:#FFECE3; color:#E03E2E; font-weight:700; font-size:.84rem}
.meta-line{display:flex; flex-wrap:wrap; gap:1.2rem; color:var(--mut); font-size:.9rem}
.meta-line span{display:inline-flex; align-items:center; gap:.42rem}
.article{font-size:1.045rem; line-height:1.72}
.article p{color:#3A4150; margin-bottom:1.05rem}
.article h2{font-weight:800; font-size:1.42rem; letter-spacing:-.3px; line-height:1.3; margin:2.5rem 0 1rem; position:relative; padding-left:1rem}
.article h2::before{content:""; position:absolute; left:0; top:.42rem; bottom:.36rem; width:5px; border-radius:3px; background:linear-gradient(180deg,var(--ae),var(--ae2))}
.article h3{font-weight:700; font-size:1.12rem; margin:1.7rem 0 .55rem}
.article ul,.article ol{color:#3A4150; margin-bottom:1.1rem; padding-left:1.4rem}
.article li{margin-bottom:.4rem}
.article a{color:var(--ae); font-weight:600}
.article a:hover{text-decoration:underline}
.article table{font-size:.95rem}
.toc{background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:1.15rem 1.4rem; margin:1.9rem 0 2.4rem}
.toc .toc-t{font-weight:700; margin-bottom:.5rem}
.toc ol{margin:0; padding-left:1.25rem; color:#E9B7A4; font-weight:700}
.toc li{padding:.14rem 0}
.toc a{color:var(--ink)}
.toc a:hover{color:var(--ae)}
@media (max-width:991px){ .blog-head{padding-top:100px} }

/* Виправлення: текст CTA-стрічки всередині статей залишається білим */
.article .cta-band{color:#fff}
.article .cta-band p{color:#fff}
.article .cta-band .sec-title{color:#fff}