/*
Theme Name: Working VPN (RU)
Author: GPT
Version: 1.0.0
Text Domain: workingvpn
*/

/* ========== Base / Variables ========== */
:root{
  --wvpn-bg:#ffffff;
  --wvpn-surface:#f6f8ff;
  --wvpn-surface-2:#eef2ff;
  --wvpn-text:#0b1220;
  --wvpn-muted:#52607a;
  --wvpn-border:rgba(11,18,32,.12);
  --wvpn-shadow:0 14px 40px rgba(11,18,32,.10);
  --wvpn-shadow-sm:0 10px 26px rgba(11,18,32,.08);

--wvpn-primary:#59d398;
--wvpn-primary-2:#7fe0b4;

  --wvpn-link:#246bff;
  --wvpn-navy:#0b1020;
 --wvpn-success:#59d398;
  --wvpn-warning:#f59e0b;

  --wvpn-radius:18px;
  --wvpn-radius-sm:14px;
  --wvpn-container:1160px;

  --wvpn-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", "Liberation Sans", sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--wvpn-font);
  color:var(--wvpn-text);
  background:var(--wvpn-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto}
a{color:var(--wvpn-link);text-decoration:none}
a:hover{text-decoration:underline}
p{line-height:1.7;margin:0 0 14px}
ul,ol{line-height:1.7}
h1,h2,h3{line-height:1.15;margin:0 0 12px}
h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.02em}
h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.015em}
h3{font-size:clamp(18px,2vw,22px)}
small{color:var(--wvpn-muted)}

