/*
Theme Name: Nuts2Invest Child
Theme URI: https://www.nuts2invest.com
Description: Child тема на Hello Elementor за Nuts2Invest — тъмна data-forward дизайн система. Токените се мапват към Elementor Global Colors/Fonts; компонентните стилове обслужват данните, рендирани от vs-wp-nuts-plugin.
Author: VaeloStudio
Template: hello-elementor
Version: 1.0.0
Text Domain: n2i-child
*/

/* ============================================================
   TOKENS — committed dark data-monitor identity (одобрен дизайн)
   ============================================================ */
:root{
  --ink:#0a0d14;
  --surface-1:#111621;
  --surface-2:#19202e;
  --surface-3:#212b3c;
  --border:#232c3d;
  --border-soft:#1a2230;

  --text:#f4f2ec;
  --text-2:#cec9bf;
  --text-muted:#9a948a;

  --accent:#f5a524;
  --accent-hot:#ff8a3c;
  --accent-soft:rgba(245,165,36,.14);

  --up:#34d98a;
  --up-soft:rgba(52,217,138,.13);
  --down:#ff5d6b;
  --down-soft:rgba(255,93,107,.13);
  --neutral:#6b7a94;

  --grade-a:#34d98a;
  --grade-b:#8bd450;
  --grade-c:#f5a524;
  --grade-d:#ff5d6b;

  --radius-s:3px;
  --radius:4px;
  --radius-l:4px;
  --pill:999px;

  --shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 18px 40px -24px rgba(0,0,0,.9);

  --maxw:1340px;
  --ff-display:"Manrope","Segoe UI",system-ui,sans-serif;
  --ff-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --ff-mono:"IBM Plex Mono",ui-monospace,"Cascadia Code",monospace;
}

/* ============================================================
   BASE — тъмна основа (Hello Elementor е неутрална, дообагряме)
   ============================================================ */
body{
  background-color:var(--ink);
  background-image:
    radial-gradient(900px 420px at 78% -6%, rgba(245,165,36,.10), transparent 60%),
    radial-gradient(700px 500px at 8% 4%, rgba(52,217,138,.05), transparent 55%);
  background-attachment:fixed;
  background-repeat:no-repeat;
  color:var(--text);
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
/* Hello Elementor дава на контейнерите бял фон, който прозира като ивици ("хармоника")
   между тъмните секции — правим ги прозрачни, за да показват единния тъмен фон */
.site-main,.page-content,.entry-content,main,article,.elementor,
.site-header:not(.dynamic-header),.site-footer:not(.dynamic-footer),
.hello-elementor .site-main{background:transparent!important}
html{background:var(--ink)}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-display);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
a{color:inherit}
.n2i-mono,.num{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}

/* контейнер ширина за native секции */
.e-con,.elementor-section .elementor-container{--container-max-width:var(--maxw)}
.n2i-wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}

/* ============================================================
   RESET OVERRIDE — уеднаквяване срещу Hello Elementor reset.css
   (reset дава бутоните #c36 розово, a:hover #336 синьо, underline —
    тук ги нормализираме към дизайн-системата, консистентно навсякъде)
   ============================================================ */
a{text-decoration:none}
a:hover,a:active{color:inherit;text-decoration:none}
/* нито един бутон/линк-бутон не подчертава и не сменя цвят към reset-цветовете */
.btn,a.btn,.n2i-nav-links a,.n2i-foot-col a,.n2i-brand,.kb-back,.n2i-kb-card,
.createPDF,.createExel,.pms-account-navigation-link a,.login-extra a{text-decoration:none}
/* Hello theme.css: .page-content a{underline} е по-специфично и подчертава Elementor
   бутоните (те са <a>) + линковете в менюто/бутоните. Маха се само за бутони и навигация
   (легитимните линкове в съдържанието запазват underline). Покрива hover/focus. */
.n2i-header a,.n2i-header a:hover,.n2i-header a:focus,
.elementor-button,.elementor-button:hover,.elementor-button:focus,
.page-content a.btn,.page-content .elementor-button,
.btn:hover,.btn:focus,.n2i-nav-links a:hover{text-decoration:none!important}
.elementor-button:focus,.n2i-header a:focus{outline:none}
/* Hello reset слага 1px #c36 борд + #c36 текст на ВСЕКИ button/submit — нулираме */
button,input[type=submit],input[type=button],input[type=reset]{
  background-color:transparent;border:1px solid transparent;color:inherit;border-radius:3px
}
button:hover,input[type=submit]:hover,input[type=button]:hover{background-color:transparent;color:inherit;text-decoration:none}
/* нашите primary submit-и (форма на плъгина, wppb, pms) — амбър, не #c36 */
.button-submit input[type=submit],
.wppb-user-forms input[type=submit],
form[id^="wppb-"] input[type=submit],form[id^="wppb-"] #register,
.pms-form input[type=submit],.pms-form .button-primary,
input.button-primary,button.button-primary{
  background:linear-gradient(150deg,var(--accent),var(--accent-hot));border-color:transparent;color:#1a1206
}
.button-submit input[type=submit]:hover,
.wppb-user-forms input[type=submit]:hover,
form[id^="wppb-"] input[type=submit]:hover,
input.button-primary:hover,button.button-primary:hover{
  background:linear-gradient(150deg,var(--accent),var(--accent-hot));color:#1a1206;filter:brightness(1.06)
}
/* consistent focus ring (reset дава черно outline + бял shadow) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}

/* ============================================================
   HEADER (child template part — вариант „б")
   ============================================================ */
.n2i-header{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:1px solid var(--border)}
.n2i-nav{display:flex;align-items:center;gap:28px;height:84px}
.n2i-brand{display:inline-flex;align-items:center;flex:none}
.n2i-brand svg{height:56px;width:auto;display:block}
.n2i-brand svg path,.n2i-brand svg rect,.n2i-brand svg polygon{transition:fill .16s}
/* hover: всички пътища → бяло (естественото бяло+amber остава default). Единично inline SVG = без мигане */
.n2i-brand:hover svg path,.n2i-brand:hover svg rect,.n2i-brand:hover svg polygon{fill:#fff!important}
.n2i-foot-brand .n2i-logo{height:54px;width:auto;display:block;margin-bottom:14px}
.n2i-nav-links{display:flex;align-items:center;margin-left:8px}
.n2i-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.n2i-menu li{position:relative}
.n2i-nav-links a{position:relative;display:block;font-size:.94rem;color:var(--text-2);transition:.14s color;font-weight:500;text-decoration:none}
.n2i-menu>li>a{padding:6px 0}
.n2i-nav-links a:hover{color:var(--accent)}
.n2i-nav-links a.active,.n2i-menu .current-menu-item>a,.n2i-menu .current-menu-parent>a{color:var(--accent)}
/* никакъв offset-outline/черта над текста при клик/фокус */
.n2i-nav-links a:focus,.n2i-nav-links a:focus-visible{outline:none;box-shadow:none;text-decoration:none}
/* плъзгащ долен акцент — само за top-level елементите */
/* без underline/stroke на hover в менюто — само смяна на цвят (по искане) */
/* индикатор за под-меню */
.n2i-menu>li.menu-item-has-children>a{padding-right:14px}
.n2i-menu>li.menu-item-has-children>a::before{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.6}
/* падащо под-меню */
.n2i-menu .sub-menu{list-style:none;margin:0;padding:6px;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s all;z-index:60}
.n2i-menu>li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.n2i-menu .sub-menu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}
.n2i-menu .sub-menu a{padding:9px 12px;border-radius:var(--radius-s);white-space:nowrap;color:var(--text-2);font-size:.9rem}
.n2i-menu .sub-menu a:hover{background:var(--surface-2);color:var(--text)}
.n2i-nav-cta{margin-left:auto;display:flex;align-items:center;gap:12px}
.n2i-menu-btn{display:none;background:transparent;border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text);width:40px;height:38px;cursor:pointer;align-items:center;justify-content:center}

