/*
Theme Name: Click! Hueman Recovery
Description: Personalizzazioni recuperate dalla copia statica di Click! per Hueman 2.2.5.
Template: hueman-master
Version: 1.0.0
*/

body {
    font-family: "Source Sans Pro", Arial, sans-serif;
}

.click-recovery-notice {
    margin: 2em 0 0;
    padding: 18px 20px;
    border-left: 4px solid #3b8dbd;
    background: #f2f7fa;
    color: #555;
}

.click-recovery-notice strong {
    color: #333;
}

.click-recovery-notice p {
    margin: 0.35em 0 0;
}

.click-books-widget h3 { margin-bottom: 16px; }
.click-book-card {
    display: flex;
    gap: 12px;
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.click-book-card img { width: 70px; height: 96px; object-fit: cover; flex: 0 0 auto; }
.click-book-card strong, .click-book-card span { display: block; line-height: 1.25; }
.click-book-card span { margin: 5px 0 10px; color: #888; font-size: 13px; }
.click-download-button { display: inline-block; padding: 7px 10px; border-radius: 3px; background: #3b8dbd; color: #fff!important; font-weight: 600; }
.click-download-button:hover { background: #327da8; }
.click-youtube-card {
    display: block;
    margin-top: 32px;
    padding: 22px 14px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 4px solid #e62117;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.click-youtube-card .fa { display: block; margin-bottom: 8px; color: #e62117; font-size: 46px; }
.click-youtube-card strong, .click-youtube-card span { display: block; }
.click-youtube-card span { margin-top: 4px; color: #777; font-size: 13px; }
.click-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.click-video-card { min-width: 0; }
.click-video-card h3 { margin-top: 10px; font-size: 18px; line-height: 1.3; }
.click-video-card iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
@media (max-width: 720px) { .click-video-grid { grid-template-columns: 1fr; } }