.wvpn-container{max-width:var(--wvpn-container);margin:0 auto;padding:0 18px}
.wvpn-section{padding:56px 0}
.wvpn-section--soft{background:linear-gradient(180deg,var(--wvpn-surface),#fff)}
.wvpn-section--tint{background:var(--wvpn-surface)}
.wvpn-grid{display:grid;gap:18px}
.wvpn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wvpn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wvpn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){
  .wvpn-grid-3,.wvpn-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .wvpn-grid-2,.wvpn-grid-3,.wvpn-grid-4{grid-template-columns:1fr}
  .wvpn-section{padding:44px 0}
}

/* ========== Utilities ========== */
.wvpn-muted{color:var(--wvpn-muted)}
.wvpn-kicker{display:inline-flex;gap:10px;align-items:center;color:var(--wvpn-muted);font-weight:600}
.wvpn-kicker:before{
  content:"";
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(135deg,var(--wvpn-primary),var(--wvpn-primary-2));
  box-shadow:0 8px 20px rgba(255,107,44,.25);
}
.wvpn-card{
  background:#fff;border:1px solid var(--wvpn-border);
  border-radius:var(--wvpn-radius);
  box-shadow:var(--wvpn-shadow-sm);
  padding:18px;
}
.wvpn-card--flat{box-shadow:none;background:var(--wvpn-surface);border-color:rgba(11,18,32,.08)}
.wvpn-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  font-size:13px;font-weight:700;
  background:rgba(255,107,44,.12);
  color:#b63d12;
  border:1px solid rgba(255,107,44,.22);
}
.wvpn-badge--ok{background:rgba(22,163,74,.12);color:#0f6b2f;border-color:rgba(22,163,74,.22)}
.wvpn-badge--warn{background:rgba(245,158,11,.14);color:#8a5a06;border-color:rgba(245,158,11,.22)}
.wvpn-divider{height:1px;background:var(--wvpn-border);margin:14px 0}

/* ========== Buttons ========== */
.wvpn-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  border:1px solid transparent;
  font-weight:800;letter-spacing:.01em;
  cursor:pointer;user-select:none;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
  text-decoration:none !important;
  white-space:nowrap;
}
.wvpn-btn:active{transform:translateY(1px)}
.wvpn-btn--primary{
  background:linear-gradient(135deg,var(--wvpn-primary),var(--wvpn-primary-2));
  color:#fff;
}
.wvpn-btn--primary:hover{box-shadow: #00968859}
.wvpn-btn--ghost{
  background:#fff;color:var(--wvpn-text);
  border-color:rgba(11,18,32,.14);
}
.wvpn-btn--ghost:hover{border-color:rgba(11,18,32,.22)}
.wvpn-btn--link{
  background:transparent;border-color:transparent;color:var(--wvpn-link);padding:10px 8px
}
.wvpn-btn--block{width:100%}

/* ========== Header / Nav ========== */
.wvpn-header{
  position:sticky;top:0;z-index:60;
  backdrop-filter:saturate(1.2) blur(10px);
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(11,18,32,.08);
}
.wvpn-header__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:12px 0;
}
.wvpn-brand{
  display:flex;align-items:center;gap:10px;min-width:180px;
}
.wvpn-brand__logo{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(135deg,var(--wvpn-primary),var(--wvpn-primary-2));
  box-shadow:0 12px 28px rgba(255,107,44,.25);
}
.wvpn-brand__text{display:flex;flex-direction:column;line-height:1.05}
.wvpn-brand__name{font-weight:900;letter-spacing:-.02em}
.wvpn-brand__tag{font-size:12px;color:var(--wvpn-muted)}

.wvpn-nav{display:flex;align-items:center;gap:16px}
.wvpn-nav a{
  color:var(--wvpn-text);font-weight:800;
  padding:10px 10px;border-radius:12px;
  text-decoration:none;
}
.wvpn-nav a:hover{background:rgba(11,18,32,.06);text-decoration:none}
.wvpn-nav .current-menu-item > a,
.wvpn-nav .current_page_item > a{background:rgba(255,107,44,.12);color:#b63d12}

.wvpn-header__actions{display:flex;align-items:center;gap:10px}
.wvpn-burger{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;
  background:#fff;border:1px solid rgba(11,18,32,.14);
  cursor:pointer;
}
.wvpn-burger svg{width:22px;height:22px}
@media (max-width:1000px){
  .wvpn-burger{display:inline-flex}
  .wvpn-nav{display:none}
  .wvpn-header__actions .wvpn-btn--primary{display:none}
}

.wvpn-mobile{
  display:none;
  padding:10px 0 16px;
}
.wvpn-mobile.is-open{display:block}
.wvpn-mobile__panel{
  border:1px solid rgba(11,18,32,.10);
  background:#fff;border-radius:var(--wvpn-radius);
  box-shadow:var(--wvpn-shadow-sm);
  padding:10px;
}
.wvpn-mobile__panel a{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 12px;border-radius:14px;
  color:var(--wvpn-text);font-weight:900;text-decoration:none;
}
.wvpn-mobile__panel a:hover{background:rgba(11,18,32,.06)}
.wvpn-mobile__cta{margin-top:10px}

/* ========== Hero ========== */
.wvpn-hero{
  padding:34px 0 12px;
  background:radial-gradient(900px 500px at 20% 10%, rgb(44 255 226 / 16%), #acc5fb00 60%), radial-gradient(900px 500px at 90% 0%, rgba(36, 107, 255, .12), #f7eeee00 55%), linear-gradient(180deg, var(--wvpn-surface) 0%, #fff 70%)
}
.wvpn-hero__wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center}
@media (max-width:980px){.wvpn-hero__wrap{grid-template-columns:1fr}}
.wvpn-hero__title{margin-top:10px}
.wvpn-hero__underline{
  position:relative;
}
.wvpn-hero__underline:after{
  content:"";
  position:absolute;left:0;right:0;bottom:-10px;height:12px;
  background:linear-gradient(90deg, rgba(255,107,44,.0), rgba(255,107,44,.35), rgba(255,107,44,.0));
  border-radius:999px;
  filter:blur(0.2px);
}
.wvpn-hero__lead{font-size:18px;color:var(--wvpn-muted);max-width:58ch}
.wvpn-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.wvpn-hero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.wvpn-hero__art{
  min-height:320px;
  border-radius:var(--wvpn-radius);
  border:1px solid rgba(11,18,32,.10);
  background:linear-gradient(135deg, rgba(11,16,32,.04), rgba(255,107,44,.08));
  box-shadow:var(--wvpn-shadow-sm);
  overflow:hidden;
  position:relative;
}
.wvpn-hero__art:before{
  content:"";
  position:absolute;inset:-40px;
  background:
    radial-gradient(300px 220px at 20% 25%, rgba(255,107,44,.20), transparent 60%),
    radial-gradient(280px 200px at 78% 20%, rgba(36,107,255,.16), transparent 60%),
    radial-gradient(320px 240px at 65% 75%, rgba(255,138,87,.12), transparent 60%);
}
.wvpn-hero__art-inner{
  position:relative;
  padding:18px;
}
.wvpn-mini-cards{display:grid;gap:10px;margin-top:10px}
.wvpn-mini-card{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 12px;border-radius:16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(11,18,32,.10);
}
.wvpn-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  background:rgba(11,18,32,.06);
  color:var(--wvpn-text);
  font-weight:800;font-size:13px;
}
.wvpn-dot{width:10px;height:10px;border-radius:999px;background:var(--wvpn-success);box-shadow:0 10px 20px rgba(22,163,74,.25)}

/* ========== Features ========== */
.wvpn-feature{
  display:flex;gap:12px;align-items:flex-start
}
.wvpn-ico{
  width:42px;height:42px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,107,44,.12);
  border:1px solid rgba(255,107,44,.20);
  flex:0 0 auto;
}
.wvpn-ico svg{width:22px;height:22px}
.wvpn-feature__title{margin:0 0 6px;font-weight:900}
.wvpn-feature__text{margin:0;color:var(--wvpn-muted)}

