/* ══════════════════════════════════════════════════════════════════════
   ELYS AI STUDIO — Visual Design System v1.0
   Plus Jakarta Sans · Gradient Borders · Glass · Glow
   Load after: elys-custom.css
   Rule: style overrides only — no content, no layout changes
══════════════════════════════════════════════════════════════════════ */

/* ─── 1. Design Tokens ──────────────────────────────────────────────── */
:root {
  /* Typography */
  --ai-font:        'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --ai-font-mono:   'IBM Plex Mono', ui-monospace, monospace;

  /* Brand */
  --ai-green:       #059669;
  --ai-green-hi:    #10b981;
  --ai-green-dim:   #047857;
  --ai-teal:        #0d9488;
  --ai-grey:        #6b7280;

  /* Glow */
  --ai-glow:        rgba(5, 150, 105, 0.30);
  --ai-glow-soft:   rgba(5, 150, 105, 0.12);
  --ai-glow-xs:     rgba(5, 150, 105, 0.06);

  /* Glass */
  --ai-glass-bg:    rgba(255, 255, 255, 0.030);
  --ai-glass-bdr:   rgba(255, 255, 255, 0.075);
  --ai-glass-bdr-g: rgba(5, 150, 105, 0.18);

  /* Gradient border stops */
  --ai-gb-1:  rgba(5, 150, 105, 0.55);
  --ai-gb-2:  rgba(255, 255, 255, 0.055);
  --ai-gb-3:  rgba(13, 148, 136, 0.42);

  /* Radius */
  --ai-r-xs:    6px;
  --ai-r-sm:    8px;
  --ai-r-md:   12px;
  --ai-r-lg:   14px;
  --ai-r-xl:   16px;
  --ai-r-2xl:  20px;
  --ai-r-pill: 100px;

  /* Shadows */
  --ai-shadow-card:
    0 2px 6px  rgba(0,0,0,0.08),
    0 8px 28px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.055);
  --ai-shadow-lifted:
    0 4px 14px rgba(0,0,0,0.12),
    0 16px 48px rgba(0,0,0,0.14),
    0 0 0 1px rgba(255,255,255,0.04);
  --ai-shadow-glow:
    0 0 18px var(--ai-glow),
    0 0 48px var(--ai-glow-soft);
  --ai-shadow-inset:
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(0,0,0,0.10),
    inset 0 0 16px rgba(5,150,105,0.03);
  --ai-shadow-input:
    inset 0 2px 4px rgba(0,0,0,0.06),
    inset 0 0 0 1px rgba(0,0,0,0.05);
  --ai-shadow-input-focus:
    inset 0 2px 4px rgba(0,0,0,0.04),
    0 0 0 3px rgba(5,150,105,0.16),
    0 0 0 1px rgba(5,150,105,0.42);
}


/* ─── 2. Plus Jakarta Sans — Global Font ───────────────────────────── */
*,
*::before,
*::after {
  font-family: var(--ai-font) !important;
}

/* ─── Restore FontAwesome glyph rendering ───────────────────────────
   The * rule above overrides FA's font-family. These selectors have
   higher specificity and must come immediately after to win.        */
.fa, .fas, .far, .fal, .fat, .fab, .fad,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone,
i[class*="fa-"], span[class*="fa-"] {
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}
.fa-brands, i.fa-brands, span.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}
.fa-solid::before, .fa-regular::before, .fa-light::before,
.fa-brands::before, i[class*="fa-"]::before, span[class*="fa-"]::before {
  font-family: inherit !important;
}

/* Heading weight + tracking for Jakarta Sans' proportions */
h1, .h1 {
  font-weight: 800 !important;
  letter-spacing: -0.032em !important;
  line-height: 1.09 !important;
}
h2, .h2 {
  font-weight: 700 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.20 !important;
}
h3, .h3 {
  font-weight: 700 !important;
  letter-spacing: -0.016em !important;
  line-height: 1.28 !important;
}

