/* ─────────────────────────────────────────────────────────────────────────
   Bronkhorst-exact article layout for TDR.ro
   Font    : Source Sans 3 (already loaded)
   Colors  : electric-blue #0050FF · bronkhorst-blue #003064 · web-blue #D8DEE7
   Scale   : direct values from https://www.bronkhorst.com/dist/main-CuvQvxVA.css
   ───────────────────────────────────────────────────────────────────────── */

/* ── Reset Kadence post chrome on article posts ──────────────────────── */
.bkh-page .entry-header,
.bkh-page .post-thumbnail,
.bkh-page [class*="related-post"],
.bkh-page .entry-related,
.bkh-page .kb-related-posts,
.bkh-page .kadence-related-posts { display: none !important; }

/* kill Kadence's inner content padding/max-width so we go full-width */
.bkh-page .entry-content,
.bkh-page .content-bg,
.bkh-page .wp-block-post-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

/* ── Container — exact Bronkhorst values ─────────────────────────────── */
.bkh-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .bkh-container { max-width: 768px; padding-right: 2.5rem; padding-left: 2.5rem; }
}
@media (min-width: 1280px) {
  .bkh-container { max-width: 1280px; padding-right: 3.5rem; padding-left: 3.5rem; }
}
@media (min-width: 1440px) {
  .bkh-container { max-width: 1440px; padding-right: 6.5rem; padding-left: 6.5rem; }
}

/* ── Typography — exact Bronkhorst values ────────────────────────────── */

/* Headings — electric-blue, Source Sans 3 */
.bkh-h3 {
  font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  font-size: 1.5rem;      /* text-h3-sm */
  line-height: 1.8rem;
  font-weight: 600;
  color: #0050FF;
  margin: 0;
  letter-spacing: 0;
}
@media (min-width: 768px)  { .bkh-h3 { font-size: 2rem;   line-height: 2.2rem; } }
@media (min-width: 1280px) { .bkh-h3 { font-size: 2.5rem; line-height: 2.75rem; } }