/* ========== Pricing ========== */
.wvpn-pricing__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wvpn-price{
  font-size:34px;font-weight:1000;letter-spacing:-.02em;
}
.wvpn-price small{font-size:14px;font-weight:900;color:var(--wvpn-muted)}
.wvpn-plan{
  position:relative;
}
.wvpn-plan--popular{
  border-color:rgba(255,107,44,.28);
  box-shadow:0 18px 46px rgba(255,107,44,.14);
}
.wvpn-plan__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wvpn-list{margin:12px 0 0;padding-left:18px}
.wvpn-list li{margin:6px 0}

/* ========== FAQ Accordion ========== */
.wvpn-faq{display:grid;gap:10px}
.wvpn-acc{
  border:1px solid rgba(11,18,32,.12);
  border-radius:var(--wvpn-radius-sm);
  overflow:hidden;
  background:#fff;
}
.wvpn-acc__btn{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 14px;
  font:inherit;
  background:transparent;border:0;
  cursor:pointer;
  font-weight:950;
  text-align:left;
}
.wvpn-acc__btn:hover{background:rgba(11,18,32,.04)}
.wvpn-acc__icon{
  width:34px;height:34px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(11,18,32,.06);
  flex:0 0 auto;
}
.wvpn-acc__panel{
  display:none;
  padding:0 14px 14px;
  color:var(--wvpn-muted);
}
.wvpn-acc.is-open .wvpn-acc__panel{display:block}

