/* FIMSA — Design comun pentru toate articolele WordPress, vechi și viitoare. */
.fimsa-article-design #content {
  --fam-navy: #142b4c;
  --fam-blue: #2563eb;
  --fam-text: #334155;
  --fam-muted: #60718a;
  --fam-line: #e2e8f0;
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: "Segoe UI", Arial, sans-serif;
}

.fimsa-article-design #content > .container-fluid {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.fimsa-article-design #content .mg-blog-post-box {
  margin: 0 0 20px;
  padding: 0;
  border: 1px solid var(--fam-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(23, 36, 59, .035);
}

.fimsa-article-design #content .mg-blog-post-box > .mg-header {
  margin: 0 0 22px;
  padding: 24px 26px;
  border: 0;
  border-radius: 13px 13px 0 0;
  background: linear-gradient(120deg, #142b4c, #244d83);
}

.fimsa-article-design #content .mg-blog-post-box > .mg-header h1.title,
.fimsa-article-design #content .mg-blog-post-box > .mg-header h1.title a {
  margin: 0;
  padding: 0;
  color: #fff !important;
  font: 700 clamp(24px, 2.65vw, 34px)/1.25 "Segoe UI", Arial, sans-serif !important;
  letter-spacing: -.35px;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  overflow-wrap: break-word;
}

.fimsa-article-design #content .fam-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
  padding: 0;
}

.fimsa-article-design #content a.fam-category {
  display: inline-block;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  color: #e1edff;
  font: 600 11px/1.4 "Segoe UI", Arial, sans-serif;
  text-decoration: none;
}

.fimsa-article-design #content a.fam-category:hover {
  background: rgba(255, 255, 255, .18);
  color: #fff;
}

.fimsa-article-design #content .fam-date {
  color: #c6dbfa;
  font: 400 11px/1.5 "Segoe UI", Arial, sans-serif;
  font-variant-numeric: tabular-nums;
}

.fimsa-article-design #content .mg-blog-post-box > .single-featured-image {
  width: calc(100% - 52px);
  max-width: calc(100% - 52px);
  height: auto;
  max-height: 380px;
  margin: 0 26px 22px;
  padding: 0;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  background: #f6f9fd;
  object-fit: contain;
}

.fimsa-article-design #content .page-content-single {
  margin: 0;
  padding: 0 26px 24px;
  color: var(--fam-text);
  font: 400 15px/1.75 "Segoe UI", Arial, sans-serif;
  text-align: left;
  overflow-wrap: break-word;
}

.fimsa-article-design #content .page-content-single .elementor-widget-text-editor {
  color: var(--fam-text);
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.fimsa-article-design #content .page-content-single :is(p, li, td, th, blockquote, figcaption, label) {
  font-family: "Segoe UI", Arial, sans-serif !important;
}

.fimsa-article-design #content .page-content-single p {
  margin: 0 0 14px;
}

.fimsa-article-design #content .page-content-single > p,
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor p,
.fimsa-article-design #content .page-content-single .wp-block-group > p,
.fimsa-article-design #content .page-content-single .wp-block-column > p {
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.fimsa-article-design #content .page-content-single p[style*="justify"],
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor p {
  text-align: left;
}

.fimsa-article-design #content .page-content-single .elementor-widget-text-editor :is(span, font):not(.fa):not([class*="fa-"]):not([class*="eicon"]) {
  font-family: inherit !important;
}

.fimsa-article-design #content .page-content-single > :is(h1, h2, h3, h4, h5, h6),
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor :is(h1, h2, h3, h4, h5, h6) {
  margin: 24px 0 10px;
  padding: 0;
  color: var(--fam-navy);
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
}

.fimsa-article-design #content .page-content-single > :is(h1, h2),
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor :is(h1, h2) {
  font-size: 23px;
}

.fimsa-article-design #content .page-content-single > h3,
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor h3 {
  font-size: 20px;
}

.fimsa-article-design #content .page-content-single > :is(h4, h5, h6),
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor :is(h4, h5, h6) {
  font-size: 17px;
}

