/* =====================================================================
   KG Cargo — Central CSS v1.1  (Phase 1 / Задача 1 — setup gate)
   v1.1 fix: link-правилото скоупнато до прозни линкове (p/li/td), за да
   НЕ боядисва бутоните оранж (regression от v1, забелязан live на хероните
   бутони). Долу са запазени и 3-те ти стари правила (share-hide + site-title
   link). Целият файл = едно select-all → paste → Publish.
   ---------------------------------------------------------------------
   Източник на истината:
     • Токени + компоненти  → kgcargo-ui-kit-v1.1.md (§1, §3, §6)
     • Class inventory       → kgcargo-page-blocks-standard.md (Секция 3)
   Йерархия: CLAUDE.md 2A/2C печелят над всичко тук.

   КАНАЛ ЗА DEPLOY (избери ЕДИН, не и двата):
     A) Appearance → Customize → Additional CSS   (най-просто, version-tracked в темата)
     B) WPCode Lite → нов "CSS Snippet", Site Wide Header/Auto-insert
   NB: WP MCP `settings.update` е disabled → качва се РЪЧНО от Georgi
       (или през Claude in Chrome). Claude подготвя кода, Georgi го качва.

   ГЛОБАЛНА ТИПОГРАФИЯ (H1 42 / mobile 32 · H2 32/700 · H3 24/700 · H4 20/600 · body 17):
     Основен канал = Customizer → Kadence → Typography → Headings/Base
     (responsive sizes там; виж секция 2 по-долу за CSS fallback, ако трябва).

   BUILD-VERIFY след deploy (page-blocks Секция 8):
     1) .kg-cta-btn рендира като navy бутон (не underline link), hover+focus работят
     2) .kg-cta-wrap центрира; --closer носи сив фон само на CTA_3
     3) .kg-direct-answer = оранж ляв бордър на INTRO <p>
     4) .kg-hero-bullets = оранж маркери
     5) .kg-table-wrap скролва само таблицата на mobile
     6) H1 = 42 desktop / 32 mobile; H2 = navy/700
   ===================================================================== */


/* ── 1. DESIGN TOKENS (AA UI Kit §1) ────────────────────────────────── */
:root {
  /* Brand (navy) */
  --kg-navy:        #13294B;
  --kg-navy-hover:  #0F2038;
  --kg-steel:       #334964;   /* пестеливо; НЕ за H2 */

  /* Accent (оранж — оскъден, „действие/живо") */
  --kg-accent:      #E8742F;   /* линии/hover/маркери/focus ring; WCAG: бяло 3.01 (само едър/UI), navy 4.82 (AA) */
  --kg-accent-text: #B8531E;   /* ВСеки оранжев ТЕКСТ/линк на светъл фон (бяло 4.89, AA нормален текст) */

  /* Surfaces */
  --kg-white:       #FFFFFF;
  --kg-section:     #F2F5F8;   /* единствен секционен сив */
  --kg-border:      #E4EAF0;   /* единствен бордър/divider */

  /* Text */
  --kg-text:        #13294B;
  --kg-text-muted:  #6B7B8C;

  /* Status (бъдещи UI елементи) */
  --kg-success:     #2E8540;
  --kg-warning:     #D9822B;
  --kg-error:       #CC3D3D;

  /* Type */
  --kg-font:        'Inter', 'Lato', -apple-system, sans-serif;

  /* Geometry */
  --kg-radius:      4px;
  --kg-maxw:        1200px;
  --kg-read-col:    700px;
}


/* ── 2. ГЛОБАЛНА ТИПОГРАФИЯ (CSS fallback) ──────────────────────────────
   Основен канал = Customizer Headings. Този блок е РЕЗЕРВЕН — разкоментирай
   само ако Customizer не дава нужния контрол. Скоупнат към съдържанието,
   за да НЕ пипа header/footer/widget заглавия.
   ────────────────────────────────────────────────────────────────────── */
/*
.entry-content h1, .entry-content .wp-block-kadence-advancedheading h1 { font-size:42px; font-weight:700; line-height:1.2; color:var(--kg-navy,#13294B); }
.entry-content h2 { font-size:32px; font-weight:700; line-height:1.3; color:var(--kg-navy,#13294B); }
.entry-content h3 { font-size:24px; font-weight:700; line-height:1.3; color:var(--kg-navy,#13294B); }
.entry-content h4 { font-size:20px; font-weight:600; line-height:1.3; color:var(--kg-navy,#13294B); }
.entry-content p  { font-size:17px; font-weight:400; line-height:1.6; color:var(--kg-navy,#13294B); }
@media (max-width:768px) {
  .entry-content h1 { font-size:32px; }
}
*/


/* ── 3. BODY LINK (видима бранд повърхност — оранж текст) ────────────────
   ВАЖНО: скоупнато само до ПРОЗНИ линкове (p / li / td), за да НЕ пипа
   бутони-линкове (хероните бутони, Kadence button блокове и т.н.).
   Широкото `.entry-content a` хващаше бутоните и им боядисваше текста оранж
   (regression, фикснат v1.1). +:not(.kg-cta-btn) за всеки случай.
   ────────────────────────────────────────────────────────────────────── */
