.elementor-10372 .elementor-element.elementor-element-6b09631b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10372 .elementor-element.elementor-element-2d8dd248{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10372 .elementor-element.elementor-element-d647938{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10372 .elementor-element.elementor-element-91d7199 .elementor-author-box__bio{color:#D6D8E0;}.elementor-10372 .elementor-element.elementor-element-4a876d56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10372 .elementor-element.elementor-element-73fed228{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10372 .elementor-element.elementor-element-7d7ed5f4{--grid-columns:3;}.elementor-10372 .elementor-element.elementor-element-7d7ed5f4 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-10372 .elementor-element.elementor-element-7d7ed5f4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-10372 .elementor-element.elementor-element-7d7ed5f4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10372 .elementor-element.elementor-element-7d7ed5f4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-10372 .elementor-element.elementor-element-7d7ed5f4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-10372 .elementor-element.elementor-element-123bef9f{--display:flex;}.elementor-10372 .elementor-element.elementor-element-b2623a0{--display:flex;}.elementor-10372 .elementor-element.elementor-element-57b152d2{--display:flex;}@media(max-width:1024px){.elementor-10372 .elementor-element.elementor-element-7d7ed5f4{--grid-columns:2;}}@media(max-width:767px){.elementor-10372 .elementor-element.elementor-element-7d7ed5f4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-6b09631b *//* =========================================================
   MOJEFYZIO
   MF CATEGORY ARCHIVE v1.4
   Elementor Theme Builder + MF Blog Card v1.0
   Normalized loop wrapper padding + compact archive rows
   ========================================================= */

.mf-archive-page {
  --mf-navy: #111424;
  --mf-warm: #F8F7F3;
  --mf-surface: #EFEEE9;

  --mf-text: #111424;
  --mf-muted: #626761;

  --mf-green: #6F8F7A;
  --mf-green-dark: #587261;
  --mf-focus: #526E5C;
  --mf-orange: #EFA765;

  --mf-border: rgba(17, 20, 36, 0.10);

  width: 100%;
  background: var(--mf-surface);
}

.mf-archive-page,
.mf-archive-page * {
  box-sizing: border-box;
}


/* =========================================================
   SHARED LAYOUT
   ========================================================= */

.mf-archive-hero__inner,
.mf-archive-results__inner,
.mf-archive-page .mf-blog-bridge__inner {
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;

  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;

  gap: 0 !important;
}


/* =========================================================
   CATEGORY HERO
   ========================================================= */

.mf-archive-hero {
  position: relative;

  width: 100%;

  background: var(--mf-navy);
  box-shadow: 0 0 0 100vmax var(--mf-navy);
  clip-path: inset(0 -100vmax);
  overflow: clip;
}

.mf-archive-hero__inner {
  padding-top: 64px;
  padding-bottom: 72px;
}

.mf-archive-page .mf-archive-hero__eyebrow {
  margin: 0 0 18px !important;
  margin-block-end: 18px !important;
}

.mf-archive-hero__eyebrow,
.mf-archive-hero__eyebrow p {
  color: var(--mf-orange) !important;

  font-family: inherit !important;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;

  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.mf-archive-hero__eyebrow p {
  margin: 0 !important;
}

.mf-archive-page .mf-archive-hero__title {
  width: 100% !important;
  max-width: 840px !important;
  align-self: flex-start !important;

  margin: 0 0 24px !important;
  margin-block-end: 24px !important;
}

.mf-archive-hero__title .elementor-heading-title,
.mf-archive-hero__title h1 {
  margin: 0 !important;

  color: #FFFFFF !important;

  font-size: clamp(48px, 4.2vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;

  letter-spacing: -0.04em !important;
}

.mf-archive-page .mf-archive-hero__description {
  width: 100% !important;
  max-width: 780px !important;
  align-self: flex-start !important;

  margin: 0 !important;
  margin-block-end: 0 !important;
}

.mf-archive-hero__description,
.mf-archive-hero__description p {
  color: rgba(255, 255, 255, 0.72) !important;

  font-family: inherit !important;
  font-size: 18px;
  line-height: 1.58;
  font-weight: 400;
}

.mf-archive-hero__description p {
  margin: 0 !important;
}


/* =========================================================
   ARTICLE RESULTS
   ========================================================= */

.mf-archive-results {
  position: relative;

  width: 100%;

  background: var(--mf-surface);
  box-shadow: 0 0 0 100vmax var(--mf-surface);
  clip-path: inset(0 -100vmax);
  overflow: clip;
}

.mf-archive-results__inner {
  padding-top: 68px;
  padding-bottom: 78px;
}

.mf-archive-page .mf-archive-results__eyebrow {
  margin: 0 0 14px !important;
  margin-block-end: 14px !important;
}

.mf-archive-results__eyebrow,
.mf-archive-results__eyebrow p {
  color: var(--mf-green-dark) !important;

  font-family: inherit !important;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.mf-archive-results__eyebrow p {
  margin: 0 !important;
}

.mf-archive-page .mf-archive-results__title {
  margin: 0 0 34px !important;
  margin-block-end: 34px !important;
}

.mf-archive-results__title .elementor-heading-title,
.mf-archive-results__title h2 {
  margin: 0 !important;

  color: var(--mf-text) !important;

  font-size: clamp(32px, 3vw, 44px) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;

  letter-spacing: -0.035em !important;
}

.mf-archive-results__grid {
  width: 100% !important;
  max-width: none !important;
}

.mf-archive-results__grid > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
}

.mf-archive-results__grid .elementor-loop-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;

  align-items: stretch !important;
  justify-items: stretch !important;

  width: 100% !important;
  max-width: none !important;

  gap: 20px !important;
}

.mf-archive-results__grid .elementor-loop-container .e-loop-item,
.mf-archive-results__grid .elementor-loop-container [data-elementor-type="loop-item"] {
  grid-column: auto !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  margin-inline: 0 !important;

  padding: 0 !important;
  padding-inline: 0 !important;

  align-self: stretch !important;
  justify-self: stretch !important;

  transform: none !important;
}

.mf-archive-results__grid .elementor-loop-container .e-loop-item > .elementor,
.mf-archive-results__grid .elementor-loop-container [data-elementor-type="loop-item"] > .elementor {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  margin-inline: 0 !important;

  padding: 0 !important;
  padding-inline: 0 !important;
}

.mf-archive-results__grid .elementor-loop-container .e-loop-item > .e-con,
.mf-archive-results__grid .elementor-loop-container [data-elementor-type="loop-item"] > .e-con,
.mf-archive-results__grid .elementor-loop-container .e-loop-item > .elementor-element,
.mf-archive-results__grid .elementor-loop-container [data-elementor-type="loop-item"] > .elementor-element,
.mf-archive-results__grid .elementor-loop-container .mf-blog-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;

  margin: 0 !important;
  margin-inline: 0 !important;

  align-self: stretch !important;
  justify-self: stretch !important;
}


/* =========================================================
   ARCHIVE CARD OVERRIDES
   The category is already stated in the page H1.
   ========================================================= */

.mf-archive-results .mf-blog-card {
  min-height: 292px !important;
  padding: 24px !important;
}

.mf-archive-results .mf-blog-card__category,
.mf-archive-results .mf-blog-card__excerpt {
  display: none !important;
}

.mf-archive-results .mf-blog-card__title {
  margin-bottom: 22px !important;
}

.mf-archive-results .mf-blog-card__title .elementor-heading-title {
  font-size: clamp(23px, 2vw, 27px) !important;
  line-height: 1.16 !important;
}

.mf-archive-results .mf-blog-card__footer {
  margin-top: auto;
  padding-top: 17px !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.mf-archive-results__grid .elementor-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  gap: 8px;

  margin-top: 38px;
}

.mf-archive-results__grid .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 44px;
  min-height: 44px;

  padding: 8px 12px;

  background: var(--mf-warm);
  border: 1px solid var(--mf-border);
  border-radius: 10px;

  color: var(--mf-focus) !important;

  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;

  text-decoration: none !important;

  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.mf-archive-results__grid .page-numbers.current {
  background: var(--mf-navy);
  border-color: var(--mf-navy);

  color: #FFFFFF !important;
}

.mf-archive-results__grid a.page-numbers:hover,
.mf-archive-results__grid a.page-numbers:focus-visible {
  background: var(--mf-green-dark);
  border-color: var(--mf-green-dark);

  color: #FFFFFF !important;

  transform: translateY(-2px);
}


/* =========================================================
   SERVICE BRIDGE
   Reuses the landing-page component structure.
   ========================================================= */

.mf-archive-page .mf-blog-bridge {
  position: relative;

  width: 100%;

  background: var(--mf-warm);
  box-shadow: 0 0 0 100vmax var(--mf-warm);
  clip-path: inset(0 -100vmax);
  overflow: clip;

  border-top: 1px solid var(--mf-border);
}

.mf-archive-page .mf-blog-bridge__inner {
  padding-top: 70px;
  padding-bottom: 78px;
}

.mf-archive-page .mf-blog-bridge__eyebrow {
  margin: 0 0 16px !important;
  margin-block-end: 16px !important;
}

.mf-archive-page .mf-blog-bridge__eyebrow,
.mf-archive-page .mf-blog-bridge__eyebrow p {
  color: var(--mf-green-dark) !important;

  font-family: inherit !important;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;

  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.mf-archive-page .mf-blog-bridge__eyebrow p {
  margin: 0 !important;
}

.mf-archive-page .mf-blog-bridge__title {
  margin: 0 0 24px !important;
  margin-block-end: 24px !important;
}

.mf-archive-page .mf-blog-bridge__title .elementor-heading-title {
  margin: 0 !important;

  color: var(--mf-text) !important;

  font-size: clamp(32px, 3vw, 46px) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;

  letter-spacing: -0.035em !important;
}

.mf-archive-page .mf-blog-bridge__text {
  width: 100% !important;
  max-width: 760px !important;
  align-self: flex-start !important;

  margin: 0 0 34px !important;
  margin-block-end: 34px !important;
}

.mf-archive-page .mf-blog-bridge__text,
.mf-archive-page .mf-blog-bridge__text p {
  color: var(--mf-muted) !important;

  font-family: inherit !important;
  font-size: 16px;
  line-height: 1.68;
  font-weight: 400;
}

.mf-archive-page .mf-blog-bridge__text p {
  margin: 0 !important;
}

.mf-archive-page .mf-blog-bridge__links {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;

  gap: 12px !important;

  width: 100%;
}

.mf-archive-page .mf-blog-bridge__link {
  width: auto !important;
}

.mf-archive-page .mf-blog-bridge__link .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;

  padding: 12px 17px !important;

  background: transparent !important;
  border: 1px solid rgba(17, 20, 36, 0.18) !important;
  border-radius: 999px !important;
  box-shadow: none !important;

  color: var(--mf-text) !important;

  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.mf-archive-page .mf-blog-bridge__link .elementor-button-text {
  color: inherit;

  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;

  text-transform: none;
}

.mf-archive-page .mf-blog-bridge__link .elementor-button:hover,
.mf-archive-page .mf-blog-bridge__link .elementor-button:focus-visible {
  background: var(--mf-navy) !important;
  border-color: var(--mf-navy) !important;

  color: #FFFFFF !important;

  transform: translateY(-2px);
}

.mf-archive-page .mf-blog-bridge__link--primary .elementor-button {
  background: var(--mf-navy) !important;
  border-color: var(--mf-navy) !important;

  color: #FFFFFF !important;
}

.mf-archive-page .mf-blog-bridge__link--primary .elementor-button:hover,
.mf-archive-page .mf-blog-bridge__link--primary .elementor-button:focus-visible {
  background: var(--mf-green-dark) !important;
  border-color: var(--mf-green-dark) !important;

  color: #FFFFFF !important;
}


/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.mf-archive-page a:focus-visible,
.mf-archive-page button:focus-visible {
  outline: 3px solid var(--mf-focus) !important;
  outline-offset: 4px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .mf-archive-hero__inner,
  .mf-archive-results__inner,
  .mf-archive-page .mf-blog-bridge__inner {
    width: min(100% - 40px, 920px);
  }

  .mf-archive-results__grid .elementor-loop-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .mf-archive-hero__inner,
  .mf-archive-results__inner,
  .mf-archive-page .mf-blog-bridge__inner {
    width: calc(100% - 32px);
  }


  /* HERO */

  .mf-archive-hero__inner {
    padding-top: 44px;
    padding-bottom: 50px;
  }

  .mf-archive-page .mf-archive-hero__eyebrow {
    margin: 0 0 14px !important;
    margin-block-end: 14px !important;
  }

  .mf-archive-page .mf-archive-hero__title {
    max-width: 100% !important;

    margin: 0 0 18px !important;
    margin-block-end: 18px !important;
  }

  .mf-archive-hero__title .elementor-heading-title,
  .mf-archive-hero__title h1 {
    font-size: 40px !important;
    line-height: 1.04 !important;
  }

  .mf-archive-hero__description,
  .mf-archive-hero__description p {
    font-size: 16px;
    line-height: 1.55;
  }


  /* RESULTS */

  .mf-archive-results__inner {
    padding-top: 54px;
    padding-bottom: 62px;
  }

  .mf-archive-page .mf-archive-results__eyebrow {
    margin: 0 0 12px !important;
    margin-block-end: 12px !important;
  }

  .mf-archive-page .mf-archive-results__title {
    margin: 0 0 28px !important;
    margin-block-end: 28px !important;
  }

  .mf-archive-results__title .elementor-heading-title,
  .mf-archive-results__title h2 {
    font-size: 32px !important;
  }

  .mf-archive-results__grid .elementor-loop-container {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .mf-archive-results .mf-blog-card {
    min-height: 0 !important;
    padding: 20px !important;
  }

  .mf-archive-results .mf-blog-card__title {
    margin-bottom: 18px !important;
  }

  .mf-archive-results .mf-blog-card__title .elementor-heading-title {
    font-size: 22px !important;
    line-height: 1.17 !important;
  }

  .mf-archive-results__grid .elementor-pagination {
    justify-content: flex-start;
    margin-top: 30px;
  }

  .mf-archive-results__grid .page-numbers {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 11px;
  }


  /* SERVICE BRIDGE */

  .mf-archive-page .mf-blog-bridge__inner {
    padding-top: 56px;
    padding-bottom: 66px;
  }

  .mf-archive-page .mf-blog-bridge__eyebrow {
    margin: 0 0 14px !important;
    margin-block-end: 14px !important;
  }

  .mf-archive-page .mf-blog-bridge__title {
    margin: 0 0 20px !important;
    margin-block-end: 20px !important;
  }

  .mf-archive-page .mf-blog-bridge__title .elementor-heading-title {
    font-size: 32px !important;
  }

  .mf-archive-page .mf-blog-bridge__text {
    margin: 0 0 30px !important;
    margin-block-end: 30px !important;
  }

  .mf-archive-page .mf-blog-bridge__links {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .mf-archive-page .mf-blog-bridge__link {
    width: 100% !important;
  }

  .mf-archive-page .mf-blog-bridge__link .elementor-button {
    width: 100%;
    min-height: 48px;

    padding: 13px 16px !important;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .mf-archive-results__grid .page-numbers,
  .mf-archive-page .mf-blog-bridge__link .elementor-button {
    transition: none;
  }

  .mf-archive-results__grid a.page-numbers:hover,
  .mf-archive-results__grid a.page-numbers:focus-visible,
  .mf-archive-page .mf-blog-bridge__link .elementor-button:hover,
  .mf-archive-page .mf-blog-bridge__link .elementor-button:focus-visible {
    transform: none;
  }
}/* End custom CSS */