.fimsa-article-design #content .page-content-single > :is(ul, ol),
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor :is(ul, ol) {
  margin: 0 0 18px;
  padding-left: 22px;
}

.fimsa-article-design #content .page-content-single li {
  margin: 0 0 7px;
  font-size: 15px;
  line-height: 1.65;
}

.fimsa-article-design #content .page-content-single li::marker {
  color: #2563eb;
  font-weight: 700;
}

.fimsa-article-design #content .page-content-single > a,
.fimsa-article-design #content .page-content-single p a,
.fimsa-article-design #content .page-content-single .elementor-widget-text-editor a:not(.btn):not(.button) {
  color: #1d4ed8;
  text-decoration: underline;
  text-decoration-color: #b5c9ef;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.fimsa-article-design #content .page-content-single p a:hover {
  color: #153eaa;
  text-decoration-color: currentColor;
}

.fimsa-article-design #content .page-content-single :is(strong, b) {
  font-weight: 700;
}

.fimsa-article-design #content .page-content-single hr {
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--fam-line);
  background: none;
  height: 0;
}

.fimsa-article-design #content .page-content-single blockquote {
  margin: 20px 0;
  padding: 16px 18px;
  border: 0;
  border-left: 3px solid #2563eb;
  border-radius: 0 9px 9px 0;
  background: #edf3ff;
  color: #334155;
  font-size: 15px;
  line-height: 1.7;
}

.fimsa-article-design #content .page-content-single blockquote p:last-child {
  margin-bottom: 0;
}

.fimsa-article-design #content .page-content-single blockquote::before,
.fimsa-article-design #content .page-content-single blockquote::after {
  content: none;
}

/* Imagini întregi; se păstrează proporțiile fotografiilor. */
.fimsa-article-design #content .page-content-single img {
  max-width: 100% !important;
  height: auto;
  border-radius: 9px;
}

.fimsa-article-design #content .page-content-single :is(figure, .wp-caption) {
  max-width: 100%;
}

.fimsa-article-design #content .page-content-single :is(figcaption, .wp-caption-text) {
  margin: 7px 0 0;
  color: var(--fam-muted);
  font-size: 12px;
  line-height: 1.5;
}

.fimsa-article-design #content .page-content-single :is(.alignwide, .alignfull) {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: auto;
}

/* Galerii WordPress clasice și Elementor. */
.fimsa-article-design #content .page-content-single .gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
  padding: 0;
}

.fimsa-article-design #content .page-content-single .gallery.gallery-columns-1 {
  grid-template-columns: minmax(0, 1fr);
}

.fimsa-article-design #content .page-content-single .gallery.gallery-columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fimsa-article-design #content .page-content-single .gallery:is(.gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fimsa-article-design #content .page-content-single .gallery .gallery-item {
  float: none;
  width: auto !important;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
}

.fimsa-article-design #content .page-content-single .gallery .gallery-icon {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #dfe7f1;
  border-radius: 9px;
  background: #f6f9fd;
}

.fimsa-article-design #content .page-content-single .gallery .gallery-icon > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

.fimsa-article-design #content .page-content-single .gallery .gallery-icon img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  object-fit: contain;
}

.fimsa-article-design #content .page-content-single .gallery > br {
  display: none;
}

.fimsa-article-design #content .page-content-single .wp-block-gallery {
  gap: 12px;
}

.fimsa-article-design #content .page-content-single .wp-block-gallery .wp-block-image {
  overflow: hidden;
  border: 1px solid var(--fam-line);
  border-radius: 9px;
  background: #f6f9fd;
}

.fimsa-article-design #content .page-content-single .wp-block-gallery .wp-block-image img {
  object-fit: contain !important;
}

.fimsa-article-design #content .page-content-single .wp-block-gallery .wp-block-image figcaption {
  position: static;
  margin: 0;
  padding: 8px 10px;
  background: #fff;
  color: var(--fam-muted);
  font-size: 12px;
  line-height: 1.5;
}

