/* Skyemotion Courses – frontend styles */

.sky-courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.sky-course-card {
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    padding: 1.25rem;
    background: #fff;
    transition: transform .15s ease, box-shadow .15s ease;
}
.sky-course-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.sky-course-card.is-full { opacity: .85; border-color: #ffb199; }

.sky-course-card h3 { margin: 0 0 .5rem; font-size: 1.15rem; }
.sky-course-card h3 a { text-decoration: none; color: #1f2933; }
.sky-course-card__meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; color: #4b5563; font-size: .9rem; margin: .25rem 0 .75rem; }
.sky-course-card__excerpt { color: #374151; font-size: .95rem; margin-bottom: 1rem; }
.sky-course-card__cta .button {
    display: inline-block;
    padding: .55rem 1rem;
    background: #1e88e5;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
}
.sky-course-card.is-full .sky-course-card__cta .button { background: #ff6b35; }

.sky-course-meta {
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    background: #f3f6fb;
    border-left: 4px solid #1e88e5;
    border-radius: 8px;
}
.sky-course-meta h2 { margin-top: 0; font-size: 1.2rem; }
.sky-course-meta dl { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: 0; }
.sky-course-meta dt { font-weight: 600; color: #1f2933; }
.sky-course-meta dd { margin: 0; color: #374151; }

.sky-booking {
    margin: 3rem 0;
    padding: 2rem;
    background: #fafafa;
    border-radius: 12px;
}
.sky-booking h2 { margin-top: 0; }
.sky-booking__avail { font-size: 1rem; margin-bottom: 1.5rem; }
.sky-booking__form { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sky-booking__form label { display: flex; flex-direction: column; gap: .35rem; font-size: .9rem; color: #1f2933; }
.sky-booking__form label > span { font-weight: 600; }
.sky-booking__form textarea,
.sky-booking__form input[type=text],
.sky-booking__form input[type=email],
.sky-booking__form input[type=tel],
.sky-booking__form input[type=number] {
    padding: .65rem .75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 1rem;
}
.sky-booking__form label:nth-of-type(4),
.sky-booking__form label:nth-of-type(5),
.sky-booking__consent { grid-column: 1 / -1; }
.sky-booking__consent { flex-direction: row; align-items: flex-start; gap: .6rem; font-size: .85rem; }
.sky-booking__consent input { margin-top: .25rem; }
.sky-booking__submit {
    grid-column: 1 / -1;
    padding: .85rem 1.5rem;
    background: #ff6b35;
    color: #fff;
    border: 0;
    border-radius: 6px;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
}
.sky-booking__submit:hover { background: #e85a26; }
.sky-booking__msg { grid-column: 1 / -1; font-size: .95rem; }
.sky-booking__msg.is-success { color: #047857; }
.sky-booking__msg.is-error { color: #b91c1c; }

@media (max-width: 600px) {
    .sky-booking { padding: 1.25rem; }
    .sky-booking__form { grid-template-columns: 1fr; }
}