/* ============================================================
   FOOTER (child template part)
   ============================================================ */
.n2i-footer{border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));padding:56px 0 32px;margin-top:20px}
.n2i-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.n2i-foot-brand svg,.n2i-foot-brand .n2i-logo{height:54px;width:auto;display:block;color:var(--text-2);margin-bottom:14px}
.n2i-foot-brand p{color:var(--text-muted);font-size:.86rem;max-width:32ch;margin:0}
.n2i-foot-col h4{font-family:var(--ff-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 15px;font-weight:600}
.n2i-foot-col a{display:block;color:var(--text-2);font-size:.9rem;padding:5px 0;transition:.14s color}
.n2i-foot-col a:hover{color:var(--accent)}
.n2i-foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-muted);font-size:.8rem}

@media(max-width:900px){
  .n2i-nav-links{display:none}
  .n2i-menu-btn{display:flex}
  .n2i-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .n2i-wrap{padding:0 18px}
  .n2i-foot-grid{grid-template-columns:1fr}
  .n2i-brand svg,.n2i-logo{height:42px}
}

/* ============================================================
   BUTTONS — box radius + press-in интеракция
   ============================================================ */
.btn,
.n2i .button,
.vswpnuts input[type=submit]{
  font-family:var(--ff-body);font-weight:600;font-size:.9rem;cursor:pointer;
  border:1px solid transparent;border-radius:3px;
  padding:9px 18px;display:inline-flex;align-items:center;gap:8px;
  transition:.15s transform,.15s box-shadow,.15s filter,.15s background,.15s border-color;
  white-space:nowrap;
}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px -12px rgba(0,0,0,.6)}
.btn:active{transform:translateY(1px);box-shadow:inset 0 3px 9px -2px rgba(0,0,0,.6);filter:brightness(.93)}
.btn-primary,.vswpnuts input[type=submit]{background:linear-gradient(150deg,var(--accent),var(--accent-hot));color:#1a1206;box-shadow:0 8px 20px -10px rgba(245,165,36,.75)}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(245,165,36,.85)}
.btn-primary:active{filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(122,74,10,.65)}
.btn-ghost{background:var(--surface-2);color:var(--text);border-color:transparent}
.btn-ghost:hover{background:var(--surface-3);border-color:transparent}
.btn-secondary{background:var(--surface-2);color:var(--text);border-color:transparent}
.btn-secondary:hover{background:var(--surface-3)}
.btn-sm{padding:6px 12px;font-size:.82rem}

/* ============================================================
   DATA COMPONENTS — обслужват vs-wp-nuts-plugin изхода
   ============================================================ */

/* ============================================================
   HOME HERO (child front-page.php)
   ============================================================ */
.n2i-hero{padding:74px 0 60px}
.n2i-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 40px}
.n2i-eyebrow{font-family:var(--ff-mono);font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:9px}
.n2i-eyebrow::before{content:"";width:20px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.n2i-hero h1{font-family:var(--ff-display);font-weight:800;font-size:clamp(2.3rem,5.4vw,3.7rem);line-height:1.04;letter-spacing:-.032em;margin:18px 0;text-wrap:balance;color:var(--text)}
.n2i-hero h1 .accent{background:linear-gradient(120deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent}
.n2i-hero .lead{font-size:1.12rem;color:var(--text-2);max-width:46ch;margin:0 0 28px}
.n2i-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
/* ---- Feature секция (снимка данни + копи) ---- */
.n2i-feature{padding:48px 0 24px}
.n2i-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}
.n2i-feature-media img{width:100%;height:auto;border-radius:var(--radius-l);border:1px solid var(--border);box-shadow:var(--shadow);display:block}
.n2i-feature-copy h2{font-family:var(--ff-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;line-height:1.12;margin:14px 0;color:var(--text)}
.n2i-feature-list{list-style:none;margin:4px 0 24px;padding:0;display:flex;flex-direction:column;gap:11px}
.n2i-feature-list li{position:relative;padding-left:26px;color:var(--text-2);font-size:.98rem}
.n2i-feature-list li::before{content:"";position:absolute;left:0;top:.45em;width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-hot))}
.n2i-feature-list b{color:var(--text);font-weight:600}
@media(max-width:820px){.n2i-feature-grid{grid-template-columns:1fr;gap:28px}}
/* ---- CTA лента с енергиен орб фон ---- */
.n2i-cta{padding:36px 0 12px}
.n2i-cta-inner{position:relative;overflow:hidden;border-radius:var(--radius-l);border:1px solid var(--border);padding:54px 44px;text-align:center;background:radial-gradient(120% 140% at 50% -20%,var(--accent-soft),transparent 55%),linear-gradient(180deg,var(--surface-2),var(--surface-1))}
.n2i-cta-inner>*{position:relative;z-index:1}
.n2i-cta-inner h2{font-family:var(--ff-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px;color:var(--text)}
.n2i-cta-inner p{color:var(--text-2);margin:0 0 22px;font-size:1.05rem}
.n2i-cta-inner .n2i-hero-actions{justify-content:center}
/* ============================================================
   БЛОГ (Elementor Posts) — тъмни карти
   ============================================================ */
.elementor-posts .elementor-post__card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;transition:.16s border-color}
.elementor-posts .elementor-post__card:hover{border-color:var(--surface-3)}
.elementor-post__text{padding:16px 18px 18px}
.elementor-post__title,.elementor-post__title a{color:var(--text)!important;font-family:var(--ff-display);font-weight:700}
.elementor-post__title a:hover{color:var(--accent)!important}
.elementor-post__excerpt,.elementor-post__excerpt p{color:var(--text-2)!important}
.elementor-post__meta-data,.elementor-post__meta-data *{color:var(--text-muted)!important}
.elementor-post__read-more{color:var(--accent)!important;font-weight:600;text-decoration:none!important}
.elementor-post__read-more:hover{filter:brightness(1.12)}
.elementor-post__badge{background:var(--accent)!important;color:#1a1206!important}
/* Elementor секции, ползващи светлия „text" глобал (#F4F2EC) като ФОН → тъмни (бялата лента) */
.elementor-element-c9d61fc,.elementor-element-6046220a{background-color:var(--ink)!important;background-image:none!important}
/* единичен пост / архив: четим светъл текст */
body.single-post .entry-content,body.single-post .entry-content p,body.blog .entry-content,
.single-post .entry-content li,.single-post .entry-content{color:var(--text-2)}
.single-post .entry-content h1,.single-post .entry-content h2,.single-post .entry-content h3,.single-post .entry-title{color:var(--text)!important;font-family:var(--ff-display)}
.single-post .entry-content a{color:var(--accent)}
/* ============================================================
   PRICING (Elementor Price Table) — тъмна тема
   ============================================================ */
.elementor-price-table{background:var(--surface-1)!important;border:1px solid var(--border)!important;border-radius:var(--radius-l)!important;overflow:hidden}
.elementor-price-table__header{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important}
.elementor-price-table__heading,.elementor-price-table__subheading{color:var(--text)!important}
.elementor-price-table__price,.elementor-price-table__integer-part,.elementor-price-table__currency,.elementor-price-table__fractional-part,.elementor-price-table__original-price{color:var(--text)!important}
.elementor-price-table__period,.elementor-price-table__after-price{color:var(--text-muted)!important}
.elementor-price-table__features-list,.elementor-price-table__features-list li,.elementor-price-table__feature-inner{color:var(--text-2)!important;border-color:var(--border)!important}
.elementor-price-table__ribbon-inner{background:var(--accent)!important;color:#1a1206!important}
/* ---- Home Elementor съдържание — дизайн-ширина (иначе boxed на 1140) ---- */
/* Elementor страници: boxed секциите на дизайн-ширина + СЪЩИЯ 40px padding като .n2i-wrap,
   за да съвпадат левите/десните ръбове с hero/feature/CTA (иначе съдържанието стърчи навън). */
/* ВСИЧКИ Elementor контейнери (boxed + full-width + flex e-con) на дизайн-ширина 1340 + 40px
   padding — за да съвпадат ръбовете на съдържанието с хедъра/hero (.n2i-wrap). Фонът на
   full-width секциите остава пълноширок; само СЪДЪРЖАНИЕТО се центрира. */
/* boxed секции → дизайн-ширина (Elementor default е 1140); само СЪДЪРЖАНИЕТО, не вложените.
   body-префиксът вдига специфичността над кита; -boxed съвпада точно с Elementor-ния селектор. */
body .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:40px!important;padding-right:40px!important}
/* вложените секции пълнят родителя — без втори max-width/padding (иначе двоен инсет) */
body .elementor-section.elementor-inner-section>.elementor-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
/* крайните inner-колони: махни външния column padding, за да лепне съдържанието на ръба (90/1350);
   вътрешните колони запазват padding-а си → разстоянията между кутиите остават */
body .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
body .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-element-populated{padding-left:0!important}
body .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-widget-wrap,
body .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-element-populated{padding-right:0!important}
/* flex контейнери — само top-level (e-parent), да няма двоен padding на вложените */
.e-con.e-parent>.e-con-inner{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important}
.e-con.e-parent{padding-left:40px!important;padding-right:40px!important}
/* blog листинг (full-width секция 6046220a): центрирай грид-а в рамката, махни негативните margin-и */
.blog .elementor-element-6046220a>.elementor-container,.blog .elementor-element-6046220a>.e-con-inner{max-width:var(--maxw)!important;margin-left:auto!important;margin-right:auto!important;padding-left:40px!important;padding-right:40px!important}
.blog .elementor-posts{margin-left:0!important;margin-right:0!important}
@media(max-width:560px){
  body .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container,.e-con.e-parent,.blog .elementor-element-6046220a>.elementor-container{padding-left:18px!important;padding-right:18px!important}
}
/* ---- „Knowledge Base" лента: ОСТАВА оранжева (същия градиент като primary бутона) ---- */
.elementor-element-1f8c5e0{background:linear-gradient(150deg,var(--accent),var(--accent-hot))!important;border:0}
.elementor-element-1f8c5e0 .elementor-heading-title,
.elementor-element-1f8c5e0 h1,.elementor-element-1f8c5e0 h2,.elementor-element-1f8c5e0 h3,.elementor-element-1f8c5e0 p{color:#1a1206!important}
/* ============================================================
   ЕДИНЕН БУТОН СТИЛ — важи за .btn, Elementor бутоните и всеки бъдещ
   ============================================================ */
.elementor-button{background:linear-gradient(150deg,var(--accent),var(--accent-hot))!important;color:#1a1206!important;border:0!important;border-radius:3px!important;font-family:var(--ff-body)!important;font-weight:600!important;padding:13px 26px!important;box-shadow:0 8px 20px -10px rgba(245,165,36,.75);transition:.15s transform,.15s box-shadow,.15s filter;text-decoration:none!important}
.elementor-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.elementor-button:active{filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(122,74,10,.65)}
/* Бутон ВЪРХУ оранжевата лента — тъмен (контраст), със същите ефекти */
.elementor-element-1f8c5e0 .elementor-button{background:var(--surface-1)!important;color:var(--text)!important;box-shadow:0 10px 26px -12px rgba(0,0,0,.75)}
.elementor-element-1f8c5e0 .elementor-button:hover{background:var(--surface-2)!important;filter:none;transform:translateY(-1px)}
.elementor-element-1f8c5e0 .elementor-button:active{filter:none;transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(0,0,0,.6)}
/* оранжевата лента: бутон и текст вертикално центрирани + малко по-голям текст */
.elementor-element-1f8c5e0>.elementor-container{align-items:center}
.elementor-element-1f8c5e0 .elementor-widget-wrap{align-content:center}
.elementor-element-1f8c5e0 .elementor-heading-title,.elementor-element-1f8c5e0 h1,.elementor-element-1f8c5e0 h2,.elementor-element-1f8c5e0 h3,.elementor-element-1f8c5e0 p{font-size:1.25rem!important;line-height:1.35!important;margin:0!important}
/* ---- Долни икони-линкове: 50% по-малки + текст-етикет отдолу (само там, не в менюто) ---- */
a:has(img[src*="/a_videos"]),a:has(img[src*="/a_updates"]),a:has(img[src*="/a_press"]),a:has(img[src*="/a_message"]){display:inline-flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none!important;color:var(--text-2);transition:.15s color}
/* скрий оригиналните образи (различни по размер/стил) */
a:has(img[src*="/a_videos"]) img,a:has(img[src*="/a_updates"]) img,a:has(img[src*="/a_press"]) img,a:has(img[src*="/a_message"]) img{display:none!important}
a:has(img[src*="/a_videos"]) br,a:has(img[src*="/a_updates"]) br,a:has(img[src*="/a_press"]) br,a:has(img[src*="/a_message"]) br{display:none}
/* шрифтова икона в ЕДНАКЪВ квадрат */
a:has(img[src*="/a_videos"])::before,a:has(img[src*="/a_updates"])::before,a:has(img[src*="/a_press"])::before,a:has(img[src*="/a_message"])::before{font-family:dashicons;font-size:36px;line-height:1;width:78px;height:78px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);transition:.15s all}
a:has(img[src*="/a_videos"])::before{content:"\f236"}
a:has(img[src*="/a_updates"])::before{content:"\f463"}
a:has(img[src*="/a_press"])::before{content:"\f488"}
a:has(img[src*="/a_message"])::before{content:"\f466"}
/* етикет отдолу */
a:has(img[src*="/a_videos"])::after,a:has(img[src*="/a_updates"])::after,a:has(img[src*="/a_press"])::after,a:has(img[src*="/a_message"])::after{font-family:var(--ff-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:inherit}
a:has(img[src*="/a_videos"])::after{content:"Video"}
a:has(img[src*="/a_updates"])::after{content:"Latest Updates"}
a:has(img[src*="/a_press"])::after{content:"Press"}
a:has(img[src*="/a_message"])::after{content:"Message"}
/* hover: квадратът оранжев, черна икона */
a:has(img[src*="/a_videos"]):hover,a:has(img[src*="/a_updates"]):hover,a:has(img[src*="/a_press"]):hover,a:has(img[src*="/a_message"]):hover{color:var(--accent)}
a:has(img[src*="/a_videos"]):hover::before,a:has(img[src*="/a_updates"]):hover::before,a:has(img[src*="/a_press"]):hover::before,a:has(img[src*="/a_message"]):hover::before{background:var(--accent);border-color:var(--accent);color:#111}
/* #6 bullet разстояние — намалено (беше двойно) */
.n2i-intro-text ul{gap:4px}
.n2i-intro-text li{margin:0}
/* #3 футер: консистентен hover, лого с hover, без строк */
.n2i-foot-col a,.n2i-foot-col a:focus,.n2i-foot-col a:focus-visible{outline:none;text-decoration:none}
.n2i-foot-col a:hover{color:var(--accent);text-decoration:none}
.n2i-foot-brand a:hover svg,.n2i-foot-brand:hover svg{color:var(--accent)}
/* никаква черта (over/under-line, border, box-shadow) при hover във футъра */
.n2i-footer a,.n2i-footer a:hover,.n2i-footer a:focus,.n2i-footer a:active{text-decoration:none!important;border:0!important;box-shadow:none!important;outline:0!important}
.n2i-foot-brand svg,.n2i-foot-brand a{transition:.16s color}
.n2i-trust{margin-top:26px;display:flex;gap:26px;flex-wrap:wrap;color:var(--text-muted);font-size:.82rem}
.n2i-trust b{color:var(--text);font-family:var(--ff-mono)}
.stat-rows{display:flex;flex-direction:column;gap:14px;position:relative}
.stat-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.stat-row .name{font-size:.86rem;color:var(--text-2)}
.stat-row .track{grid-column:1/-1;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.stat-row .fill{height:100%;border-radius:99px}
.stat-val{display:flex;align-items:baseline;gap:9px}
.stat-val .v{font-family:var(--ff-mono);font-weight:600;font-size:1.02rem;letter-spacing:-.02em}
@media(max-width:900px){.n2i-hero-grid{grid-template-columns:1fr;gap:34px}}

/* floating stat bar */
.statbar{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border);border-radius:var(--radius-l);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.statbar::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 120px at 80% 0%,var(--accent-soft),transparent 70%);pointer-events:none}
.statbar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative}
.statbar-top .label{font-family:var(--ff-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}
.live{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-mono);font-size:11px;color:var(--up)}
.live .dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(52,217,138,.6);animation:n2i-pulse 2s infinite}
@keyframes n2i-pulse{70%{box-shadow:0 0 0 6px rgba(52,217,138,0)}100%{box-shadow:0 0 0 0 rgba(52,217,138,0)}}

/* KPI card */
.kpi{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:22px;box-shadow:var(--shadow)}
.kpi .k-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.kpi .k-label{font-size:.82rem;color:var(--text-2)}
.kpi .k-val{font-family:var(--ff-mono);font-weight:600;font-size:2rem;letter-spacing:-.03em;line-height:1}
.kpi .k-sub{margin-top:9px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}

/* delta chips */
.delta{font-family:var(--ff-mono);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:99px}
.delta.up,.pos{color:var(--up)}
.delta.up{background:var(--up-soft)}
.delta.down,.neg{color:var(--down)}
.delta.down{background:var(--down-soft)}
.delta.flat{color:var(--neutral);background:rgba(107,122,148,.14)}

/* rating badges (A+/A/B/C/D) */
.badge{font-family:var(--ff-mono);font-weight:600;font-size:.82rem;display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:3px;border:1px solid}
.badge.a{color:var(--grade-a);border-color:rgba(52,217,138,.4);background:var(--up-soft)}
.badge.b{color:var(--grade-b);border-color:rgba(139,212,80,.4);background:rgba(139,212,80,.12)}
.badge.c{color:var(--grade-c);border-color:rgba(245,165,36,.4);background:var(--accent-soft)}
.badge.d{color:var(--grade-d);border-color:rgba(255,93,107,.4);background:var(--down-soft)}

/* fund data table (главната таблица на плъгина) */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface-1)}
table.fund,table.widefat{width:100%;border-collapse:collapse}
table.fund thead th,table.widefat thead th{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-align:right;font-weight:600;padding:15px 18px;border-bottom:1px solid var(--border);white-space:nowrap;background:transparent}
table.fund thead th:first-child,table.fund tbody td:first-child,table.widefat thead th:first-child,table.widefat tbody td:first-child{text-align:left}
table.fund tbody td,table.widefat tbody td{padding:15px 18px;text-align:right;border-bottom:1px solid var(--border-soft);font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--text)}
table.fund tbody tr:hover td,table.widefat tbody tr:hover td{background:var(--surface-2)}

