/* Karty školení na /skoleni (partial skoleni-karty), staví na kartách z pluginy.css */
.skl-sekce { margin: 3rem 0 0; }
.skl-sekce + .skl-sekce { margin-top: 4.5rem; }
.skl-sekce:last-child { margin-bottom: 5rem; }
.skl-sekce > h2 { text-align: center; margin-bottom: .25rem; }
.skl-sekce .skl-sub { text-align: center; color: #424851; margin-bottom: 1.5rem; }

.skl-karty .plg-card { overflow: hidden; }
.skl-tile { width: 56px; height: 56px; margin: 1.25rem 1.25rem 0; border-radius: 16px; background: #EEF6DC; display: flex; align-items: center; justify-content: center; transition: transform .3s, background-color .3s; }
.skl-tile .skl-ikona { width: 32px; height: 32px; }
.skl-tile .bi { font-size: 28px; color: #3B6600; }
.plg-card:hover .skl-tile { transform: translateY(-2px) rotate(-3deg); background: #E3F2C2; }
.skl-karty .plg-card .card-body { padding-top: .9rem; }
.plg-card h3.h5 { margin: .35rem 0 .5rem; font-size: 1.15rem; font-weight: 900; color: #000; }
/* na širokých obrazovkách stejné velikosti jako karty pluginů (.plg-col-5 v pluginy.css) */
@media (min-width: 1200px) {
    .skl-karty .plg-card h3.h5 { font-size: 1.05rem; }
    .skl-karty .plg-card-text { font-size: 13px; }
}

.plg-card .skl-cat-moodle    { background: #E6F6D0; color: #3B6600; }
.plg-card .skl-cat-storyline { background: #FFF0D9; color: #8A4B00; }
.plg-card .skl-cat-metodika  { background: #EFE6FB; color: #5A2A9C; }

.plg-card.skl-pripravujeme { opacity: .6; }
.card-lms.plg-card.skl-pripravujeme:hover { transform: none; }
.plg-card.skl-pripravujeme:hover .skl-tile { transform: none; }

/* Tailor: ikona Phosphor v dlaždici karty */
.skl-tile .plg-tile-ikona { width: 32px; height: 32px; }

/* ---------- Detail školení (skoleni-detail) ---------- */
.skd-visual { background: #fff; border-radius: 24px; border: 1px solid #ECEEEF; box-shadow: 0 1px 3px rgba(33, 37, 42, .06), 0 12px 32px rgba(33, 37, 42, .08); padding: 28px; }
.skd-visual-head { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: 13px; font-weight: 700; color: #424851; }
.skd-visual-head i { width: 10px; height: 10px; border-radius: 50%; background: #E3E6E8; display: inline-block; }
.skd-visual-head span { margin-left: 8px; }
.skd-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.skd-type { background: #F7FAEC; border-radius: 16px; padding: 18px 10px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; font-size: 13px; font-weight: 700; color: #21252A; }
.skd-type .plg-tile { margin: 0; width: 52px; height: 52px; background: #fff; }
.skd-type .plg-tile .plg-tile-ikona { width: 30px; height: 30px; }
.skd-pozadavky { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #ECEEEF; }
.skd-modul { background: #fff; border: 1px solid #ECEEEF; border-radius: 20px; padding: 24px 24px 18px; height: 100%; box-shadow: 0 1px 3px rgba(33, 37, 42, .05); }
.skd-modul-no { display: inline-flex; width: 38px; height: 38px; border-radius: 12px; background: #96D320; color: #fff; font-weight: 900; align-items: center; justify-content: center; margin-bottom: 12px; }
.skd-modul h3 { font-size: 1.1rem; font-weight: 900; margin-bottom: .6rem; }
.skd-modul ul { padding-left: 1.1rem; margin: 0; font-size: 14px; color: #424851; }
.skd-modul li { margin-bottom: .25rem; }
.skd-cena .plg-pricebox { display: flex; flex-direction: column; }
.skd-cena .plg-pricebox .btn { margin-top: auto; align-self: flex-start; }
.skd-cena .plg-ticks { margin-bottom: 1.5rem; }
.skd-cena .plg-price small { white-space: nowrap; }
.skd-info { background: #F2F3F3; border-radius: 20px; padding: 22px 26px; font-size: 14px; color: #424851; }
.skd-info ul { margin: 0; padding-left: 1.1rem; }
.skd-info li { margin-bottom: .3rem; }