@media (min-width: 992px) {
    .flex-card-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .flex-card-item {
        display: flex;
        flex-direction: column;
    }
}

.flex-card-container {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    margin-bottom: 30px;
}

.card.flex-card-container .card-image {
    height: auto;
}

.flex-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.flex-card-footer {
    margin-top: auto;
}

.single-activity article {
    /*
    --orange: #f39c12;
    --orange-border: #f39c12;
    --orange-text: #e67e22;
    --orange-bg: #fff8f0;
    --orange-bg2: #fff3e0;

    --green: #2e7d32;
    --green-border: #c1e1c1;
    --green-text: #2e7d32;
    --green-bg: #f1f8f4;
    --green-bg2: #e0f2e9;
    */

    --orange: #f79448;
    --orange-border: #fad6bb;
    --orange-text: #f0822e;
    --orange-bg: #fff7f0;
    --orange-bg2: #ffede0;

    --green: #587c3f;
    --green-border: #cee1c1;
    --green-text: #476b2d;
    --green-bg: #f4f8f1;
    --green-bg2: #e7f2e0;
    
    --radius-small: 5px;
    --radius-large: 12px;

    margin-left: auto;
    margin-right: auto;
}

.single-activity .main-raised + .main-raised {
    margin-top: 0;
}

.single-activity .main h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 24px;
    color: var(--green-text);
}
.single-activity .main:nth-child(2n) h2 {
    color: var(--orange-text);
}



.activity-profile {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-bottom: 10px;
}
.activity-profile .activity-logo {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: var(--radius-large);
}
.activity-profile .activity-content {
    display: flex;
    flex-direction: column;
}

.activity-profile .activity-content .activity-title {
    font-weight: 600;
}

.activity-profile .activity-content .activity-description {
    font-weight: 200;
    color: #111;
}




.info-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 16px;
    margin-bottom: 32px;
}
.info-wrapper .info-box {
    width: calc(50% - 8px);
}
@media (max-width: 768px) {
    .info-wrapper .info-box {
        width: 100%;
    }
}

.info-box {
    display: flex;
    align-items: start;
    gap: 16px;
}
.info-box .info-icon {
    margin-top: 8px;
    color: var(--green);
}
.single-activity .main:nth-child(2n) .info-box .info-icon {
    color: var(--orange);
}
.info-box .info-content {
    display: flex;
    flex-direction: column;
}

.info-box .info-content .info-label {
    font-weight: 200;
    color: #666;
}

.info-box .info-content .info-value {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    font-weight: 400;
    color: #111;
}

.info-box .info-content .info-value .badge {
    background-color: var(--green-bg);
    color: var(--green-text);
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px;
    border-radius: 100px;
}
.info-box .info-content .info-value .badge:nth-child(2n) {
    background-color: var(--orange-bg2);
    color: var(--orange-text);
}

.metrics-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 32px;
}
.metrics-wrapper .metric-box {
    width: calc(25% - 12px);
}
@media (max-width: 1199px) {
    .metrics-wrapper .metric-box {
        width: calc(50% - 8px);
    }
}
@media (max-width: 768px) {
    .metrics-wrapper .metric-box {
        width: 100%;
    }
}

.metric-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;

    border: 1px solid var(--green-border);
    border-radius: var(--radius-small);
    background-color: var(--green-bg);
    padding: 16px;
}
.metric-box:nth-child(2n) {
    border-color: var(--orange-border);
    background-color: var(--orange-bg);
}

.metric-box .metric-icon {
    font-size: 24px;
    color: var(--green);
}
.metric-box:nth-child(2n) .metric-icon {
    color: var(--orange);
}

.metric-box .metric-label {
    font-size: 14px;
    font-weight: 400;
}

.metric-box .metric-value {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    font-size: 24px;
    font-weight: 500;
    color: var(--green-text);
}
.metric-box:nth-child(2n) .metric-value {
    color: var(--orange-text);
}

.metric-box .metric-unit {
    font-size: 14px;
    font-weight: 400;
}

.narratives-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    margin-bottom: 32px;
}
.narratives-wrapper .narrative-box {
    width: 100%;
}

.narrative-box {
    display: flex;
    flex-direction: column;
    align-items: start;

    border-radius: var(--radius-large);
    background-color: var(--green-bg);
    padding: 16px;
}
.narrative-box:nth-child(2n) {
    background-color: var(--orange-bg);
}

.narrative-box .narrative-label {
    font-weight: 500;
    margin-bottom: 8px;
}
.narrative-box .narrative-label i {
    color: var(--green-text);
}
.narrative-box:nth-child(2n) .narrative-label i {
    color: var(--orange-text);
}

.narrative-box .narrative-heading {
    font-weight: 200;
    color: #666;
}

.narrative-box .narrative-summary {
    font-weight: 200;
    background-color: #eee;
    border-radius: var(--radius-large);
    padding: 4px 8px;
    color: #333;
    margin-bottom: 8px;
}
.narrative-box .narrative-explanation {
    font-weight: 200;
    color: #333;
    margin-bottom: 8px;
}

.narrative-box :last-child {
    margin-bottom: 0;
}

.narrative-box .narrative-summary p:last-child, .narrative-box .narrative-explanation p:last-child {
    margin-bottom: 0;
}

.narrative-box .narrative-files {
}

.file-badge {
    background-color: #eee;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px;
    border-radius: 100px;
    white-space: nowrap;
}
.narrative-box .file-badge:hover, .narrative-box .file-badge i {
    color: var(--green);
}
.narrative-box:nth-child(2n) .file-badge:hover, .narrative-box:nth-child(2n) .file-badge i {
    color: var(--orange);
}

ul.check-list {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px calc(8px + var(--fa-li-margin));
    --fa-li-width: 2em;
    --fa-li-margin: 2em
}
.check-list li {
    width: calc(50% - 4px - var(--fa-li-margin));
}
.narrative-box .check-list li .fa-li {
    color: var(--green);
}
.narrative-box:nth-child(2n) .check-list li .fa-li {
    color: var(--orange);
}


.btn-print {
    position: absolute;
    margin: 0;
    top: 10px;
    right: 10px;
}

/* PRINT STYLES */
@media print {

  /* Page setup */
  @page {
    size: A4;
    margin: 2cm;
  }

  /* Remove shadows */
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    background: transparent !important;
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
  }

  /* Hide non-essential UI elements */
  .header-filter,
  footer,
  aside,
  .sidebar,
  .menu,
  #main-navigation,
  .navbar-toggle-wrapper,
  .breadcrumb,
  .ads,
  .social,
  .no-print,
  .related-posts,
  .elementor,
  .wp-block-button,
  .share-buttons,
  .comments-area,
  .btn-print {
    display: none !important;
  }
  
  .page-header {
    min-height: 0 !important;
    padding: 0;
    transform: none !important;
  }
  .page-header .container {
    padding: 0 !important;
  }
  .page-header .container, .page-header .author, .page-header .author a, .page-header .hestia-title, .page-header .title, .page-header .description {
    color: #000;
  }

  /* Remove margins */
  main,
  article,
  .content,
  .container,
  .section,
  .main {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Headings */
  h1, h2, h3, h4 {
    page-break-after: avoid;
    margin-top: 1.2em;
  }

  /* Prevent awkward splits */
  p, li, blockquote, img,
  .metric-box, .narrative-box {
    page-break-inside: avoid;
  }

  /* Optional: force sections to new page */
  .page-break, .main:nth-child(n+3) {
    page-break-before: always;
  }
}