/* chart контейнер (FusionCharts/бъдеща библиотека) */
.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow)}
.chart-display{min-height:280px}

/* forms — портфолио генератор (риск/стратегия/сума/брокер) */
.field label.fl,.nuts-admin-search label{display:block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px}
.radio-set{display:flex;gap:10px;flex-wrap:wrap}
.radio-opt{position:relative;flex:1;min-width:120px}
.radio-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.radio-opt span{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:.16s all;background:var(--surface-1)}
.radio-opt input:hover + span{border-color:var(--surface-3)}
.radio-opt input:checked + span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}
.radio-opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.investment-amount-input input,
input[type=text].tin,
.nuts-admin-search input[type=text],
select{
  background:var(--surface-2);border:1px solid var(--border);border-radius:3px;
  color:var(--text);font-family:var(--ff-mono);font-size:1rem;padding:13px 15px;transition:.16s all;
}
.investment-amount-input input:focus,
input[type=text].tin:focus,
select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* ============================================================
   PLUGIN TOOL SCREENS (vs-wp-nuts-plugin) — портфолио генератор
   Плъгинският css е празен; целият изглед идва оттук.
   ============================================================ */
/* Регулярни (не-Elementor) страници — заглавие + съдържание на дизайн-ширина, с въздух.
   Homepage-ът е Elementor (.e-con) и не се засяга. Elementor kit-ът иначе стеснява ширината. */