/* ========== Page header ========== */
.wvpn-pagehead{padding:34px 0 10px;background:linear-gradient(180deg,var(--wvpn-surface),#fff)}
.wvpn-breadcrumbs{font-size:13px;color:var(--wvpn-muted)}
.wvpn-breadcrumbs a{color:var(--wvpn-muted);text-decoration:none}
.wvpn-breadcrumbs a:hover{text-decoration:underline}
.wvpn-content{padding:26px 0 60px}
.wvpn-content .alignwide{width:100%}

/* ========== Footer ========== */
.wvpn-footer{
  border-top:1px solid rgba(11,18,32,.10);
  background:linear-gradient(180deg,#fff,var(--wvpn-surface));
  padding:34px 0;
}
.wvpn-footer__grid{display:grid;gap:18px;grid-template-columns:1.2fr .8fr .8fr}
@media (max-width:900px){.wvpn-footer__grid{grid-template-columns:1fr}}
.wvpn-footer a{color:var(--wvpn-text);text-decoration:none}
.wvpn-footer a:hover{text-decoration:underline}
.wvpn-footer__note{color:var(--wvpn-muted);font-size:13px;margin-top:10px}

/* ========== Forms (light) ========== */
.wvpn-input{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(11,18,32,.14);
  outline:none;
  font:inherit;
}
.wvpn-input:focus{border-color:rgba(36,107,255,.45);box-shadow:0 0 0 4px rgba(36,107,255,.10)}

/* ========== WP content basics ========== */
.entry-content > *:first-child{margin-top:0}
.entry-content a{word-break:break-word}
/* ===== Dropdown: Скачать ===== */

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children > .menu-link {
  display: flex;
  align-items: center;
  gap: 6px;
	color: #7f8081
}

.menu-arrow {
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-top: -2px;
}

/* Submenu */
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 8px;
  margin: 10px 0 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all .18s ease;
  z-index: 50;
}

/* Show on hover (desktop) */
.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sub-menu .menu-item a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  font-weight: 600;
  color: #0b1220;
  text-decoration: none;
}

.sub-menu .menu-item a:hover {
  background: rgba(89, 211, 152, 0.15); /* #59d398 */
}

/* ===== Mobile ===== */
@media (max-width: 1000px) {

  .sub-menu {
    position: static;
    box-shadow: none;
    margin: 6px 0 0;
    padding: 6px 0 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
  }

  .menu-item-has-children.is-open > .sub-menu {
    display: block;
  }

}
/* ================================
   MAIN MENU (Desktop + Mobile)
   ================================ */

.wvpn-nav,
.wvpn-mobile__panel {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ===== Links ===== */
.wvpn-nav a,
.wvpn-mobile__panel a {
  display: flex;
  align-items: center;
	 list-style: none;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 800;
  color: #7f8081;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}

/* Hover / Focus */
.wvpn-nav a:hover,
.wvpn-mobile__panel a:hover {
  background: rgba(89, 211, 152, 0.15); /* #59d398 */
  color: #0b1220;
}

/* Active page */
.wvpn-nav .current-menu-item > a,
.wvpn-nav .current_page_item > a,
.wvpn-mobile__panel .current-menu-item > a {
  background: rgba(89, 211, 152, 0.22);
  color: #0b1220;
}

/* ================================
   DROPDOWN (Скачать)
   ================================ */

.menu-item-has-children {
  position: relative;
}

/* Arrow */
.menu-arrow {
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
  opacity: .7;
}

/* Submenu container */
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin-top: 10px;
  padding: 8px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  list-style: none;

  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all .18s ease;
  z-index: 50;
}

/* Desktop hover */
.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Submenu links */
.sub-menu a {
  font-weight: 700;
  padding: 10px 12px;
  border-radius: 10px;
}

/* ================================
   MOBILE MENU
   ================================ */

@media (max-width: 1000px) {

  .wvpn-nav {
    display: none;
  }

  .sub-menu {
    position: static;
    box-shadow: none;
    background: transparent;
    padding: 6px 0 0;
    margin: 4px 0 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
  }

  .menu-item-has-children.is-open > .sub-menu {
    display: block;
  }

  .menu-arrow {
    margin-left: auto;
    transform: rotate(45deg);
  }

}
nav li.menu-item {  list-style: none;
	color: #676767;}
.wvpn-nav ul {
	display: flex;
}
/* ================================
   MOBILE DROPDOWN FIX
   ================================ */

@media (max-width: 900px) {

  .wvpn-mobile__panel .menu-item-has-children > .sub-menu {
    display: none;
  }

  .wvpn-mobile__panel .menu-item-has-children.is-open > .sub-menu {
    display: block;
  }

  .wvpn-mobile__panel .menu-item-has-children > a {
    justify-content: space-between;
  }

  .wvpn-mobile__panel .menu-arrow {
    margin-left: auto;
    transition: transform .2s ease;
  }

  .wvpn-mobile__panel .menu-item-has-children.is-open .menu-arrow {
    transform: rotate(225deg);
  }

}