/* Nu se modifică structura coloanelor Elementor sau componentele HTML FIMSA. */
.fimsa-article-design #content .page-content-single > .elementor > .elementor-top-section > .elementor-container {
  max-width: 100%;
}

.fimsa-article-design #content .page-content-single > .elementor > .elementor-top-section > .elementor-container > .elementor-top-column > .elementor-widget-wrap {
  padding: 0;
}

.fimsa-article-design #content .page-content-single .elementor-widget-image-gallery {
  width: 100%;
}

/* Documente ușor de găsit, cu aceleași adrese și etichete. */
.fimsa-article-design #content .page-content-single a.fam-document-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  margin: 4px 0;
  padding: 9px 12px;
  border: 1px solid #d9e5f7;
  border-radius: 7px;
  background: #f1f6ff;
  color: #1d4ed8;
  font: 600 13px/1.5 "Segoe UI", Arial, sans-serif;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.fimsa-article-design #content .page-content-single a.fam-document-link::after {
  content: "";
  display: block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

.fimsa-article-design #content .page-content-single a.fam-document-link:hover {
  border-color: #9bbbed;
  background: #e8f0ff;
}

.fimsa-article-design #content .page-content-single .wp-block-button__link {
  border-radius: 7px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 600;
}

/* Tabelele mari rămân complete și pot fi derulate orizontal. */
.fimsa-article-design #content .page-content-single :is(.fam-table-scroll, .wp-block-table) {
  max-width: 100%;
  margin: 18px 0;
  overflow-x: auto;
  border: 1px solid var(--fam-line);
  border-radius: 9px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.fimsa-article-design #content .page-content-single table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  color: var(--fam-text);
  font-size: 14px;
  line-height: 1.5;
}

.fimsa-article-design #content .page-content-single :is(th, td) {
  padding: 11px 13px;
  border: 0;
  border-bottom: 1px solid var(--fam-line);
  vertical-align: top;
}

.fimsa-article-design #content .page-content-single th {
  background: #edf3ff;
  color: var(--fam-navy);
  font-weight: 700;
}

.fimsa-article-design #content .page-content-single tbody tr:nth-child(even) {
  background: #f8fafc;
}

.fimsa-article-design #content .page-content-single tbody tr:last-child td {
  border-bottom: 0;
}

.fimsa-article-design #content .page-content-single :is(video, iframe, pre) {
  max-width: 100%;
}

.fimsa-article-design #content .page-content-single pre {
  overflow-x: auto;
  padding: 14px;
  border: 1px solid var(--fam-line);
  border-radius: 8px;
  background: #f6f9fd;
  color: #334155;
}

/* Navigarea între articole. */
.fimsa-article-design #content .post-navigation {
  margin: 24px 0 0;
  padding: 18px 0 0;
  border: 0;
  border-top: 1px solid var(--fam-line);
}

.fimsa-article-design #content .post-navigation .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fimsa-article-design #content .post-navigation .nav-links > div {
  float: none;
  flex: 1 1 240px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.fimsa-article-design #content .post-navigation .nav-links a {
  display: block;
  height: 100%;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--fam-line);
  border-radius: 8px;
  background: #f6f9fd;
  color: #1d4ed8;
  font: 600 13px/1.5 "Segoe UI", Arial, sans-serif;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.fimsa-article-design #content .post-navigation .nav-links a:hover {
  background: #edf3ff;
  border-color: #9bbbed;
}

/* Articole similare: imagini compacte și titluri proporționate. */
.fimsa-article-design #content .mg-featured-slider {
  border: 1px solid var(--fam-line);
  border-radius: 11px;
  background: #f6f9fd;
  box-shadow: none;
}

.fimsa-article-design #content .mg-featured-slider .mg-sec-title {
  margin-bottom: 12px;
  border: 0;
  background: transparent;
}

.fimsa-article-design #content .mg-featured-slider .mg-sec-title h4 {
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--fam-navy);
  font: 700 18px/1.4 "Segoe UI", Arial, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}