/* Hello theme.css @media(min-width:1200px) слага max-width:1140 на .site-main и .entry-title
   (по-специфично от базов клас). Надвиваме с body.hello-elementor-default + !important, за да
   стигне съдържанието същата дизайн-ширина като хедъра (--maxw). */
/* НЕ-Elementor страници (tool + регулярни): site-main е ЕДИНСТВЕНИЯТ контейнер на дизайн-ширина.
   page-header/page-content го запълват (без собствена ширина) → консистентно, никога full-width
   и никога стеснено до Hello 1140. Elementor страниците се изключват (те ползват .elementor секции). */
body.hello-elementor-default:not(.elementor-page) .site-main{max-width:var(--maxw)!important;margin:0 auto!important;padding:0 40px!important;width:auto!important}
body.hello-elementor-default:not(.elementor-page) .page-header{max-width:none!important;margin:0!important;padding:44px 0 4px!important}
body.hello-elementor-default:not(.elementor-page) .page-header .entry-title{max-width:none!important;margin:0;font-family:var(--ff-display);font-weight:700;font-size:2.1rem;letter-spacing:-.01em;color:var(--text)}
body.hello-elementor-default:not(.elementor-page) .page-content{max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:560px){body.hello-elementor-default:not(.elementor-page) .site-main{padding:0 18px!important}}
#nuts-plugin{max-width:none;margin:0;padding:24px 0 40px}
/* Подстранична интро секция: текст от едната страна, изображение от другата.
   margin-top дава ясно разстояние между Generate/плъгина и описателния текст. */
