/* =========================================================
   CreateWeb Hosting – тема за магазина (hosting.createweb.bg)
   Поставя се в: Online Stores → Management → Edit → Custom stylesheet
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@400;500;600;700&display=swap");

:root{
  --cw-n:#101032; --cw-n2:#15153f; --cw-n3:#1b1b55; --cw-v:#525DFF; --cw-s:#36F7E6;
  --cw-t:#e6e7fb; --cw-m:#a9acd6; --cw-line:rgba(169,172,214,.18);
  --sf-font-sans:"Sofia Sans",system-ui,sans-serif; --sf-font-heading:"Sofia Sans",system-ui,sans-serif;
  --sf-primary:#36F7E6; --sf-primary-contrast:#101032;
  --sf-heading-color:#fff; --sf-body-color:#e6e7fb; --sf-muted-color:#a9acd6;
  --sf-border-color:rgba(169,172,214,.18); --sf-surface:#15153f; --sf-surface-soft:#1b1b55;
  --sf-radius:16px; --sf-radius-lg:22px;
  --sf-hero-bg:radial-gradient(900px 420px at 15% 0%,rgba(82,93,255,.45),transparent 60%),radial-gradient(700px 380px at 90% 100%,rgba(54,247,230,.14),transparent 60%),#15153f;
  --sf-hero-color:#dfe1f7; --sf-hero-heading-color:#fff; --sf-hero-glow:rgba(82,93,255,.25); --sf-primary-rgb:54,247,230;
}
html,body{background:var(--cw-n)!important;color:var(--cw-t)!important;font-family:"Sofia Sans",system-ui,sans-serif!important;font-size:16px}
h1,h2,h3,h4,h5,h6,.h2,.display-4{color:#fff!important;font-family:"Sofia Sans",system-ui,sans-serif!important;letter-spacing:-.01em}
a{color:var(--cw-s)} a:hover{color:#8ffbf1}
.text-dark,.text-reset{color:inherit!important}
.text-muted,.text-secondary,.text-white-50{color:var(--cw-m)!important}
.bg-white,.bg-light{background:transparent!important}
hr{border-color:var(--cw-line)!important}

/* ---- header ---- */
.site-header{background:rgba(16,16,50,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--cw-line)}
.site-header > .container{padding-top:6px}
.site-header .navbar{background:transparent!important;border:0!important;padding:10px 0 14px}
.navbar-brand .logo{content:url("https://createweb.bg/wp-content/uploads/2024/09/logo-header.svg");height:26px;width:auto}
.navbar-light .navbar-nav .nav-link{color:#fff!important;font-weight:500;padding:.45rem .95rem!important;border-radius:999px;transition:background .2s}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active>.nav-link{background:rgba(255,255,255,.1)}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{margin-left:6px}
.navbar-light .navbar-toggler{border-color:var(--cw-line)}
.navbar-light .navbar-toggler-icon{filter:invert(1)}
.site-header .dropdown-toggle,.site-header .btn-icon{color:var(--cw-m)!important}
.dropdown-menu{background:var(--cw-n2);border:1px solid var(--cw-line);border-radius:12px}
.dropdown-item{color:var(--cw-t)} .dropdown-item:hover{background:rgba(255,255,255,.08);color:#fff}

/* ---- hero блокове ---- */
.page-hero .position-relative,.page-outro > .position-relative,.page-hero .carousel .carousel-inner{
  background:radial-gradient(900px 420px at 15% 0%,rgba(82,93,255,.45),transparent 60%),radial-gradient(700px 380px at 90% 100%,rgba(54,247,230,.14),transparent 60%),var(--cw-n2)!important;
  border:1px solid var(--cw-line);border-radius:26px!important;margin:24px auto 30px!important;max-width:1140px;box-shadow:none!important}
.page-hero .position-relative .col-md-5{max-width:720px;flex:0 0 auto}
.display-4{font-size:clamp(34px,4.4vw,56px)!important;font-weight:700!important;line-height:1.05}
.lead{color:#cfd1f5!important;font-size:19px}
.carousel{border:0!important;box-shadow:none!important;margin:0 0 20px!important}
.carousel-item{background:transparent!important;padding:26px 10px 40px}
.carousel-item h2{font-size:clamp(28px,3vw,40px);font-weight:700;margin-bottom:18px}
.carousel-item .text-bigger{color:#dfe1f7;font-size:18px;line-height:1.6}
.carousel-indicators li{background:rgba(255,255,255,.35)!important;border-radius:4px;height:4px}
.carousel-indicators .active{background:var(--cw-s)!important;width:40px}
.fa-check,.text-info,.text-primary,.text-success,.text-pink{color:var(--cw-s)!important}

/* ---- бутони ---- */
.btn-primary{background:var(--cw-s)!important;border-color:var(--cw-s)!important;color:var(--cw-n)!important;font-weight:600;border-radius:12px!important;box-shadow:none!important;transition:transform .2s,background .2s}
.btn-primary:hover,.btn-primary:focus{background:#8ffbf1!important;border-color:#8ffbf1!important;transform:translateY(-1px)}
.btn-lg{font-size:16px;padding:.75rem 1rem}
.btn-outline-primary,.btn-secondary{border-radius:12px!important}

/* ---- планове ---- */
.plans-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--cw-n2);border:1px solid var(--cw-line);border-radius:999px;padding:8px 14px;margin:0 0 26px;width:max-content;max-width:100%}
.plans-toolbar__label{margin:0 6px 0 4px;color:var(--cw-m)}
.plans-toolbar .location{margin:0!important;padding:6px 12px;border-radius:999px;cursor:pointer;color:#fff}
.plans-toolbar .location img{display:none}
.plans-toolbar .location:has(input:checked){background:rgba(54,247,230,.14);color:var(--cw-s)}
.group-container > h4{font-size:26px;font-weight:700;margin:6px 0 16px}
.group-container > h4::before{content:"/";color:var(--cw-s);margin-right:4px}
.toggle-features{color:var(--cw-m)!important;font-size:14px}
.plans-deck .card{background:var(--cw-n2)!important;border:1px solid var(--cw-line)!important;border-radius:22px!important;overflow:hidden;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s;color:var(--cw-t)}
.plans-deck .card:hover{transform:translateY(-4px);border-color:rgba(54,247,230,.45)}
.plans-deck .card-header{background:transparent!important;border:0!important;padding:22px 20px 4px}
.plans-deck .card-header h4{font-size:20px!important;font-weight:700;text-transform:none}
.plans-deck .card-body{padding:10px 20px 22px}
.pricing-card-title{color:var(--cw-m)}
.pricing-card-title small{color:var(--cw-m)!important;font-size:13px}
.card-title .fmt-price{font-size:34px;font-weight:700;color:#fff;letter-spacing:-.02em;white-space:nowrap}
.card-subtitle .fmt-price{font-size:15px;font-weight:600;color:var(--cw-s)}
.plan-features{color:#dfe1f7;font-size:14.5px;text-align:left}
.plan-features li{padding:5px 0 5px 24px;position:relative}
.plan-features li:not(.border-top)::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:rgba(54,247,230,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336F7E6' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat}
.plan-features li.border-top{border-color:var(--cw-line)!important;padding:0}
/* препоръчан план: Web Бизнес */
.group-shared .plans-deck .card:nth-child(2){background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.18),transparent 60%),var(--cw-v)!important;border-color:transparent!important}
.group-shared .plans-deck .card:nth-child(2) .pricing-card-title small,.group-shared .plans-deck .card:nth-child(2) .card-subtitle .fmt-price,.group-shared .plans-deck .card:nth-child(2) .plan-features{color:#eef0ff!important}
.group-shared .plans-deck .card:nth-child(2) .btn-primary{background:#fff!important;border-color:#fff!important}
.group-shared .plans-deck .card:nth-child(2) .card-header::after{content:"Най-избиран";display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;background:var(--cw-s);color:var(--cw-n);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
/* имена на плановете */
.group-shared .plans-deck .card:nth-child(-n+3) .card-header h4{font-size:0!important}
.group-shared .plans-deck .card .card-header h4::after{font-size:20px;color:#fff}
.group-shared .plans-deck .card:nth-child(1) .card-header h4::after{content:"Web Лайт"}
.group-shared .plans-deck .card:nth-child(2) .card-header h4::after{content:"Web Бизнес"}
.group-shared .plans-deck .card:nth-child(3) .card-header h4::after{content:"Web Агенция"}

/* ---- форми / поръчка ---- */
.form-control,.custom-select,input[type=text],input[type=email],input[type=password],select,textarea{background:var(--cw-n3)!important;border:1px solid var(--cw-line)!important;color:#fff!important;border-radius:12px!important}
.form-control:focus{border-color:var(--cw-s)!important;box-shadow:0 0 0 3px rgba(54,247,230,.18)!important}
.form-control::placeholder{color:var(--cw-m)}
label,.form-text{color:var(--cw-t)}
.card{background:var(--cw-n2);border-color:var(--cw-line);color:var(--cw-t)}
.table{color:var(--cw-t)} .table td,.table th{border-color:var(--cw-line)!important}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.03)}
.list-group-item{background:var(--cw-n2);border-color:var(--cw-line);color:var(--cw-t)}
.alert-info{background:rgba(82,93,255,.18);border-color:rgba(82,93,255,.4);color:#e6e7fb}
.modal-content{background:var(--cw-n2);border:1px solid var(--cw-line);border-radius:18px;color:var(--cw-t)}

/* ---- секции на началната и „За нас“ ---- */
.page-outro{padding:10px 0 30px}
.page-outro h3{font-weight:700;font-size:24px}
.page-outro p{color:#dfe1f7;line-height:1.65}
.page-outro .fa-5x{font-size:3em;width:76px;height:76px;line-height:76px;border-radius:22px;background:rgba(82,93,255,.18);display:inline-block}
.page-outro img.w-100{border-radius:18px;border:1px solid var(--cw-line)}
.text-white.bg-secondary{background:linear-gradient(135deg,var(--cw-v),#3b44d6)!important;border-radius:24px;max-width:1140px;margin:30px auto}

/* ---- футър ---- */
.site-footer .bg-dark{background:#0b0b26!important;border-top:1px solid var(--cw-line)}
.site-footer h5 a{color:#fff!important}
#cookies-disclaimer{background:var(--cw-n2)!important;border-top:1px solid var(--cw-line)}

@media (max-width:767px){
  .plans-toolbar{border-radius:18px;width:100%}
  .page-hero .position-relative,.page-outro > .position-relative,.page-hero .carousel .carousel-inner{border-radius:18px!important;margin:14px 10px 20px!important}
  .navbar-collapse{background:var(--cw-n2);border:1px solid var(--cw-line);border-radius:16px;padding:8px;margin-top:10px}
}

/* nav-active-fix */
.site-header .navbar-nav .nav-item.active>.nav-link,.site-header .navbar-nav .nav-link.active{background:rgba(54,247,230,.14)!important;color:#36F7E6!important}

/* order-fix */
:root{--sf-primary-soft:rgba(54,247,230,.12);--sf-accent-soft:rgba(82,93,255,.18)}
.plan-row{border-color:rgba(169,172,214,.18)!important;border-radius:10px}
.plan-row.bg-light,.plan-row:hover{background:rgba(54,247,230,.12)!important}
.plan-row.bg-light .plan-name,.plan-row.bg-light *{color:#fff!important}
.select2-container--bootstrap .select2-selection,.select2-container .select2-selection{background:#1b1b55!important;border:1px solid rgba(169,172,214,.18)!important;border-radius:12px!important;color:#fff!important}
.select2-container .select2-selection__rendered{color:#fff!important}
.select2-dropdown{background:#15153f!important;border-color:rgba(169,172,214,.18)!important;color:#e6e7fb!important}
.select2-results__option{color:#e6e7fb!important}
.select2-results__option--highlighted,.select2-results__option[aria-selected=true]{background:rgba(54,247,230,.15)!important;color:#fff!important}

/* stats */
.cw-stats .h2{font-size:44px;font-weight:700;color:#36F7E6!important}
.cw-stats .text-secondary{font-size:15px}
.text-white.bg-secondary p{color:#eef0ff}