.fimsa-article-design #content .mg-featured-slider .mg-sec-title h4::before,
.fimsa-article-design #content .mg-featured-slider .mg-sec-title h4::after {
  content: none;
}

.fimsa-article-design #content .mg-featured-slider .mg-blog-post-3 {
  min-height: 190px;
  height: 190px;
  overflow: hidden;
  border-radius: 9px;
  background-position: center;
  background-size: cover;
}

.fimsa-article-design #content .mg-featured-slider .mg-blog-post-3 .mg-blog-inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px;
  background: linear-gradient(180deg, rgba(12, 29, 52, .03), rgba(12, 29, 52, .88));
}

.fimsa-article-design #content .mg-featured-slider .title,
.fimsa-article-design #content .mg-featured-slider .title a {
  margin: 0;
  color: #fff;
  font: 650 14px/1.45 "Segoe UI", Arial, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}

.fimsa-article-design #content .mg-featured-slider .title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.fimsa-article-design #content .mg-featured-slider .mg-blog-meta {
  margin-top: 5px;
  font-size: 10px;
}

.fimsa-article-design #content .mg-featured-slider .mg-blog-meta:empty {
  margin: 0;
}

.fimsa-article-design #content a:focus-visible,
.fimsa-article-design #content button:focus-visible,
.fimsa-article-design #content .fam-table-scroll:focus-visible {
  outline: 3px solid #93b4f5;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  .fimsa-article-design #content > .container-fluid > .row > .col-lg-9.col-md-8,
  .fimsa-article-design #content > .container-fluid > .row > aside.col-lg-3.col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .fimsa-article-design #content {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .fimsa-article-design #content .mg-blog-post-box > .mg-header {
    margin-bottom: 17px;
    padding: 20px 18px;
  }

  .fimsa-article-design #content .mg-blog-post-box > .mg-header h1.title,
  .fimsa-article-design #content .mg-blog-post-box > .mg-header h1.title a {
    font-size: 24px !important;
    line-height: 1.3 !important;
    letter-spacing: -.2px;
  }

  .fimsa-article-design #content .mg-blog-post-box > .single-featured-image {
    width: calc(100% - 36px);
    max-width: calc(100% - 36px);
    max-height: 300px;
    margin: 0 18px 18px;
  }

  .fimsa-article-design #content .page-content-single {
    padding: 0 18px 18px;
    font-size: 14px;
  }

  .fimsa-article-design #content .page-content-single > p,
  .fimsa-article-design #content .page-content-single .elementor-widget-text-editor p,
  .fimsa-article-design #content .page-content-single .wp-block-group > p,
  .fimsa-article-design #content .page-content-single .wp-block-column > p,
  .fimsa-article-design #content .page-content-single .elementor-widget-text-editor {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  .fimsa-article-design #content .page-content-single li {
    font-size: 14px;
  }

  .fimsa-article-design #content .page-content-single .gallery:not(.gallery-columns-1) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .fimsa-article-design #content .page-content-single .gallery.gallery-columns-1 {
    grid-template-columns: minmax(0, 1fr);
  }

  .fimsa-article-design #content .page-content-single :is(.alignleft, .alignright) {
    float: none;
    max-width: 100%;
    margin: 16px auto;
  }

  .fimsa-article-design #content .mg-featured-slider .mg-blog-post-3 {
    min-height: 110px;
    height: 110px;
    border: 1px solid var(--fam-line);
    background-color: #edf2fa;
    background-size: 90px auto;
    background-position: left center;
    background-repeat: no-repeat;
  }

  .fimsa-article-design #content .mg-featured-slider .mg-blog-post-3 .mg-blog-inner {
    width: calc(100% - 90px);
    margin-left: 90px;
    padding: 11px;
    justify-content: center;
    background: #fff;
  }

  .fimsa-article-design #content .mg-featured-slider .title,
  .fimsa-article-design #content .mg-featured-slider .title a {
    color: #17243b;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fimsa-article-design #content .page-content-single a {
    transition: none;
  }
}