/* Mobile — větší řádkování, méně těsné tracking */
@media (max-width: 768px) {
  h1, .h1 {
    line-height: 1.22 !important;
    letter-spacing: -0.018em !important;
  }
  h2, .h2 {
    line-height: 1.32 !important;
    letter-spacing: -0.012em !important;
  }
  h3, .h3 {
    line-height: 1.38 !important;
    letter-spacing: -0.008em !important;
  }
}
h4, h5, .h4, .h5 {
  font-weight: 600 !important;
  letter-spacing: -0.010em !important;
}
p, li {
  letter-spacing: -0.007em !important;
  line-height: 1.74 !important;
}
.main-menu a {
  font-weight: 500 !important;
  letter-spacing: -0.010em !important;
}
/* Small caps / labels stay tighter */
.sc-footer__col-title,
.legal-sidebar__label,
.section-tag, .tag,
[class*="__tag"], [class*="__label"],
[class*="__eyebrow"],
.blog-tag, .category-tag,
.legal-doc-hero__tag { font-weight: 700 !important; }

/* Buttons — semi-bold is enough for Jakarta Sans */
.rr-btn, .rr-btn span, button {
  font-weight: 600 !important;
  letter-spacing: -0.008em !important;
}


/* ─── 3. Border Radius ──────────────────────────────────────────────── */
/* Service / feature boxes */
.service-box,
.service-item-card,
.service-grid-item,
[class*="service-card"],
.tp-icon-box { border-radius: var(--ai-r-xl) !important; }

/* Blog cards */
.blog-post-item,
.blog-post-item .thumb,
[class*="blog-card"],
[class*="blog-grid-item"] { border-radius: var(--ai-r-xl) !important; }

/* Team, portfolio */
.team-item,
.portfolio-item,
[class*="portfolio-card"],
[class*="team-card"] { border-radius: var(--ai-r-xl) !important; }

/* Pricing / testimonial */
[class*="pricing"],
[class*="price-box"],
[class*="testimonial-item"],
[class*="testimonial-box"] { border-radius: var(--ai-r-xl) !important; }

/* Hero cards */
.hero-card > div,
.sc-hero-card { border-radius: var(--ai-r-2xl) !important; }

/* Panels */
.side-info,
.widget,
[class*="widget-"],
.modal,
.modal-content { border-radius: var(--ai-r-xl) !important; }

/* Inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea,
select,
.form-control,
.form-input,
.sc-footer__ai-input,
.elys-chat__foot-input,
.elys-chat__bar-input { border-radius: var(--ai-r-md) !important; }

/* Primary button */
.rr-btn,
.rr-btn .b,
.rr-btn .c { border-radius: var(--ai-r-sm) !important; }

/* Tags / badges */
.legal-doc-hero__tag,
[class*="__badge"],
[class*="__chip"],
.sc-footer__ai-chip { border-radius: var(--ai-r-pill) !important; }

/* Images inside cards get softer radius */
.blog-post-item .thumb img,
.team-item .team-thumb img,
.portfolio-item img,
[class*="card"] img { border-radius: var(--ai-r-lg) !important; }


/* ─── 4. Gradient Borders — dark cards ─────────────────────────────── */
/* Technique: transparent border + background padding-box / border-box  */

.dark .service-box,
.dark .service-item-card,
.dark .tp-icon-box,
.dark .blog-post-item,
.dark .team-item,
.dark [class*="pricing"],
.dark [class*="testimonial-item"] {
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(#111416, #111416),
    linear-gradient(140deg,
      var(--ai-gb-1) 0%,
      var(--ai-gb-2) 45%,
      var(--ai-gb-3) 100%) !important;
  background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  box-shadow: var(--ai-shadow-card) !important;
}

/* Gradient borders — white/light cards */
.service-box:not(.dark .service-box),
.blog-post-item:not(.dark .blog-post-item),
.team-item:not(.dark .team-item),
[class*="pricing"]:not(.dark [class*="pricing"]) {
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(#ffffff, #fafafa),
    linear-gradient(140deg,
      rgba(5,150,105,0.22) 0%,
      rgba(200,230,215,0.28) 48%,
      rgba(5,150,105,0.18) 100%) !important;
  background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  box-shadow:
    0 2px 8px rgba(0,0,0,0.055),
    0 10px 32px rgba(0,0,0,0.07),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;
}


/* ─── 5. Glass Effects ──────────────────────────────────────────────── */

/* Header glass (reinforce existing) */
header.header-area-2,
header.header-area-2.header-sticky {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  border-bottom: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.07) !important;
}

/* Megamenu glass */
.megamenu {
  background: rgba(255, 255, 255, 0.99) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.13) !important;
}
.mm-item {
  border-radius: var(--ai-r-md) !important;
  border: 1px solid transparent !important;
  transition: background 0.18s, border-color 0.18s !important;
}
.mm-item:hover {
  background: #f7f7f5 !important;
  border-color: transparent !important;
}