.n2i-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;margin-top:40px;padding:40px 0 8px;border-top:1px solid var(--border-soft)}
.n2i-intro-text>*:first-child{margin-top:0}
.n2i-intro-text h2{font-family:var(--ff-display);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.01em;color:var(--text);margin:6px 0 14px;line-height:1.18}
.n2i-intro-text p{color:var(--text-2);margin:0 0 14px}
.n2i-intro-text ul{color:var(--text-2);margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.n2i-intro-media img{width:100%;height:auto;border-radius:var(--radius-l);border:1px solid var(--border);display:block;background:var(--surface-1)}
@media(max-width:820px){.n2i-intro{grid-template-columns:1fr;gap:26px}.n2i-intro-media{order:-1}}
#nuts-plugin > form{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:26px;box-shadow:var(--shadow)}
.user-settings-global{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;align-items:start}
.user-settings-css h3{font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:0 0 12px;font-weight:600}
.inside-order{display:flex;flex-direction:column;gap:9px}
/* radio карти (strategy + risk appetite) */
.inside-order > div{position:relative}
.inside-order input[type=radio]{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.inside-order label{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;cursor:pointer;transition:.16s all;background:var(--surface-2);font-size:.9rem;color:var(--text)}
.inside-order input[type=radio]:hover + label{border-color:var(--surface-3)}
.inside-order input[type=radio]:checked + label{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset;color:var(--text)}
.inside-order input[type=radio]:focus-visible + label{outline:2px solid var(--accent);outline-offset:2px}
/* amount + broker */
.investment-amount-input input{width:100%;box-sizing:border-box;height:46px;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-mono);font-size:.95rem;line-height:1.4;padding:0 14px;transition:.16s all}
.investment-amount-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.note-amount{font-size:.74rem;color:var(--text-muted);margin-top:8px}
/* валидация: задължителен незададен избор (broker — само където dropdown-ът съществува) */
.n2i-select-wrap.n2i-field-error select{border-color:var(--down)!important;box-shadow:0 0 0 3px var(--down-soft)!important}
.n2i-form-notice{margin:0 0 16px;padding:11px 15px;border-radius:var(--radius);background:var(--down-soft);color:var(--down);border:1px solid rgba(255,93,107,.45);font-size:.9rem;font-weight:500}
/* информативна нотификация при липса на резултати */
.n2i-no-results{margin:8px 0 24px;padding:16px 20px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:.95rem}
.n2i-select-wrap{position:relative}
.n2i-select-wrap select,.dropdown-css select{width:100%;box-sizing:border-box;height:46px;background-color:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-body);font-size:.95rem;line-height:1.4;padding:0 38px 0 14px;cursor:pointer;transition:.16s all;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23cec9bf' stroke-width='1.6'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.dropdown-css select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
/* отворен native списък с опции — тъмен, за да не стърчи бял панел */
select option,.n2i-select-wrap select option{background:var(--surface-1);color:var(--text)}
select option:hover,.n2i-select-wrap select option:hover{background:var(--surface-3);color:var(--text)}
select option:checked,.n2i-select-wrap select option:checked{background:var(--accent)!important;color:#111!important}
/* submit */
.button-submit{grid-column:1/-1;margin-top:24px}
.button-submit input[type=submit]{font-family:var(--ff-body);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;border-radius:3px;padding:13px 26px;background:linear-gradient(150deg,var(--accent),var(--accent-hot));color:#1a1206;box-shadow:0 8px 20px -10px rgba(245,165,36,.75);transition:.15s transform,.15s box-shadow,.15s filter}
.button-submit input[type=submit]:hover{filter:brightness(1.06);transform:translateY(-1px)}
.button-submit input[type=submit]:active{filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(122,74,10,.65)}

/* generated results — fund карти (чист layout; плъгинът рендира дълбоко вложени divs) */
.nuts-result-container{margin-top:26px}
.generated-data{display:flex;gap:8px;align-items:baseline;font-family:var(--ff-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:16px}
.gen-at-css{text-transform:uppercase;letter-spacing:.1em}
.date-gen-at-css{color:var(--text-2)}

.nuts-result-item{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;transition:.16s border-color}
.nuts-result-item:hover{border-color:var(--surface-3)}
/* всички колони на fr (без auto) — така всеки ред е с идентични ширини и колоните
   се подравняват вертикално между редовете (иначе всеки ред е отделен grid и „криви") */
.n2i-fund{display:grid;grid-template-columns:1.8fr .95fr 1.15fr 1.55fr 1.3fr minmax(345px,1.5fr);gap:20px;align-items:center;padding:16px 20px}
@media(max-width:980px){.n2i-fund{grid-template-columns:1.4fr 1fr;gap:16px}}
@media(max-width:560px){.n2i-fund{grid-template-columns:1fr}}
/* идентичност (tr-symbol-code-name / tr-symbol-code-css — четени от JS) */
.n2i-fund-id{display:flex;flex-direction:column;gap:4px;min-width:0}
.n2i-fund-id .tr-symbol-code-name{font-family:var(--ff-display);font-weight:600;font-size:.98rem;color:var(--text);line-height:1.25}
.n2i-fund-id .tr-symbol-code-css{font-family:var(--ff-mono);font-size:.74rem;color:var(--accent);letter-spacing:.04em}
/* сектор (nuts-result-sector-box — четен от JS) */
.n2i-fund .nuts-result-sector-box{background:transparent!important}
/* динамичен фон = цветът на сектора от базата (--sec-color), бял четлив текст */
.n2i-fund .nuts-result-sector-box span{display:inline-block;padding:4px 11px;border-radius:3px;font-size:.68rem;font-family:var(--ff-mono);letter-spacing:.03em;background:var(--sec-color,rgba(107,122,148,.16));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
/* цена (n2i-price-ClosePrice, текст „Price: $X") */
.n2i-fund .n2i-price-ClosePrice{font-family:var(--ff-mono);font-weight:600;font-size:1.05rem;color:var(--text)}
/* доходности (ytd-ratio-css / a-yr / b-yr — div, четени от JS) */
.n2i-fund-rets{display:flex;gap:18px}
.n2i-fund-rets>div{display:flex;flex-direction:column;gap:2px}
.n2i-fund-rets i{font-size:.58rem;letter-spacing:.1em;color:var(--text-muted);font-style:normal}
.n2i-fund-rets b{font-family:var(--ff-mono);color:var(--up);font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}
/* метрики + рейтинг (initial-investment-amount-css / net-expense-ratio-value-css) */
.n2i-fund-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.n2i-fund-meta .n2i-metric{display:flex;flex-direction:column;gap:2px;font-family:var(--ff-mono);font-size:.85rem;color:var(--text)}
.n2i-fund-meta i{font-size:.58rem;letter-spacing:.1em;color:var(--text-muted);font-style:normal}
.n2i-fund-grade{font-family:var(--ff-mono);font-weight:600;font-size:.8rem;display:grid;place-items:center;min-width:34px;height:26px;border-radius:3px;border:1px solid}
.grade-a{color:var(--grade-a);border-color:rgba(52,217,138,.4);background:var(--up-soft)}
.grade-b{color:var(--grade-b);border-color:rgba(139,212,80,.4);background:rgba(139,212,80,.12)}
.grade-c{color:var(--grade-c);border-color:rgba(245,165,36,.4);background:var(--accent-soft)}
.grade-d{color:var(--grade-d);border-color:rgba(255,93,107,.4);background:var(--down-soft)}
.grade-nr{color:var(--neutral);border-color:transparent;background:rgba(107,122,148,.16);font-size:.62rem}
/* сума + edit */
.n2i-fund-invest{display:flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:.85rem;color:var(--text);white-space:nowrap}
.n2i-fund-invest .investment-amount span{color:var(--text-muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.n2i-fund-invest .advice-id{color:var(--up);font-weight:600}
.mf-edit-bitton{font-family:var(--ff-body);font-weight:600;font-size:.76rem;cursor:pointer;border:0!important;border-radius:3px;padding:7px 14px;background:var(--surface-3)!important;color:var(--text-2)!important;transition:.15s all}
.mf-edit-bitton:hover{background:var(--accent-soft)!important;color:var(--accent)!important;transform:translateY(-1px)}
.mf-edit-bitton:active{transform:translateY(1px)}
/* Edit режим: Cancel = плътен червен с бял текст, същия размер като Apply; компактен input,
   без промяна на височината на картата (всичко в един ред) */
.n2i-fund-invest{flex-wrap:nowrap}
.mf-cansel-bitton{font-family:var(--ff-body);font-weight:600;font-size:.76rem;cursor:pointer;border:0!important;border-radius:3px;padding:7px 14px;background:var(--down)!important;color:#fff!important;transition:.15s all;margin-left:2px;white-space:nowrap}
.mf-cansel-bitton:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mf-cansel-bitton:active{transform:translateY(1px)}
.editfieldall{width:210px;box-sizing:border-box;background:var(--surface-2)!important;border:1px solid var(--accent)!important;border-radius:3px;color:var(--text)!important;font-family:var(--ff-mono);font-size:1rem;padding:9px 12px;height:auto}
/* invest клетката подравнена вдясно — Edit/бутоните се движат напред-назад, но картата не мени ширина */
.n2i-fund-invest{justify-content:flex-end}
/* поне 6px между Apply и Cancel */
.mf-cansel-bitton{margin-left:6px!important}

/* charts placeholder — приглушен, докато FusionCharts се възстанови */
.chart-display{color:var(--text-muted);font-family:var(--ff-mono);font-size:.82rem;display:flex;align-items:center;justify-content:center}

/* защитен reset — плъгинските/Elementor вложени divs да не рисуват концентрични рамки ("хармоника") */
#nuts-plugin div,.nuts-result-item div{border-width:0}
.nuts-result-item,.statbar,.kpi,.card,.chart-display,.table-wrap,.n2i-kb-card{border-width:1px}
.buttonpdf{display:flex;gap:10px;margin-top:16px}
.createPDF,.createExel{font-family:var(--ff-body);font-weight:600;font-size:.85rem;cursor:pointer;border:0;border-radius:3px;padding:10px 16px;background:var(--surface-3);color:var(--text);transition:.15s all}
.createPDF:hover,.createExel:hover{background:var(--surface-3);transform:translateY(-1px)}
.createPDF:active,.createExel:active{transform:translateY(1px);box-shadow:inset 0 3px 9px -2px rgba(0,0,0,.6)}
.charts-css{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.chart-display{background:var(--surface-1);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius-l);min-height:280px;padding:16px;color:var(--text)}
/* портфолио/резултатни секции: бял текст + amber акцент (в тон с графиките) */
.nuts-result-all,.nuts-result-container{color:var(--text)}
.nuts-result-all .buttonpdf{margin-top:8px}

@media(max-width:900px){
  .user-settings-global{grid-template-columns:1fr 1fr}
  .charts-css{grid-template-columns:1fr}
}
@media(max-width:560px){ .user-settings-global{grid-template-columns:1fr} }

/* PMS restriction съобщение (не-членове/logged-out) — в тон с тъмната тема */
.pms-restricted-content-message,.pms-restrict-message,#nuts-plugin ~ .pms-restricted-content-message{max-width:640px;margin:40px auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:28px 30px;color:var(--text-2);box-shadow:var(--shadow)}
.pms-restricted-content-message a,.pms-restrict-message a{color:var(--accent);font-weight:600}

/* ============================================================
   AUTH & ACCOUNT (Profile Builder + PMS) + service pages
   ============================================================ */
.wppb-user-forms,.pms-form{max-width:540px;margin:48px auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:34px;box-shadow:var(--shadow)}
.pms-account{max-width:820px}
.wppb-form-field,.pms-form p,.pms-field{margin-bottom:16px}
.wppb-form-field label,.pms-form label,.pms-field label{display:block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}
.wppb-user-forms input.text-input,.wppb-user-forms input.input,.wppb-user-forms input[type=text],.wppb-user-forms input[type=email],.wppb-user-forms input[type=password],
.pms-form input[type=text],.pms-form input[type=email],.pms-form input[type=password],.pms-form input[type=number]{
  width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-body);font-size:.95rem;padding:12px 14px;transition:.16s all
}
.wppb-user-forms input:focus,.pms-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.wppb-required{color:var(--down);margin-left:3px}
/* hardcoded wppb форми (register/login/edit — ul/li структура без .wppb-user-forms) */
form[id^="wppb-register"],form[id^="wppb-login"],form[id^="wppb-edit"],form[id^="wppb-recover"]{max-width:560px;margin:48px auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:34px;box-shadow:var(--shadow)}
form[id^="wppb-"] ul{list-style:none;padding:0;margin:0}
form[id^="wppb-"] li[id^="wppb-form-element"]{margin-bottom:15px;font-size:.8rem;color:var(--text-muted)}
form[id^="wppb-"] li label{display:block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:7px}
form[id^="wppb-"] input[type=text],form[id^="wppb-"] input[type=email],form[id^="wppb-"] input[type=password],form[id^="wppb-"] input[type=tel]{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-body);font-size:.95rem;padding:12px 14px;transition:.16s all}
form[id^="wppb-"] input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
form[id^="wppb-"] h4{font-family:var(--ff-display);font-size:1.05rem;color:var(--text);margin:18px 0 12px;border-bottom:1px solid var(--border-soft);padding-bottom:8px}
/* subscription plan избор в register */
form[id^="wppb-"] li[id="wppb-form-element-17"] label{display:flex;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-family:var(--ff-body);font-size:.92rem;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:.16s all}
form[id^="wppb-"] li[id="wppb-form-element-17"] label:hover{border-color:var(--surface-3)}
form[id^="wppb-"] input[type=submit],form[id^="wppb-"] #register{font-family:var(--ff-body);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;border-radius:3px;padding:13px 26px;background:linear-gradient(150deg,var(--accent),var(--accent-hot));color:#1a1206;box-shadow:0 8px 20px -10px rgba(245,165,36,.75);transition:.15s all;margin-top:8px}
form[id^="wppb-"] input[type=submit]:hover{filter:brightness(1.06);transform:translateY(-1px)}
form[id^="wppb-"] input[type=submit]:active{filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(122,74,10,.65)}
.wppb-description-delimiter,.wppb-form-field .wppb-description-delimiter{font-size:.78rem;color:var(--text-muted);margin-top:4px}
.wppb-default-name-heading,.wppb-default-contact-info-heading,.wppb-default-about-yourself-heading,.wppb-heading{font-family:var(--ff-display);font-size:1.05rem;color:var(--text);border-bottom:1px solid var(--border-soft);padding-bottom:8px;margin:8px 0 18px}
/* auth buttons */
.wppb-user-forms input[type=submit],.wppb-user-forms button.button-primary,.pms-form input[type=submit],.pms-form .button-primary,input.button-primary,button.button-primary{
  font-family:var(--ff-body);font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;border-radius:3px;padding:12px 24px;
  background:linear-gradient(150deg,var(--accent),var(--accent-hot));color:#1a1206;box-shadow:0 8px 20px -10px rgba(245,165,36,.75);transition:.15s transform,.15s filter,.15s box-shadow
}
.wppb-user-forms input[type=submit]:hover,input.button-primary:hover,button.button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.wppb-user-forms input[type=submit]:active,input.button-primary:active,button.button-primary:active{filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 3px 10px -2px rgba(122,74,10,.65)}
.login-remember label{display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-family:var(--ff-body);color:var(--text-2)}
.login-extra,.pms-form .login-extra{margin-top:18px;font-size:.85rem;color:var(--text-muted);display:flex;gap:14px;flex-wrap:wrap}
.login-extra a{color:var(--accent)}
.wppb-user-forms .warning,.pms-error{background:var(--down-soft);border:1px solid rgba(255,93,107,.4);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:.9rem;margin:16px 0}
.wppb-success,.pms-success{background:var(--up-soft);border:1px solid rgba(52,217,138,.4);border-radius:var(--radius);padding:12px 16px;color:var(--text);margin:16px 0}
/* Демо карта (вместо „Full Access“) — под register формата */
.n2i-demo-card{max-width:540px;margin:26px auto 48px;background:linear-gradient(150deg,rgba(245,165,36,.10),rgba(245,165,36,.03));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-l);padding:26px 28px;text-align:center}
.n2i-demo-card h3{font-family:var(--ff-display);font-size:1.2rem;color:var(--text);margin:0 0 8px}
.n2i-demo-card p{color:var(--text-2);font-size:.95rem;margin:0 0 18px;line-height:1.6}
.n2i-demo-card .n2i-demo-btn{display:inline-block}
/* демо картата на Pricing — под плановете, повече горно отстояние */
.n2i-demo-pricing{margin:44px auto 64px}

/* PMS My Account — wrapper като пълноширок панел (не тясна центрирана кутия) */
.pms-form-design-wrapper{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:6px 28px 28px;max-width:100%;box-shadow:var(--shadow)}
/* навигация — компактен таб-ред на ЕДИН ред; reset на PMS spacing-а (иначе се пренасят) */
.pms-account-navigation{margin:0}
.pms-account-navigation ul{display:flex!important;flex-wrap:nowrap!important;gap:0!important;list-style:none!important;padding:0!important;margin:0 0 18px!important;border-bottom:1px solid var(--border)}
.pms-account-navigation-link{margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto!important;border:0!important;background:none!important}
.pms-account-navigation-link a{display:block!important;padding:9px 14px!important;margin:0 0 -1px 0!important;color:var(--text-muted)!important;font-family:var(--ff-mono)!important;font-size:calc(.94rem - 2px)!important;font-weight:500!important;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important;border:0!important;border-bottom:2px solid transparent!important;background:none!important;transition:.14s all;white-space:nowrap}
.pms-account-navigation-link a:hover{color:var(--accent)!important}
/* активният таб: бял текст + тънко подчертаване (без „жълт" текст) */
a.pms-account-navigation-link--active,.pms-account-navigation-link--active{color:var(--text)!important;border-bottom-color:var(--accent)!important}
/* текст в лявата карта — същия размер както отдясно, за единен вид */
.pms-form-design-wrapper p{color:var(--text-2);font-size:.88rem;line-height:1.7;margin:0 0 10px}
/* само реалните линкове в съдържанието са amber, НЕ навигационните табове */
.pms-form-design-wrapper p a,.pms-register-page-link{color:var(--accent)!important}
.pms-subscriptions-table,.pms-account table,table.pms-subscriptions{width:100%;border-collapse:collapse}
.pms-subscriptions-table th,.pms-account table th{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}
.pms-subscriptions-table td,.pms-account table td{padding:12px 14px;border-bottom:1px solid var(--border-soft);color:var(--text-2);font-size:.9rem}
.pms-subscription-active,.pms-sub-status-active{color:var(--up)}
.pms-subscription-expired,.pms-sub-status-expired{color:var(--down)}

/* ===== My Account — 2 колони (ляво: абонамент/профил · дясно: генерирани резултати) ===== */
.n2i-account{width:100%;margin:0;padding:0}
.n2i-account h1,.n2i-account h2{color:var(--text)}
.pms-account-navigation-link:has(a[href*="logout"]),.pms-account-navigation-link--logout{display:none}
.n2i-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:6px}
.n2i-account-col{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:22px 26px 26px;box-shadow:var(--shadow);min-width:0}
.n2i-col-title{font-family:var(--ff-display);font-size:1.15rem;color:var(--text);margin:0 0 16px}
/* PMS блокът да се слее с колоната-карта (без вложена втора карта) */
.n2i-account-pms .pms-form-design-wrapper{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;max-width:100%}
.n2i-gen-note{color:var(--text-muted);font-size:.85rem;margin:0 0 18px;line-height:1.6}
/* списък с генерации */
.n2i-reports{display:flex;flex-direction:column;gap:22px}
.n2i-report-group{margin:0}
.n2i-report-group h4{font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px}
.n2i-report-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.n2i-report-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-s);transition:.15s all}
.n2i-report-row:hover{border-color:var(--accent)}
.n2i-report-ext{flex:none;font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.05em;padding:5px 8px;border-radius:3px;color:#111}
.n2i-report-ext-pdf{background:#e5544b}
.n2i-report-ext-xlsx,.n2i-report-ext-xls{background:#34d98a}
.n2i-report-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.n2i-report-name{color:var(--text);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n2i-report-date{color:var(--text-muted);font-family:var(--ff-mono);font-size:.72rem}
.n2i-report-dl{flex:none;font-family:var(--ff-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-s);padding:7px 14px;transition:.15s all}
.n2i-report-dl:hover{background:var(--accent);color:#111}
.n2i-reports-empty{color:var(--text-muted);font-size:.9rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);padding:26px 22px;text-align:center}
/* всички форм-инпути в акаунта (вкл. PMS login) — тъмни */
.n2i-account input[type=text],.n2i-account input[type=email],.n2i-account input[type=password]{width:100%;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:3px;color:var(--text)!important;font-family:var(--ff-body);font-size:.95rem;padding:12px 14px}
.n2i-account input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)}
@media(max-width:820px){.n2i-account-grid{grid-template-columns:1fr}}

/* ============================================================
   ДОПЪЛНЕНИЯ (одит 19 точки)
   ============================================================ */
/* #1 — active state в под-менютата (текущ елемент/родител) */
.n2i-menu .sub-menu .current-menu-item>a,
.n2i-menu .sub-menu .current_page_item>a,
.n2i-menu .current-menu-ancestor>a,
.n2i-menu>li.current-menu-parent>a{color:var(--accent)}
.n2i-menu .sub-menu .current-menu-item>a{background:var(--surface-2)}

/* #7 — пагинация (WP + Elementor posts) — тъмни pill-ове */
.pagination,.n2i-kb .navigation,.elementor-pagination,nav.navigation{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px}
.page-numbers,.elementor-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-2);font-family:var(--ff-mono);font-size:.85rem;text-decoration:none;transition:.14s all}
.page-numbers:hover,.elementor-pagination .page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.page-numbers.current,.elementor-pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:600}
.page-numbers.dots{border-color:transparent;background:transparent}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* #19 — разстоянието между булетите беше огромно → компактни списъци */
.entry-content ul,.kb-body ul,.n2i-kb-single ul,.page-content ul{margin:14px 0;padding-left:22px}
.entry-content ul li,.kb-body ul li,.n2i-kb-single ul li,.page-content ul li{margin:4px 0;line-height:1.6}
.entry-content ul li::marker,.kb-body ul li::marker{color:var(--accent)}

/* #2 — risk disclaimer с разделител */
.n2i-disclaimer-sep{border:0;border-top:1px solid var(--border);margin:28px 0 16px;max-width:var(--maxw)}
.n2i-disclaimer{max-width:var(--maxw);margin:0 auto 8px;color:var(--text-muted);font-size:.82rem;line-height:1.6;font-style:italic;text-align:center}

/* #3/#4 — top-5 / gated tool страници: центриран контейнер + оформено restrict/pms съобщение */
.pms-restrict-content,.pms-restricted-content-message,#pms-account-content .pms-restrict-content{max-width:640px;margin:56px auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:34px 30px;color:var(--text-2);text-align:center;box-shadow:var(--shadow)}
.pms-restrict-content a,.pms-restricted-content-message a{color:var(--accent)}
body.page-template-default .entry-content>.vswpnuts,body.page-template-default .site-main{max-width:var(--maxw);margin:0 auto}

/* #3/#4 — Hello Elementor default page template: заглавие + PMS restrict като карта */
.page-header{max-width:var(--maxw);margin:0 auto}
.page-header .entry-title{font-family:var(--ff-display);color:var(--text);font-size:2rem;margin:0 0 6px}
.page-content{color:var(--text-2);line-height:1.7}
.page-content>p:only-child{max-width:640px;margin:32px auto;background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-l);padding:26px 30px;text-align:center;color:var(--text-2)}
.page-content>p:only-child a{color:var(--accent);font-weight:600}
.pms-meta-box-checkbox-label{display:inline;color:var(--accent);font:inherit;text-transform:none;letter-spacing:0;margin:0;padding:0}

