/**
 * Style bloku "Karta kursu" (block_coursecard).
 * Wczytywane jawnie przez $this->page->requires->css() w get_content(),
 * poniewaz bloki Moodle nie majac wbudowanego automatycznego wczytywania
 * pliku styles.css (w odroznieniu np. od formatow kursu).
 */

/*
 * Motywy oparte na Bootstrap/Boost (w tym mb2nl) domyslnie owijaja KAZDY
 * blok we wlasna karte (".card": biale tlo, zaokraglone rogi, cien,
 * padding) - a poniewaz .coursecard-inner nizej TEZ jest wlasna karta,
 * bez tego resetu powstaje efekt "karty w karcie" (podwojna, widoczna
 * ramka).
 *
 * WAZNE: w tym konkretnym motywie (theme_mb2nl) style te pochodza z
 * scss/moodle-custom/moodle-block.scss, gdzie sa zagniezdzone pod
 * selektorami typu ".blockstyle-classic #block-region-content .block"
 * (zawiera ID - wysoka specyficznosc!) albo ".style-default .block".
 * Prosty selektor ".block.block_coursecard" (nawet z !important) NIE
 * wygrywa z selektorem zawierajacym ID, bo przy konflikcie kilku regul
 * z !important o kolejnosci rozstrzyga nadal specificznosc, nie tylko
 * kolejnosc w pliku. Dlatego ponizej powtarzamy TE SAME prefiksy
 * kontekstowe motywu (dla kazdego z jego stylow bloku: classic, minimal,
 * default), zeby ta regula miala co najmniej rowna specificznosc - plus
 * dokladamy jeszcze ".block_coursecard", wiec efektywnie wygrywa zawsze.
 */
.blockstyle-classic #block-region-content .block.block_coursecard,
.blockstyle-minimal #block-region-content .block.block_coursecard,
.style-default .block.block_coursecard,
.style-minimal .block.block_coursecard,
#block-region-content .block.block_coursecard,
.block.block_coursecard {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.blockstyle-classic #block-region-content .block.block_coursecard .content:not(.activityiconcontainer),
.blockstyle-minimal #block-region-content .block.block_coursecard .content:not(.activityiconcontainer),
.style-default .block.block_coursecard .content:not(.activityiconcontainer),
.style-minimal .block.block_coursecard .content:not(.activityiconcontainer),
#block-region-content .block.block_coursecard .content:not(.activityiconcontainer),
.block.block_coursecard .content:not(.activityiconcontainer),
.block.block_coursecard .card-body,
.block.block_coursecard > .card-body > .card-text {
    padding: 0 !important;
    margin: 0 !important;
}

.blockstyle-classic #block-region-content .block.block_coursecard::before,
.style-default .block.block_coursecard::before {
    display: none !important;
    content: none !important;
}

.block_coursecard .coursecard-inner {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 6px 24px rgba(16, 24, 40, .08);
    padding: 1.75rem 1.5rem;
}

/*
 * Kolory i proporcje wg projektu graficznego (1.12.0):
 *   tekst           #101828
 *   ramka niebieska tlo #d2e2fd, tekst #22469a   (certyfikat do kupienia)
 *   ramka bursztyn  tlo #fbedcf, tekst #815b15   (oplacony, kurs nieukonczony)
 *   ramka zielona   tlo #e8f4d4, tekst #325031   (certyfikat dostepny)
 *   przycisk (w tym "Kup certyfikat" i aktywny "Odbierz certyfikat")
 *                   primary #016ffa / nieaktywny (szary) #727895
 *   link "Udostepnij" #6a7281
 */

/* --- 1) Dane kursu: "Etykieta: wartosc", jedna pod druga, bez linii. --- */
.block_coursecard .coursecard-details {
    margin-bottom: 1.25rem;
}

.block_coursecard .coursecard-detail-row {
    padding: .2rem 0;
    font-size: .875rem;
    line-height: 1.5;
    color: #101828;
}

.block_coursecard .coursecard-detail-label {
    font-weight: 700;
}

.block_coursecard .coursecard-detail-value {
    font-weight: 400;
}

/* --- 2) Kolorowa ramka z informacja o certyfikacie. --- */
.block_coursecard .coursecard-note {
    border-radius: 12px;
    padding: .9rem 1.1rem;
    margin-bottom: 1.25rem;
    font-size: .875rem;
    line-height: 1.5;
}

.block_coursecard .coursecard-note-title {
    font-weight: 700;
    margin-bottom: .1rem;
}

.block_coursecard .coursecard-note--info {
    background: #d2e2fd;
    color: #22469a;
}

.block_coursecard .coursecard-note--pending {
    background: #fbedcf;
    color: #815b15;
}

.block_coursecard .coursecard-note--success {
    background: #e8f4d4;
    color: #325031;
}

/* --- 3) Cena. --- */
.block_coursecard .coursecard-price {
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    margin-bottom: .9rem;
}

/* --- 4) Kod rabatowy: pole + "Zastosuj" w jednym rzedzie. --- */
.block_coursecard .coursecard-discount-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: 1.25rem;
}