/* Chat panel glass */
.elys-chat__panel {
  background: rgba(8, 12, 10, 0.96) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(5, 150, 105, 0.22) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,0.52),
    0 0 0 1px rgba(255,255,255,0.035),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 40px rgba(5,150,105,0.04) !important;
  border-radius: var(--ai-r-xl) !important;
}

/* Chat trigger bar glass */
.elys-chat__bar {
  border-radius: var(--ai-r-pill) !important;
  background: rgba(10, 14, 12, 0.90) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(5, 150, 105, 0.25) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35), var(--ai-shadow-glow) !important;
}

/* Legal hero glass tint overlay (dark hero backgrounds) */
.legal-doc-hero,
.legal-hub-hero {
  box-shadow: inset 0 -1px 0 rgba(5,150,105,0.12) !important;
}
.legal-doc-hero__tag {
  box-shadow:
    0 0 14px var(--ai-glow-soft),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(8px) !important;
}

/* Side info panel glass */
.side-info {
  background: rgba(255,255,255,0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-left: 1px solid rgba(5,150,105,0.12) !important;
}


/* ─── 6. Inner Shadows & Surface Depth ─────────────────────────────── */

/* Input fields */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea {
  box-shadow: var(--ai-shadow-input) !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
  box-shadow: var(--ai-shadow-input-focus) !important;
  border-color: rgba(5,150,105,0.55) !important;
  outline: none !important;
}

/* Service box inner light on hover */
.service-box:hover {
  box-shadow:
    0 10px 40px rgba(0,0,0,0.12),
    0 0 0 1px rgba(5,150,105,0.28),
    0 0 32px rgba(5,150,105,0.07),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
.dark .service-box:hover {
  box-shadow:
    0 10px 40px rgba(0,0,0,0.28),
    0 0 0 1px rgba(5,150,105,0.35),
    0 0 40px rgba(5,150,105,0.10),
    inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* Blog card hover */
.blog-post-item:hover {
  box-shadow:
    0 8px 32px rgba(0,0,0,0.12),
    0 0 0 1px rgba(5,150,105,0.22),
    0 0 28px rgba(5,150,105,0.07),
    inset 0 1px 0 rgba(255,255,255,0.85) !important;
  transform: translateY(-4px) !important;
}


/* ─── 7. Icon Glow — FontAwesome ────────────────────────────────────── */

/* Service / feature icon containers */
.service-box .icon,
.service-box [class*="fa-"],
.tp-icon-box [class*="fa-"],
[class*="feature"] [class*="fa-"],
[class*="icon-box"] [class*="fa-"] {
  filter: drop-shadow(0 0 6px var(--ai-glow)) !important;
  transition: filter 0.25s ease !important;
}
.service-box:hover .icon,
.service-box:hover [class*="fa-"] {
  filter: drop-shadow(0 0 10px var(--ai-glow)) !important;
}

/* Chat AI star icon */
.elys-chat__ai-icon,
.sc-footer__ai-icon {
  filter: drop-shadow(0 0 8px var(--ai-glow)) !important;
  color: var(--ai-green-hi) !important;
}

/* Footer contact icons */
.sc-footer__contact-link [class*="fa-"] {
  color: var(--ai-green) !important;
  filter: drop-shadow(0 0 5px var(--ai-glow)) !important;
}

/* MM nav icons */
.mm-icon [class*="fa-"] {
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.25)) !important;
}

/* Decorative sparkle / star icons */
[class*="fa-star"],
[class*="fa-sparkle"],
[class*="fa-wand"] {
  filter: drop-shadow(0 0 9px rgba(16,185,129,0.65)) !important;
}

/* Check / arrow icons in CTAs */
.rr-btn [class*="fa-"],
.rr-btn svg {
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.30)) !important;
}


/* ─── 8. Bullet Lists with Glow Dots ───────────────────────────────── */
/* Applies to content lists with ::before markers */
.legal-body ul li::marker,
[class*="check-list"] li::before,
[class*="feature-list"] li::before {
  color: var(--ai-green) !important;
  text-shadow: 0 0 8px var(--ai-glow) !important;
}

