/* ========== Front-end Styles ========== */

/* General */
body { background: #161616; color: #D6D6D6; }
a { color: #83F1FF; }
a:hover { color: #F4E05D; }

/* CMS Content */
.cms-content { line-height: 1.8; color: #D6D6D6; }
.cms-content h1, .cms-content h2, .cms-content h3 { color: #F4E05D; margin-bottom: 0.75rem; }
.cms-content p { margin-bottom: 1rem; }
.cms-content img { max-width: 100%; height: auto; border-radius: 6px; margin: 1rem 0; }
.cms-content ul, .cms-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.cms-content a { color: #83F1FF; }
.cms-content a:hover { color: #F4E05D; }
.cms-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.cms-content th, .cms-content td { border: 1px solid #333; padding: 0.5rem 0.75rem; }
.cms-content th { background: #1e1e1e; color: #F4E05D; }

/* Post Card */
.card-post {
    background: #1e1e1e;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s, transform 0.2s;
}
.card-post:hover { border-color: #F4E05D; transform: translateY(-2px); }
.card-post-img { width: 100%; height: 140px; object-fit: cover; display: block; }
.card-post-body { padding: 0.75rem; }
.card-post-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; flex-wrap: wrap; }
.card-post-title { font-size: 0.85rem; margin: 0 0 6px; line-height: 1.3; }
.card-post-title a { color: #fff; text-decoration: none; }
.card-post-title a:hover { color: #F4E05D; }
.card-post-footer { display: flex; justify-content: space-between; align-items: center; }
.badge-provider { background: #2a2a2a; color: #83F1FF; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; }

/* WhatsApp small button */
.btn-wa-sm {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; background: #25D366; color: #fff;
    border-radius: 50%; font-size: 0.85rem; text-decoration: none;
    transition: transform 0.2s;
}
.btn-wa-sm:hover { transform: scale(1.15); color: #fff; }

/* Blog Card */
.card-blog {
    background: #1e1e1e;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s;
}
.card-blog:hover { border-color: #83F1FF; }
.card-blog-img { width: 100%; height: 120px; object-fit: cover; display: block; }
.card-blog-body { padding: 0.75rem; }
.card-blog-title { font-size: 0.85rem; margin: 0 0 4px; }
.card-blog-title a { color: #fff; text-decoration: none; }
.card-blog-title a:hover { color: #83F1FF; }
.card-blog-excerpt { font-size: 0.75rem; color: #999; margin: 0 0 4px; line-height: 1.4; }

/* Carousel */
#heroBanner .carousel-indicators button { background: #F4E05D; }
#heroBanner .carousel-control-prev-icon,
#heroBanner .carousel-control-next-icon { filter: drop-shadow(0 0 2px rgba(0,0,0,0.8)); }

/* Page Header */
.page-header { padding: 2rem 0 1rem; border-bottom: 1px solid #222; margin-bottom: 2rem; }
.page-header h1 { color: #F4E05D; font-size: 1.5rem; margin: 0; }

/* Responsive */
@media (max-width: 767px) {
    .card-post-img { height: 100px; }
    .card-blog-img { height: 90px; }
    #whatsappFloat { bottom: 16px; right: 16px; width: 48px; height: 48px; font-size: 1.5rem; }
}