/* Richtext — exact splitview-body p and richtext ul values */
.bkh-richtext p {
  font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  font-size: 1rem;        /* text-b2-sm */
  line-height: 1.4rem;
  font-weight: 400;
  color: #003064;
  margin: 0 0 1rem;
  max-width: none;
}
.bkh-richtext p:last-child { margin-bottom: 0; }
.bkh-richtext strong { font-weight: 600; color: #003064; }
.bkh-richtext em { font-style: italic; }
.bkh-richtext a { color: #003064; text-decoration: underline; transition: color 120ms; }
.bkh-richtext a:hover { color: #0050FF; }
.bkh-richtext ul {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  font-size: 0.875rem;    /* text-b3-sm */
  line-height: 1.225rem;
  font-weight: 400;
  color: #003064;
}
.bkh-richtext li { margin-bottom: 0.25rem; }
.bkh-richtext li a { color: #003064; text-decoration: none; }
.bkh-richtext li a:hover { color: #0050FF; text-decoration: underline; }

/* ── Intro section (c-richtext-2-columns__1) ─────────────────────────── */
.bkh-intro { background: #fff; padding-top: 3.5rem; padding-bottom: 0; }

.bkh-intro-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .bkh-intro-header { flex-direction: row; margin-bottom: 2.5rem; }
  .bkh-intro-header > div { width: 19.5rem; flex-shrink: 0; }
}
@media (min-width: 1280px) {
  .bkh-intro-header > div { width: 31.5rem; }
}

.bkh-two-col {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .bkh-two-col { flex-direction: row; gap: 0; justify-content: space-between; }
  .bkh-two-col > .bkh-col { width: 19.5rem; flex-shrink: 0; }
}
@media (min-width: 1280px) {
  .bkh-two-col > .bkh-col:first-child { width: 31.5rem; }
  .bkh-two-col > .bkh-col:last-child  { width: 31.5rem; }
}
@media (min-width: 1440px) {
  .bkh-two-col > .bkh-col:first-child { width: 38rem; }
  .bkh-two-col > .bkh-col:last-child  { width: 25rem; }
}

/* ── Divider — section-margin: 15rem desktop ─────────────────────────── */
.bkh-divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #D8DEE7;
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  border: none;
}
@media (min-width: 768px) {
  .bkh-divider { margin-top: 15rem; margin-bottom: 15rem; }
}

/* ── Splitview (c-splitview) ─────────────────────────────────────────── */
.bkh-splitview { background: #fff; }

/* The inner container goes px-0 — image bleeds to container edge */
.bkh-splitview-inner {
  border: 1px solid #D8DEE7;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Each splitview item */
.bkh-sv-item {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 5rem;
}
.bkh-sv-item:last-child { margin-bottom: 0; }
@media (min-width: 768px) {
  .bkh-sv-item { grid-template-columns: 1fr 1fr; margin-bottom: 0; }
}

/* Title */
.bkh-sv-title {
  padding: 1.5rem 1.5rem 0;
  order: 1;
  align-self: start;
}
@media (min-width: 768px) {
  .bkh-sv-title {
    padding: 3.5rem 2.5rem 0;
    order: unset;
  }
}
@media (min-width: 1280px) {
  .bkh-sv-title {
    padding: 7.5rem 6.5rem 0;
  }
}

/* Image wrapper */
.bkh-sv-img {
  order: 0;
  overflow: hidden;
  aspect-ratio: 4/3;
}
@media (min-width: 768px) {
  .bkh-sv-img {
    grid-row: span 2;
    aspect-ratio: unset;
    order: unset;
    min-height: 500px;
  }
}
.bkh-sv-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Body */
.bkh-sv-body {
  padding: 1.5rem;
  order: 2;
  align-self: end;
}
@media (min-width: 768px) {
  .bkh-sv-body {
    padding: 0 2.5rem 3.5rem;
    order: unset;
  }
}
@media (min-width: 1280px) {
  .bkh-sv-body { padding: 0 6.5rem 7.5rem; }
}

/* Image RIGHT  : title col-1 row-1 · img col-2 row-1/2 · body col-1 row-2 */
@media (min-width: 768px) {
  .bkh-sv-right .bkh-sv-title { grid-column: 1; grid-row: 1; }
  .bkh-sv-right .bkh-sv-img   { grid-column: 2; grid-row: 1 / span 2; }
  .bkh-sv-right .bkh-sv-body  { grid-column: 1; grid-row: 2; }
}

/* Image LEFT   : img col-1 row-1/2 · title col-2 row-1 · body col-2 row-2 */
@media (min-width: 768px) {
  .bkh-sv-left .bkh-sv-img   { grid-column: 1; grid-row: 1 / span 2; }
  .bkh-sv-left .bkh-sv-title { grid-column: 2; grid-row: 1; }
  .bkh-sv-left .bkh-sv-body  { grid-column: 2; grid-row: 2; }
}
/* mobile: image always first */
.bkh-sv-left .bkh-sv-img   { order: 0; }
.bkh-sv-left .bkh-sv-title { order: 1; }
.bkh-sv-left .bkh-sv-body  { order: 2; }

/* ── Button secondary ────────────────────────────────────────────────── */
.bkh-btn {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  overflow: hidden;
  width: 100%;
}
.bkh-btn-line {
  width: 100%;
  height: 1px;
  background: #D8DEE7;
  position: relative;
  overflow: hidden;
}
.bkh-btn-line::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 0;
  height: 2px;
  background: #0050FF;
  transition: width 280ms ease;
}
.bkh-btn:hover .bkh-btn-line::after { width: 100%; }
.bkh-btn-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1.75rem 0.25rem;
}
.bkh-btn span {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.05rem;
  font-weight: 600;
  color: #003064;
  transition: color 150ms;
}
.bkh-btn:hover span { color: #003064; }
.bkh-btn svg { flex-shrink: 0; color: #0050FF; width: 1rem; height: 1rem; }

/* ── 2-col richtext section (c-richtext-2-columns) ──────────────────── */
.bkh-text-section { background: #fff; padding-top: 0; }
.bkh-text-section-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .bkh-text-section-header { flex-direction: row; margin-bottom: 2.5rem; }
  .bkh-text-section-header > div { width: 19.5rem; }
}
@media (min-width: 1280px) {
  .bkh-text-section-header > div { width: 31.5rem; }
}

/* ── Conclusion ──────────────────────────────────────────────────────── */
.bkh-conclusion { background: #fff; }
.bkh-conclusion .bkh-two-col {
  align-items: stretch;
  min-height: 200px;
}
.bkh-dot-bg {
  background:
    linear-gradient(90deg, #fff calc(24px - 2px), transparent 1%) center / 24px 24px,
    linear-gradient(#fff calc(24px - 2px), transparent 1%) center / 24px 24px,
    #A1A1A1;
  opacity: 0.5;
}

/* ── Solicită ofertă CTA ─────────────────────────────────────────────── */
.bkh-cta-section {
  background: #003064;
  padding: 5rem 0;
  margin-top: 0;
}
.bkh-cta-inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .bkh-cta-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
  }
}
.bkh-cta-text { flex: 1; }
.bkh-cta-label {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin: 0 0 0.75rem;
  display: block;
}
.bkh-cta-title {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 1rem;
  max-width: none;
}
@media (min-width: 768px) {
  .bkh-cta-title { font-size: 2rem; line-height: 2.2rem; }
}
.bkh-cta-sub {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 400;
  color: rgba(255,255,255,0.65);
  margin: 0;
  max-width: none;
}
.bkh-cta-action {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-shrink: 0;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .bkh-cta-action { align-items: flex-end; }
}
.bkh-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: #0050FF;
  color: #fff !important;
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  padding: 1rem 2rem;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 150ms, transform 150ms;
}
.bkh-cta-btn:hover {
  background: #0040CC;
  transform: translateY(-2px);
}
.bkh-cta-btn svg { flex-shrink: 0; }
.bkh-cta-secondary {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  transition: color 150ms;
  white-space: nowrap;
}
.bkh-cta-secondary:hover { color: rgba(255,255,255,0.9) !important; }

/* ── Hide comments area on article ──────────────────────────────────── */
.postid-854 .comments-area,
.postid-854 #respond,
.postid-854 .comment-respond { display: none !important; }

/* ── Spacing helpers ─────────────────────────────────────────────────── */
.bkh-mb-10 { margin-bottom: 2.5rem; }
.bkh-mt-10 { margin-top: 2.5rem;  }
.bkh-pt-section { padding-top: 5rem; }
@media (min-width: 768px) { .bkh-pt-section { padding-top: 6.25rem; } }