/* Custom styled list items */
.legal-body ul {
  list-style: none !important;
  padding-left: 1.2rem !important;
}
.legal-body ul li {
  position: relative !important;
}
.legal-body ul li::before {
  content: '▸' !important;
  position: absolute !important;
  left: -1.2rem !important;
  color: var(--ai-green) !important;
  font-size: .75rem !important;
  top: 0.18em !important;
  text-shadow: 0 0 8px var(--ai-glow) !important;
  filter: drop-shadow(0 0 4px var(--ai-glow)) !important;
}


/* ─── 9. Button Refinements ─────────────────────────────────────────── */

/* Primary green button */
.rr-btn:not(.rr-btn-group):not([style*="background:#fff"]) {
  box-shadow:
    0 0 0 1px rgba(5,150,105,0.35),
    0 3px 12px rgba(5,150,105,0.22),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transition: box-shadow 0.22s ease, transform 0.18s ease, background 0.12s ease !important;
}
.rr-btn:not(.rr-btn-group):not([style*="background:#fff"]):hover {
  box-shadow:
    0 0 0 1px rgba(5,150,105,0.52),
    0 6px 20px rgba(5,150,105,0.30),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
  transform: translateY(-1px) !important;
}

/* Ghost / outline button */
.rr-btn.rr-btn-group {
  box-shadow:
    0 0 0 1px rgba(5,150,105,0.20),
    0 2px 8px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Chips */
.sc-footer__ai-chip {
  border: 1px solid rgba(5,150,105,0.22) !important;
  background: rgba(5,150,105,0.07) !important;
  color: #6b7280 !important;
  transition: background 0.18s, border-color 0.18s, box-shadow 0.18s !important;
}
.sc-footer__ai-chip:hover {
  background: rgba(5,150,105,0.15) !important;
  border-color: rgba(5,150,105,0.45) !important;
  box-shadow: 0 0 12px var(--ai-glow-soft) !important;
}


/* ─── 10. Footer — Light ────────────────────────────────────────────── */
.sc-footer {
  background: #ffffff !important;
}

.sc-footer__main {
  border-bottom: 1px solid #e5e7eb !important;
}

.sc-footer__bottom {
  border-top: 1px solid #e5e7eb !important;
}

/* Footer col links hover */
.sc-footer__col a:hover {
  color: var(--ai-green) !important;
  text-shadow: none !important;
}


/* ─── 11. Container — Bootstrap default (1320px at xxl) ────────────── */
/* No override — Bootstrap handles it natively */


/* ─── 12. Legal Sidebar Refinements ────────────────────────────────── */
.legal-sidebar__toc a.active,
.legal-sidebar__toc a:hover {
  color: var(--ai-green) !important;
  border-left-color: var(--ai-green) !important;
  text-shadow: 0 0 10px var(--ai-glow-soft) !important;
}

.legal-body h2 {
  border-top: 1px solid rgba(5,150,105,0.10) !important;
}

.legal-note {
  border-left: 3px solid var(--ai-green) !important;
  box-shadow: inset 0 0 24px rgba(5,150,105,0.04) !important;
}


/* ─── 12. Section Surface Gradient Tints ───────────────────────────── */
/* Subtle green warmth on light/white sections — using body-level radial */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 35% at 90% 15%,  rgba(5,150,105,0.025) 0%, transparent 100%),
    radial-gradient(ellipse 60% 30% at 10% 85%,  rgba(5,150,105,0.020) 0%, transparent 100%);
}

/* Dark CTA sections */
[class*="cta"]:not([style]) {
  background-image:
    radial-gradient(ellipse 55% 60% at 15% 50%, rgba(5,150,105,0.10) 0%, transparent 70%) !important;
}


/* ─── 13. Section Headers / Eyebrows ───────────────────────────────── */
.section-header .section-sub-title,
.section-header .sub-title,
[class*="section-sub"] {
  color: var(--ai-green) !important;
  text-shadow: 0 0 16px var(--ai-glow-soft) !important;
}

/* Dark section title gradient */
.dark .section-header .section-title,
.dark .section-header h2,
.dark h2[class*="title"] {
  background: linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.78) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}


/* ─── 14. Progress Bar Glow ─────────────────────────────────────────── */
.progress-wrap svg path {
  stroke: var(--ai-green) !important;
  filter: drop-shadow(0 0 4px var(--ai-glow)) !important;
}
.progress-wrap {
  box-shadow: 0 0 10px var(--ai-glow-soft) !important;
}


