/* =====================================================================
   KG Cargo — Central CSS v1.3  (Phase 1 / Задача 1 — setup gate)
   ===================================================================== */

/* ── 1. DESIGN TOKENS (AA UI Kit §1) ────────────────────────────────── */
:root {
  --kg-navy:        #13294B;
  --kg-navy-hover:  #0F2038;
  --kg-steel:       #334964;
  --kg-accent:      #E8742F;
  --kg-accent-text: #B8531E;
  --kg-white:       #FFFFFF;
  --kg-section:     #F2F5F8;
  --kg-border:      #E4EAF0;
  --kg-text:        #13294B;
  --kg-text-muted:  #6B7B8C;
  --kg-success:     #2E8540;
  --kg-warning:     #D9822B;
  --kg-error:       #CC3D3D;
  --kg-font:        'Inter', 'Lato', -apple-system, sans-serif;
  --kg-radius:      4px;
  --kg-maxw:        1200px;
  --kg-read-col:    700px;
}

/* ── 3. BODY LINK (прозни линкове — оранж текст) ────────────────────── */
.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 ──────────────────────────────────────── */
.kg-cta-btn {
  display: inline-block;
  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;
  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);
  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 */
.kg-cta-btn--secondary {
  background-color: transparent;
  color: var(--kg-navy, #13294B);
  border: 2px solid var(--kg-navy, #13294B);
  padding: 14px 30px;
}
.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 текст, header-scale padding */
.kg-cta-btn--header {
  background-color: var(--kg-white, #FFFFFF);
  color: var(--kg-navy, #13294B);
  padding: 8px 20px;
}
.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 */
@media (max-width: 768px) {
  .kg-cta-btn { display: block; width: 100%; text-align: center; }
}

/* ── 5. CTA WRAP / 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 (оранж маркери) ────────────────────────────────── */
.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>) ───────────────────────────────────── */
.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 ──────────────────────────────────────────────────── */
.kg-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0; }
.kg-table-wrap table { min-width: 100%; }

/* ── 10. HEADER active nav underline (оранж) ────────────────────────── */
.header-navigation .menu-item.current-menu-item > a,
.header-navigation .menu-item.current-menu-ancestor > a,
.header-navigation .menu-item.current-page-ancestor > a,
.header-navigation .menu-item.current_page_item:not(.lang-item) > a {
  box-shadow: inset 0 -2px 0 0 var(--kg-accent, #E8742F);
}

/* ── 11. HEADER CTA — двуезичен header HTML елемент ─────────────────── */
html[lang^="bg"] .kg-hdr-cta-en { display: none; }
html[lang^="en"] .kg-hdr-cta-bg { display: none; }
@media (max-width: 768px) {
  .kg-cta-btn--header { display: inline-block; width: auto; }
}

/* ── 12. HEADER лента → navy (маха #1F3D68) ─────────────────────────── */
.site-header { background-color: var(--kg-navy, #13294B) !important; }

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

/* ── ЗАПАЗЕНИ СЪЩЕСТВУВАЩИ ПРАВИЛА ──────────────────────────────────── */
.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; }

/* Hide personal author byline (Organization authorship) */
.posted-by { display: none !important; }
.entry-meta-divider-dot .posted-on::before { content: none !important; }

/* 11a. Header CTA — flex-центрира обвивката + маха underline */
.header-html-inner { display: flex; align-items: center; height: 100%; }
.header-html-inner p { margin: 0; display: contents; }
.header-html-inner br { display: none; }
.header-html-inner a.kg-cta-btn { text-decoration: none !important; }

/* 12a. Nav links — махни #1F3D68 (--global-palette10) кутиите */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  background-color: transparent !important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item > a:focus {
  background-color: var(--kg-navy-hover, #0F2038) !important;
}


/* ── 13. TEMP band-aid — Home hero core WP бутони (до AA-3 rebuild); маха се при Home rewrite ── */
.wp-block-button__link { word-break: normal; overflow-wrap: normal; }
@media (max-width: 767px) {
  .wp-block-buttons { flex-direction: column; align-items: stretch; }
  .wp-block-buttons .wp-block-button { width: 100%; }
}


/* ── 11b. Mobile header HTML CTA — autop/underline fix (огледало на 11a за .mobile-html-inner) ── */
.mobile-html-inner { display: flex; align-items: center; height: 100%; }
.mobile-html-inner p { margin: 0; display: contents; }
.mobile-html-inner br { display: none; }
.mobile-html-inner a.kg-cta-btn { text-decoration: none !important; }