/**
 * CampusOS Academic Shortcodes Styles
 */

:root {
    --campusos-primary: #003366;
    --campusos-secondary: #B8860B;
    --campusos-text: #1f2937;
    --campusos-text-light: #6b7280;
    --campusos-border: #e5e7eb;
    --campusos-bg-light: #f9fafb;
    --campusos-radius: 8px;
}

/* Grid System */
.campusos-grid { display: grid; gap: 1.5rem; }
.campusos-grid-2 { grid-template-columns: repeat(2, 1fr); }
.campusos-grid-3 { grid-template-columns: repeat(3, 1fr); }
.campusos-grid-4 { grid-template-columns: repeat(4, 1fr); }
.campusos-grid-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1024px) {
    .campusos-grid-4, .campusos-grid-5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .campusos-grid-3, .campusos-grid-4, .campusos-grid-5 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .campusos-grid-2, .campusos-grid-3, .campusos-grid-4, .campusos-grid-5 { grid-template-columns: 1fr; }
}

/* List Layout */
.campusos-list { display: flex; flex-direction: column; gap: 1rem; }

/* Card Base */
.campusos-card {
    background: #fff;
    border-radius: var(--campusos-radius);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}
.campusos-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.campusos-card-image { aspect-ratio: 1; overflow: hidden; background: var(--campusos-bg-light); }
.campusos-card-image img { width: 100%; height: 100%; object-fit: cover; }
.campusos-card-content { padding: 1rem; }
.campusos-card-title { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; color: var(--campusos-text); line-height: 1.4; }
.campusos-card-title a { color: inherit; text-decoration: none; }
.campusos-card-title a:hover { color: var(--campusos-primary); }

