/**
 * Aktivitāšu lapas (un radniecīgo .activities-page wrapper lapu) CSS.
 * Pielietots: page-aktivitates.php, page-aktivitates-downloads.php, page-buj.php,
 * page-problematika.php ("Par projektu" apakšlapu virsraksta cilne).
 */

.activities-title {
    margin: 30px 0;
    text-align: center;
    background-color: #fff;
    padding: 20px 40px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0 0 60px 0;
}

/* "Par projektu" apakšlapas: atstarpe līdz satura blokam tāda pati kā BUJ (tikai virsraksta margin). */
.about-page .activities-title + .about-project-wrapper {
    padding-top: 0;
}

/* Status-button vienmēr pa labi, ar tieši 20px atstarpi
   no iepriekšējā elementa (override Bootstrap gap-md-4/gap-4 = 24px). */
@media only screen and (min-width: 768px) {
    .activities-page .accordion-button.gap-md-4,
    .activities-page .flex-md-row.gap-md-4,
    .activities-page .flex-md-row.gap-4 {
        gap: 20px !important;
    }
}

/* Bootstrap pēc default piešķir `.accordion-button::after` (chevron) `margin-left: auto`,
   kas sacenšas ar mūsu status-button.ms-auto un sadala brīvo vietu uz pusi.
   Šo override piemēro TIKAI tad, ja pogā ir kāds .ms-auto elements (aktivitātes ar statusu);
   BUJ un lejupielāžu lapās bez ms-auto chevron paliek pielipis pa labi (Bootstrap default). */
.activities-page .accordion-button:has(.ms-auto)::after {
    margin-left: 0 !important;
}

/* Atbildīgais / pārējie partneri: desktopā tik plati, cik teksts (ne platāki par rindu),
   mobilajā (zem Bootstrap md) pilnā platumā. */
@media only screen and (min-width: 768px) {
    .activities-page .partner-block > .status-code {
        width: fit-content;
        max-width: 100%;
    }
}

/* Ligzdotās aktivitātes (status-button.ms-md-auto iekšējā rindā, zem tās partneru bloki):
   chevron vienā līmenī ar statusa pogu, nevis visas pogas vertikālajā vidū.
   margin-top 1px — chevron (20px) centrs = statusa pogas (22px) centrs. */
.activities-page .accordion-button:has(.status-button.ms-md-auto) {
    align-items: flex-start;
    gap: 20px;
}
.activities-page .accordion-button:has(.status-button.ms-md-auto)::after {
    margin-top: 1px;
}

/* Lejupielādes: Work Package virsraksts virs tā aktivitātēm, apakšieraksta nosaukums virs tā failiem. */
.activities-page .downloads-package-title {
    font-size: 20px;
    line-height: 26px;
    margin: 24px 0 12px;
}
.activities-page .downloads-package-title:first-child {
    margin-top: 0;
}
.activities-page .downloads-section + .downloads-section {
    margin-top: 16px;
}
.activities-page .downloads-entry-title {
    color: var(--color-light-blue);
    margin-bottom: 8px;
}
/* Apakšieraksts (piem., T.2.4.1) ar saviem failiem — atkāpe pa labi, lai redzams, ka tas ir aktivitātes apakšpunkts. */
.activities-page .downloads-section--entry {
    padding-left: 20px;
}
@media only screen and (max-width: 768px) {
    .activities-page .downloads-section--entry {
        padding-left: 12px;
    }
}
/* Failu saites melnas, uz hover zilas (citām akordeona saitēm accordion.css paliek zilas). */
.activities-page .downloads-section .status-code a {
    color: #000;
    transition: color var(--transition);
}
.activities-page .downloads-section .status-code a:hover,
.activities-page .downloads-section .status-code a:focus-visible {
    color: var(--color-light-blue);
}
/* Faila tipa ikona (Bootstrap Icons) — mazliet lielāka par saites tekstu, krāsa līdzi saitei. */
.activities-page .downloads-section .file-icon {
    font-size: 18px;
    line-height: 1;
}
@media only screen and (max-width: 768px) {
    .activities-page .downloads-package-title {
        font-size: 17px;
        line-height: 22px;
    }
}