/* ─── 15. Chat Messages Refinement ─────────────────────────────────── */
.elys-msg--bot {
  background: rgba(5,150,105,0.07) !important;
  border: 1px solid rgba(5,150,105,0.12) !important;
  border-radius: var(--ai-r-md) var(--ai-r-md) var(--ai-r-md) var(--ai-r-xs) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
.elys-msg--user {
  background: var(--ai-green) !important;
  border-radius: var(--ai-r-md) var(--ai-r-md) var(--ai-r-xs) var(--ai-r-md) !important;
  box-shadow:
    0 2px 10px rgba(5,150,105,0.25),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}
.elys-msg--typing {
  border-radius: var(--ai-r-md) !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}


/* ─── 16. Portfolio hover ───────────────────────────────────────────── */
.portfolio-item:hover,
[class*="portfolio-item"]:hover {
  box-shadow:
    0 12px 40px rgba(0,0,0,0.16),
    0 0 0 1px rgba(5,150,105,0.28),
    0 0 36px rgba(5,150,105,0.07) !important;
  transform: translateY(-4px) !important;
}


/* ─── 17. Scrollbar ─────────────────────────────────────────────────── */
::-webkit-scrollbar         { width: 5px; height: 5px; }
::-webkit-scrollbar-track   { background: transparent; }
::-webkit-scrollbar-thumb   {
  background: linear-gradient(180deg,
    rgba(5,150,105,0.55) 0%,
    rgba(13,148,136,0.42) 100%);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,
    rgba(5,150,105,0.80) 0%,
    rgba(13,148,136,0.65) 100%);
}


/* ─── 18. Text Selection ───────────────────────────────────────────── */
::selection {
  background: rgba(5, 150, 105, 0.22);
  color: inherit;
}

/* ─── 19. Focus Ring ────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid rgba(5, 150, 105, 0.60) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}


/* ─── 20. Nav Active Underline Glow ────────────────────────────────── */
.main-menu > ul > li > a:hover {
  text-shadow: none !important;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover {
  color: var(--ai-green) !important;
}


/* ─── 21. Preloader Dot ─────────────────────────────────────────────── */
.animation-preloader .spinner {
  border-top-color: var(--ai-green) !important;
  box-shadow: 0 0 16px var(--ai-glow) !important;
}


/* ─── 22. Responsive ────────────────────────────────────────────────── */
@media (max-width: 768px) {
  h1 { letter-spacing: -0.025em !important; }
  h2 { letter-spacing: -0.018em !important; }
  h3 { letter-spacing: -0.012em !important; }
}


/* ─── 23. Blog Article — White Background + Two-Column Sidebar ──────── */

/* White background */
body.blog-article,
body.blog-article .blog-details-area {
  background: #ffffff !important;
}

/* Near-black readable body text */
body.blog-article .blog-details-area p.text {
  color: #1c1c1e !important;
  font-size: 1.0625rem !important;
  line-height: 1.84 !important;
}

/* Section headings — remove gradient text-fill, solid dark color */
body.blog-article .blog-details-area .section-title,
body.blog-article .blog-details-area .details-info .title {
  color: #0d0d0d !important;
  -webkit-text-fill-color: #0d0d0d !important;
  background: none !important;
}

/* ── Single-column layout — Medium/Claude style ── */
body.blog-article .section-details {
  display: block !important;
  max-width: 100% !important;
}

/* Takeaways box — full-width callout block */
body.blog-article .blog-takeaways {
  margin: 0 0 40px !important;
  background: linear-gradient(160deg, #f0fdf8 0%, #f8fffc 100%) !important;
  border: 1px solid rgba(5,150,105,0.18) !important;
  border-left: 4px solid var(--ai-green) !important;
  border-radius: 12px !important;
  box-shadow:
    0 4px 24px rgba(5,150,105,0.08),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

/* Share buttons — separator */
body.blog-article .blog-share {
  margin: 0 !important;
  padding: 24px 0 !important;
  border-top: 1px solid rgba(5,150,105,0.10) !important;
}

/* Tags wrapper — separator */
body.blog-article .section-details > .tags-wrapper {
  padding: 20px 0 32px !important;
  border-top: 1px solid rgba(5,150,105,0.10) !important;
}