/* Placeholder Image */
.campusos-placeholder-image {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
}
.campusos-placeholder-image .dashicons { font-size: 48px; width: 48px; height: 48px; color: #9ca3af; }

/* Empty State */
.campusos-empty { text-align: center; padding: 2rem; color: var(--campusos-text-light); background: var(--campusos-bg-light); border-radius: var(--campusos-radius); }

/* Buttons */
.campusos-btn-sm {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.375rem 0.75rem; font-size: 0.8125rem; font-weight: 500;
    color: var(--campusos-primary); background: transparent;
    border: 1px solid var(--campusos-primary); border-radius: 4px;
    text-decoration: none; transition: all 0.2s;
}
.campusos-btn-sm:hover { background: var(--campusos-primary); color: #fff; }
.campusos-btn-sm .dashicons { font-size: 14px; width: 14px; height: 14px; }

.campusos-date { font-size: 0.8125rem; color: var(--campusos-text-light); }
.campusos-excerpt { font-size: 0.875rem; color: var(--campusos-text-light); line-height: 1.6; margin: 0.5rem 0; }

/* Tenaga Pendidik / Dosen */
.campusos-dosen-card .campusos-card-image { aspect-ratio: 1; }
.campusos-dosen-jabatan { display: inline-block; padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: 600; color: var(--campusos-secondary); background: rgba(184, 134, 11, 0.1); border-radius: 4px; margin-bottom: 0.5rem; }
.campusos-dosen-bidang, .campusos-dosen-nidn, .campusos-dosen-email { font-size: 0.8125rem; color: var(--campusos-text-light); margin: 0.25rem 0; }
.campusos-dosen-email a { color: var(--campusos-primary); text-decoration: none; }
.campusos-dosen-link a { font-size: 0.8125rem; color: var(--campusos-primary); text-decoration: none; font-weight: 500; }

/* Pimpinan */
.campusos-pimpinan-card .campusos-card-image { aspect-ratio: 3/4; }
.campusos-pimpinan-jabatan { font-size: 0.875rem; color: var(--campusos-secondary); font-weight: 500; }
.campusos-pimpinan-nip, .campusos-pimpinan-periode { font-size: 0.8125rem; color: var(--campusos-text-light); }

/* Agenda */
.campusos-agenda-card { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem; }
.campusos-agenda-date { flex-shrink: 0; width: 60px; text-align: center; background: var(--campusos-primary); color: #fff; border-radius: var(--campusos-radius); padding: 0.5rem; }
.campusos-agenda-date .day { display: block; font-size: 1.5rem; font-weight: 700; line-height: 1; }
.campusos-agenda-date .month { display: block; font-size: 0.75rem; text-transform: uppercase; margin-top: 0.25rem; }
.campusos-agenda-card .campusos-card-content { padding: 0; flex: 1; }
.campusos-agenda-lokasi { font-size: 0.8125rem; color: var(--campusos-text-light); margin: 0.25rem 0; display: flex; align-items: center; gap: 0.25rem; }
.campusos-agenda-lokasi .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* Pengumuman */
.campusos-pengumuman-card { border-left: 3px solid var(--campusos-primary); }
.campusos-pengumuman-meta { display: flex; gap: 0.75rem; margin-bottom: 0.5rem; }

/* FAQ */
.campusos-faq-accordion { border: 1px solid var(--campusos-border); border-radius: var(--campusos-radius); overflow: hidden; }
.campusos-faq-item { border-bottom: 1px solid var(--campusos-border); }
.campusos-faq-item:last-child { border-bottom: none; }
.campusos-faq-question { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; font-weight: 500; color: var(--campusos-text); background: #fff; border: none; cursor: pointer; text-align: left; transition: background 0.2s; }
.campusos-faq-question:hover { background: var(--campusos-bg-light); }
.campusos-faq-item.active .campusos-faq-question { background: var(--campusos-bg-light); }
.campusos-faq-icon { font-size: 1.5rem; font-weight: 300; color: var(--campusos-primary); transition: transform 0.2s; }
.campusos-faq-item.active .campusos-faq-icon { transform: rotate(45deg); }
.campusos-faq-answer { display: none; padding: 0 1.25rem 1rem; background: var(--campusos-bg-light); }
.campusos-faq-content { font-size: 0.9375rem; line-height: 1.7; color: var(--campusos-text-light); }

/* Galeri */
.campusos-galeri-item { display: block; position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--campusos-radius); }
.campusos-galeri-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.campusos-galeri-item:hover img { transform: scale(1.05); }
.campusos-galeri-overlay { position: absolute; inset: 0; background: rgba(0, 51, 102, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
.campusos-galeri-item:hover .campusos-galeri-overlay { opacity: 1; }
.campusos-galeri-overlay span { color: #fff; font-size: 0.875rem; padding: 0.5rem 1rem; text-align: center; }

/* Dokumen */
.campusos-dokumen-card { display: flex; align-items: center; gap: 1rem; padding: 1rem; }
.campusos-dokumen-icon { flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: var(--campusos-bg-light); border-radius: var(--campusos-radius); }
.campusos-dokumen-icon .dashicons { font-size: 24px; width: 24px; height: 24px; color: var(--campusos-primary); }
.campusos-dokumen-card .campusos-card-content { flex: 1; padding: 0; }
.campusos-dokumen-kategori { font-size: 0.75rem; color: var(--campusos-text-light); }
.campusos-btn-download { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--campusos-primary); color: #fff; border-radius: var(--campusos-radius); text-decoration: none; transition: background 0.2s; }
.campusos-btn-download:hover { background: #002244; }
.campusos-btn-download .dashicons { font-size: 20px; width: 20px; height: 20px; }

/* Prestasi */
.campusos-prestasi-peraih { font-size: 0.875rem; font-weight: 500; color: var(--campusos-text); }
.campusos-prestasi-meta { display: flex; gap: 0.5rem; font-size: 0.8125rem; }
.campusos-prestasi-meta .tingkat { color: var(--campusos-secondary); font-weight: 500; }
.campusos-prestasi-meta .tahun { color: var(--campusos-text-light); }

/* Kerjasama */
.campusos-kerjasama-card .campusos-card-logo { height: 120px; display: flex; align-items: center; justify-content: center; padding: 1rem; background: var(--campusos-bg-light); }
.campusos-kerjasama-card .campusos-card-logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
.campusos-kerjasama-jenis { display: inline-block; padding: 0.125rem 0.5rem; font-size: 0.75rem; background: rgba(0, 51, 102, 0.1); color: var(--campusos-primary); border-radius: 4px; }
.campusos-kerjasama-periode { font-size: 0.75rem; color: var(--campusos-text-light); }

/* Fasilitas */
.campusos-fasilitas-card .campusos-card-image { aspect-ratio: 16/10; }
.campusos-fasilitas-desc { font-size: 0.875rem; color: var(--campusos-text-light); margin-bottom: 0.5rem; }
.campusos-fasilitas-lokasi, .campusos-fasilitas-kapasitas { font-size: 0.8125rem; color: var(--campusos-text-light); display: flex; align-items: center; gap: 0.25rem; margin: 0.25rem 0; }
.campusos-fasilitas-lokasi .dashicons, .campusos-fasilitas-kapasitas .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* Mitra Industri */
.campusos-mitra-card { display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: #fff; border-radius: var(--campusos-radius); box-shadow: 0 1px 3px rgba(0,0,0,0.1); aspect-ratio: 3/2; transition: transform 0.2s; }
.campusos-mitra-card:hover { transform: scale(1.05); }
.campusos-mitra-card img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%); opacity: 0.7; transition: all 0.2s; }
.campusos-mitra-card:hover img { filter: grayscale(0%); opacity: 1; }
.campusos-mitra-name { font-size: 0.875rem; font-weight: 600; color: var(--campusos-text); text-align: center; }

/* Mata Kuliah Table */
.campusos-table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.campusos-table th, .campusos-table td { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid var(--campusos-border); }
.campusos-table th { background: var(--campusos-primary); color: #fff; font-weight: 600; }
.campusos-table tbody tr:hover { background: var(--campusos-bg-light); }
.campusos-table td:nth-child(3), .campusos-table td:nth-child(4) { text-align: center; }

/* Publikasi */
.campusos-publikasi-card { padding: 1rem; }
.campusos-publikasi-penulis { font-size: 0.875rem; color: var(--campusos-text); font-style: italic; }
.campusos-publikasi-meta { font-size: 0.8125rem; color: var(--campusos-text-light); display: flex; gap: 0.5rem; }
.campusos-publikasi-meta .jurnal { font-weight: 500; }
.campusos-publikasi-doi { font-size: 0.8125rem; color: var(--campusos-text-light); }

/* Beasiswa */
.campusos-beasiswa-card { border-top: 3px solid var(--campusos-secondary); }
.campusos-beasiswa-deadline { font-size: 0.8125rem; color: var(--campusos-text-light); display: flex; align-items: center; gap: 0.25rem; }
.campusos-beasiswa-deadline .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* Testimonial */
.campusos-testimonial-card { display: flex; flex-direction: column; padding: 1.5rem; }
.campusos-testimonial-content { flex: 1; }
.campusos-testimonial-text { font-size: 0.9375rem; font-style: italic; color: var(--campusos-text); line-height: 1.7; margin: 0 0 1rem; }
.campusos-testimonial-author { display: flex; align-items: center; gap: 0.75rem; padding-top: 1rem; border-top: 1px solid var(--campusos-border); }
.campusos-testimonial-photo { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.campusos-testimonial-info { display: flex; flex-direction: column; }
.campusos-testimonial-info strong { font-size: 0.9375rem; color: var(--campusos-text); }
.campusos-testimonial-info span { font-size: 0.8125rem; color: var(--campusos-text-light); }

/* Video */
.campusos-video-card .campusos-video-thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #000; }
.campusos-video-card .campusos-video-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }
.campusos-video-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.campusos-video-play .dashicons { width: 60px; height: 60px; font-size: 60px; color: #fff; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); transition: transform 0.2s; }
.campusos-video-card:hover .campusos-video-play .dashicons { transform: scale(1.1); }

/* Organisasi Mahasiswa */
.campusos-org-card .campusos-card-logo { height: 120px; display: flex; align-items: center; justify-content: center; padding: 1rem; background: var(--campusos-bg-light); }
.campusos-org-card .campusos-card-logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
.campusos-org-ketua { font-size: 0.875rem; color: var(--campusos-text-light); }

/* Sambutan Kaprodi */
.campusos-kaprodi-full {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 2rem;
    align-items: start;
}
@media (max-width: 768px) {
    .campusos-kaprodi-full {
        grid-template-columns: 1fr;
    }
}
.campusos-kaprodi-foto {
    aspect-ratio: 3/4;
    background: var(--campusos-bg-light);
    border-radius: var(--campusos-radius);
    overflow: hidden;
}
.campusos-kaprodi-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.campusos-kaprodi-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--campusos-text-light);
}
.campusos-kaprodi-placeholder .dashicons {
    font-size: 80px;
    width: 80px;
    height: 80px;
}
.campusos-kaprodi-content {
    padding: 0;
}
.campusos-kaprodi-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--campusos-primary);
    margin: 0 0 1rem;
}
.campusos-kaprodi-nama {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--campusos-secondary);
    margin: 0 0 0.25rem;
}
.campusos-kaprodi-jabatan {
    font-size: 1rem;
    color: var(--campusos-text);
    margin: 0 0 1.5rem;
}
.campusos-kaprodi-text {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--campusos-text);
    margin: 0 0 1.5rem;
}
.campusos-btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--campusos-radius);
    transition: all 0.2s;
}
.campusos-btn-primary {
    background: var(--campusos-primary);
    color: #fff;
}
.campusos-btn-primary:hover {
    background: #002244;
    color: #fff;
}

/* Compact Kaprodi */
.campusos-kaprodi-compact {
    text-align: center;
}
.campusos-kaprodi-compact .campusos-kaprodi-nama {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}
.campusos-kaprodi-compact .campusos-kaprodi-jabatan {
    font-size: 0.875rem;
    margin-bottom: 0;
}

@media (prefers-color-scheme: dark) {
    .campusos-kaprodi {
        background: #fff;
        padding: 2rem;
        border-radius: 12px;
    }
    .campusos-kaprodi-title { color: #003d82; }
    .campusos-kaprodi-nama { color: #b8860b; }
    .campusos-kaprodi-jabatan { color: #374151; }
    .campusos-kaprodi-text { color: #1f2937; }
    .campusos-kaprodi .campusos-btn-primary {
        background: #003d82;
        color: #fff;
    }
}