/**
 * Aspectul Brizy al sectiunii Apatridie (import/import_apatridie.php), editabil in CKEditor.
 * Se incarca dupa igm-servicii.css si igm-brizy.css.
 *
 *   div.igm-cards.igm-cards--inline > div.igm-card   caseta: sigla in stanga, titlu + buton in dreapta, 3 pe rand
 *        > p > img  +  p > strong  +  p > a.igm-btn
 *   a.igm-btn.igm-btn--outline                       buton alb cu chenar albastru si iconita "link extern"
 *   h2.igm-sec-title.igm-sec-title--left             titlu de sectiune albastru, aliniat la stanga
 */

.igm-cards.igm-cards--inline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 2rem 0 2.5rem;
}

.igm-cards.igm-cards--inline > .igm-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 20px;
  min-height: 138px;
  padding: 20px 22px;
  border: 2px solid rgb(50 121 202 / 45%);
  border-radius: 10px;
  background: #fff;
}

.igm-cards.igm-cards--inline > .igm-card > p {
  margin: 0;
}

/* Sigla, pe doua randuri, centrata vertical */
.igm-cards.igm-cards--inline > .igm-card > p:first-child {
  grid-row: 1 / span 2;
  align-self: center;
}

.igm-cards.igm-cards--inline > .igm-card > p:first-child img {
  display: block;
  width: 62px;
  height: auto;
}

/* Titlul */
.igm-cards.igm-cards--inline > .igm-card > p:nth-child(2) {
  align-self: end;
  margin-bottom: 8px;
  color: var(--bs-primary);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

.igm-cards.igm-cards--inline > .igm-card > p:nth-child(3) {
  align-self: start;
}

/* Buton contur (Brizy: 2px, colturi 2px, 15px semibold) */
.igm-btn.igm-btn--outline {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: 3px 8px;
  border: 2px solid var(--bs-primary);
  border-radius: 2px;
  background: #fff;
  color: var(--bs-primary);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 24px;
}

.igm-btn.igm-btn--outline::after {
  content: "";
  width: 0.9em;
  height: 0.9em;
  background-color: currentColor;
  -webkit-mask: var(--igm-icon-ext) center / contain no-repeat;
  mask: var(--igm-icon-ext) center / contain no-repeat;
  --igm-icon-ext: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}

.igm-btn.igm-btn--outline:hover,
.igm-btn.igm-btn--outline:focus-visible {
  background: var(--bs-primary);
  color: #fff;
}

/* Bannerul de sus pe toata latimea coloanei, ca in Brizy (fisierele sunt 800 / 626 px latime). */
.text-formatted:has(.igm-cards--inline, .igm-sec-title--left) > p:first-child > img:only-child {
  width: 100%;
}

/* Titlurile si listele aliniate la stanga (tema justifica textul: goluri mari pe telefon). */
.text-formatted:has(.igm-cards--inline, .igm-sec-title--left) > :is(h3, h4, h5, ul, ol) {
  text-align: left;
}

:is(.text-formatted, .ck-content) :is(h2, h3).igm-sec-title.igm-sec-title--left {
  margin-top: 2.5rem;
  text-align: left;
}

@media (max-width: 991.98px) {
  .igm-cards.igm-cards--inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .igm-cards.igm-cards--inline {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media print {
  .igm-btn.igm-btn--outline::after {
    content: none;
  }
}