.entry-content p a:not(.kg-cta-btn),
.entry-content li a:not(.kg-cta-btn),
.entry-content td a:not(.kg-cta-btn) {
  color: var(--kg-accent-text, #B8531E);
  font-weight: 500;
  text-decoration: none;
}
.entry-content p a:not(.kg-cta-btn):hover,
.entry-content li a:not(.kg-cta-btn):hover,
.entry-content td a:not(.kg-cta-btn):hover {
  text-decoration: underline;
}


/* ── 4. CTA БУТОН  .kg-cta-btn  (AA §6.1 + page-blocks §4.5) ─────────────
   wp:html anchor: <a class="kg-cta-btn" data-cta="cta-N" href="…">Етикет</a>
   Никакъв inline стил на anchor-а — всичко живее тук.
   ────────────────────────────────────────────────────────────────────── */
.kg-cta-btn {
  display: inline-block;            /* desktop: auto-width, центриран от .kg-cta-wrap */
  padding: 16px 32px;
  background-color: var(--kg-navy, #13294B);
  color: var(--kg-white, #FFFFFF);
  font-family: var(--kg-font, 'Inter', sans-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  border: none;
  border-radius: var(--kg-radius, 4px);
  white-space: nowrap;              /* анти-сричкуване на mobile */
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}
.kg-cta-btn:hover,
.kg-cta-btn:active {
  background-color: var(--kg-navy-hover, #0F2038);
  color: var(--kg-white, #FFFFFF);
}
.kg-cta-btn:focus-visible {
  outline: 2px solid var(--kg-accent, #E8742F);   /* оранж focus ring */
  outline-offset: 2px;
}
.kg-cta-btn[aria-disabled="true"],
.kg-cta-btn.is-disabled,
.kg-cta-btn:disabled {
  background-color: var(--kg-border, #E4EAF0);
  color: var(--kg-text-muted, #6B7B8C);
  pointer-events: none;
}

/* 4a. Secondary (hero втори бутон) — прозрачен, navy текст, 2px navy бордър */
.kg-cta-btn--secondary {
  background-color: transparent;
  color: var(--kg-navy, #13294B);
  border: 2px solid var(--kg-navy, #13294B);
  padding: 14px 30px;               /* компенсира 2px бордъра → еднаква обща височина */
}
.kg-cta-btn--secondary:hover,
.kg-cta-btn--secondary:active {
  background-color: var(--kg-navy, #13294B);
  color: var(--kg-white, #FFFFFF);
}

/* 4b. Header CTA — бял фон, navy текст (на navy header лента) */
.kg-cta-btn--header {
  background-color: var(--kg-white, #FFFFFF);
  color: var(--kg-navy, #13294B);
}
.kg-cta-btn--header:hover,
.kg-cta-btn--header:active {
  background-color: var(--kg-navy, #13294B);
  color: var(--kg-white, #FFFFFF);
}

/* 4c. Mobile — full-width tap target (спазва section padding, не edge-to-edge) */
@media (max-width: 768px) {
  .kg-cta-btn {
    display: block;
    width: 100%;
    text-align: center;
  }
}


/* ── 5. CTA WRAP / CLOSER (центриране + фон само на CTA_3) ───────────────
   <div class="kg-cta-wrap"> … </div>  ·  CTA_3: add --closer
   ────────────────────────────────────────────────────────────────────── */
.kg-cta-wrap {
  text-align: center;
  margin: 24px 0;
}
.kg-cta-wrap--closer {
  background-color: var(--kg-section, #F2F5F8);
  padding: 32px 20px;
  border-radius: var(--kg-radius, 4px);
}


/* ── 6. HERO BULLETS (оранж маркери — landing hero) ─────────────────────
   <ul class="kg-hero-bullets"> … </ul>
   ────────────────────────────────────────────────────────────────────── */
.kg-hero-bullets {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}
.kg-hero-bullets li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--kg-navy, #13294B);
}
.kg-hero-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--kg-accent, #E8742F);
}


/* ── 7. DIRECT ANSWER (INTRO <p> — оранж ляв бордър, AEO) ────────────────
   <p class="… kg-direct-answer">…40–60 думи…</p>
   ────────────────────────────────────────────────────────────────────── */
.kg-direct-answer {
  border-left: 3px solid var(--kg-accent, #E8742F);
  padding-left: 16px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--kg-navy, #13294B);
}


/* ── 8. TABLE WRAP (скролва само таблицата, не страницата) ───────────────
   <div class="kg-table-wrap"><table>…</table></div>
   ────────────────────────────────────────────────────────────────────── */
.kg-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0;
}
.kg-table-wrap table {
  min-width: 100%;
}


/* ── 9. FAQ ACCORDION (КОЗМЕТИКА — опционално) ───────────────────────────
   Cross-cutting правило: бием се за токени само на видими бранд повърхности;
   приемаме Kadence default за вторична козметика. Този блок е опционален —
   разкоментирай само ако ползваш Kadence accordion И искаш да изравниш
   divider/chevron към токените. Иначе остави Kadence default.
   ────────────────────────────────────────────────────────────────────── */
/*
.wp-block-kadence-accordion .kt-accordion-pane { border-bottom: 1px solid var(--kg-border, #E4EAF0); }
.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger svg { color: var(--kg-text-muted, #6B7B8C); }
*/

/* ===================== END KG Cargo Central CSS ===================== */


/* ── ЗАПАЗЕНИ СЪЩЕСТВУВАЩИ ПРАВИЛА (твоите, отпреди) ─────────────────────
   Не пипай. #0A2540 на site-title линка е извън палитрата (бранд navy =
   #13294B) → ще се изчисти в AA-2 (header механика), не сега.
   ────────────────────────────────────────────────────────────────────── */
.sharedaddy,
.sd-sharing {
    display: none !important;
}

.site-branding a,
.site-branding a:visited,
.site-title a,
.site-title a:visited {
  text-decoration-color: #0A2540 !important;
}
/* KG Cargo - Link Style Button */
.sharedaddy,
.sd-sharing {
    display: none !important;
}

.site-branding a,
.site-branding a:visited,
.site-title a,
.site-title a:visited {
  text-decoration-color: #0A2540 !important;
}
/* KG Cargo - Link Style Button */