/* #9 — Testimonials & Press: четим текст + карти; липсващите лога → текстов бадж */
.page-id-111 .site-main,.page-id-111 .entry-content{color:var(--text-2)}
.page-id-111 .entry-content p{color:var(--text-2)!important;font-size:.95rem;line-height:1.7;max-width:70ch}
.page-id-111 .entry-content h3,.page-id-111 .entry-content h3 a{color:var(--accent)!important;font-family:var(--ff-display);font-size:1.15rem;line-height:1.35;text-decoration:none}
.page-id-111 .entry-content h3 i{color:var(--text-muted);font-weight:400;font-size:.85rem}
.page-id-111 figure{margin:0 0 8px}
.page-id-111 figure img{max-height:64px;width:auto;border-radius:4px;background:var(--surface-2)}
.n2i-press-src{display:inline-block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:99px;padding:5px 12px;margin-bottom:8px}
.n2i-press-src a{color:var(--text-2);text-decoration:none}
.n2i-press-item{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:24px 26px;margin:0 0 20px;max-width:var(--maxw)}

/* #11 — Contact форма ([n2i_contact]) */
.n2i-contact-form{max-width:560px;display:flex;flex-direction:column;gap:16px}
.n2i-contact-form label{display:flex;flex-direction:column;gap:7px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.n2i-contact-form input,.n2i-contact-form textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-body);font-size:.95rem;padding:12px 14px;transition:.16s all}
.n2i-contact-form input:focus,.n2i-contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.n2i-contact-form textarea{resize:vertical;min-height:130px}
.n2i-contact-form button{align-self:flex-start;margin-top:4px}
.n2i-form-ok{background:var(--up-soft);border:1px solid rgba(52,217,138,.4);border-radius:var(--radius);padding:12px 16px;color:var(--text)}
.n2i-form-err{background:var(--down-soft);border:1px solid rgba(255,93,107,.4);border-radius:var(--radius);padding:8px 16px;color:var(--text)}
.n2i-form-err p{margin:4px 0;font-size:.88rem}
/* contact дясна колона: четим текст (беше изцяло amber) */
.page-id-24 .elementor-widget-text-editor,.page-id-24 .elementor-widget-text-editor p{color:var(--text-2)!important}
.page-id-24 .elementor-widget-text-editor a{color:var(--accent)!important}