.block_coursecard .coursecard-discount-input {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
    padding: .55rem .8rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
    font-size: .8rem;
    color: #101828;
}

.block_coursecard .coursecard-discount-input::placeholder {
    color: #8793a4;
}

.block_coursecard .coursecard-discount-apply {
    flex: 0 0 auto;
    box-sizing: border-box;
    padding: .55rem .9rem;
    border: 1px solid #e5e8f0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
    font-size: .8rem;
    font-weight: 700;
    color: #101828;
    cursor: pointer;
}

.block_coursecard .coursecard-discount-apply:disabled {
    opacity: .6;
    cursor: default;
}

.block_coursecard .coursecard-discount-message {
    flex: 0 0 100%;
    font-size: .82rem;
}

.block_coursecard .coursecard-discount-message:empty {
    display: none;
}

.block_coursecard .coursecard-discount-success {
    color: #1a7f37;
}

.block_coursecard .coursecard-discount-error {
    color: #c92a2a;
}

/*
 * --- 5) Przycisk. Kolory ustawione jawnie (z !important), bo motyw
 * (theme_mb2nl) ma wlasne style ".btn-primary" o roznej specyficznosci. ---
 */
.block_coursecard .coursecard-button,
.block_coursecard .coursecard-button.btn-primary {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border: none !important;
    border-radius: 16px;
    padding: .95rem 1rem;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.3;
    text-decoration: none;
    background: #016ffa !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(1, 111, 250, .30);
    transition: background-color .15s ease, box-shadow .15s ease;
}

.block_coursecard .coursecard-button:hover,
.block_coursecard .coursecard-button:focus,
.block_coursecard .coursecard-button.btn-primary:hover,
.block_coursecard .coursecard-button.btn-primary:focus {
    text-decoration: none;
    background: #0160d9 !important;
    color: #fff !important;
}

/*
 * Od 1.16.1 aktywny "Odbierz certyfikat" (klasa coursecard-button--receivecert)
 * ma ten sam kolor primary co "Kup certyfikat" - osobny, jasnoniebieski styl
 * z 1.15.2 usuniety. Klasa zostaje w HTML jako zaczep na przyszlosc.
 */

/* Nieaktywny (szary): "Odbierz certyfikat" po zakupie, przed ukonczeniem kursu. */
.block_coursecard .coursecard-button.coursecard-button--disabled,
.block_coursecard .coursecard-button.coursecard-button--disabled:hover,
.block_coursecard .coursecard-button.coursecard-button--disabled:focus {
    background: #727895 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(114, 120, 149, .35);
    opacity: 1;
    cursor: not-allowed;
}

/* --- 6) Link "Udostepnij link do kursu" (i ewentualny PDF sylabusa). --- */
.block_coursecard .coursecard-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem 1.5rem;
    margin-top: 1.4rem;
    font-size: .78rem;
}

.block_coursecard .coursecard-footer-item a {
    color: #6a7281;
    text-decoration: underline;
}

.block_coursecard .coursecard-footer-item a:hover {
    color: #101828;
}

.block_coursecard .coursecard-share.coursecard-share-copied::after {
    content: " \2713";
}