/* #14 — KB карти с образ + single hero */
.n2i-kb-card-media{display:block;margin:-2px -2px 14px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:16/8;background:var(--surface-2)}
.n2i-kb-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.n2i-kb-single .kb-hero{margin:18px 0 24px}
.n2i-kb-single .kb-hero img{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius-l);border:1px solid var(--border)}

/* ============================================================
   SERVICE PAGES — 404 / search / knowledge base
   ============================================================ */
.n2i-service{max-width:820px;margin:0 auto;padding:80px 40px;text-align:center}
.n2i-service .code{font-family:var(--ff-mono);font-size:clamp(3rem,10vw,6rem);font-weight:600;line-height:1;background:linear-gradient(120deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent}
.n2i-service h1{font-family:var(--ff-display);font-size:1.8rem;margin:14px 0 10px;color:var(--text)}
.n2i-service p{color:var(--text-2);margin:0 auto 26px;max-width:46ch}
.n2i-search-form{display:flex;gap:10px;max-width:440px;margin:0 auto}
.n2i-search-form input[type=search]{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--ff-body);padding:12px 14px}
.n2i-search-form input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* Knowledge Base */
.n2i-kb{max-width:var(--maxw);margin:0 auto;padding:56px 40px}
.n2i-kb-head{text-align:center;margin-bottom:40px}
.n2i-kb-head h1{font-family:var(--ff-display);font-size:clamp(2rem,4vw,2.8rem);color:var(--text);letter-spacing:-.02em}
.n2i-kb-head p{color:var(--text-2);max-width:52ch;margin:12px auto 0}
.n2i-kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.n2i-kb-card{display:block;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);padding:24px;transition:.16s all;box-shadow:var(--shadow)}
.n2i-kb-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.n2i-kb-card .eb{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}
.n2i-kb-card h3{font-family:var(--ff-display);font-size:1.12rem;color:var(--text);margin:0 0 8px;line-height:1.25}
.n2i-kb-card p{color:var(--text-muted);font-size:.88rem;margin:0}
.n2i-kb-single{max-width:760px;margin:0 auto;padding:56px 40px}
.n2i-kb-single h1{font-family:var(--ff-display);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text);letter-spacing:-.02em;margin-bottom:8px}
.n2i-kb-single .kb-back{font-family:var(--ff-mono);font-size:.8rem;color:var(--accent);display:inline-block;margin-bottom:24px}
.n2i-kb-single .kb-body{color:var(--text-2);font-size:1.05rem;line-height:1.75}
.n2i-kb-single .kb-body h2,.n2i-kb-single .kb-body h3{color:var(--text);font-family:var(--ff-display)}
.n2i-kb-single .kb-body a{color:var(--accent)}
@media(max-width:560px){ .n2i-service,.n2i-kb,.n2i-kb-single,.n2i-account{padding-left:18px;padding-right:18px} }

/* ============================================================
   MOTION — уважи reduced-motion (адаптирано от анимационните референти)
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .btn:hover,.btn:active,.btn-primary:hover,.btn-primary:active{transform:none}
}