/* CMS Grupo Click — Public Theme */
* { font-family: 'Inter', sans-serif; }
body { color: #333; margin: 0; }
img { max-width: 100%; }

/* ===== Top Bar ===== */
.topbar { background: #1a331a; padding: 8px 0; font-size: 0.85rem; }
.topbar-left { color: rgba(255,255,255,0.8); }
.topbar-sep { margin: 0 10px; opacity: 0.5; }
.topbar-link { color: #fff; text-decoration: none; margin-right: 15px; transition: color 0.2s; }
.topbar-link:hover { color: #22c55e; }
.topbar-whatsapp { color: #25D366 !important; margin-right: 0; }

/* ===== Navbar ===== */
.main-navbar { background: #0d1f3c; padding: 12px 0; }
.navbar-brand { font-size: 1.3rem; }
.nav-link { font-size: 0.9rem; transition: color 0.2s; padding: 8px 14px !important; }
.nav-link:hover { color: #22c55e !important; }

/* ===== Dropdown CDC ===== */
.dropdown-cdc { max-height: 400px; overflow-y: auto; min-width: 320px; background: #1a2d50; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 8px; }
.dropdown-cdc .dropdown-item { font-size: 0.85rem; padding: 6px 14px; border-radius: 6px; white-space: normal; transition: all 0.15s; }
.dropdown-cdc .dropdown-item:hover { background: rgba(34,197,94,0.15); color: #22c55e; }
.dropdown-cdc .dropdown-divider { border-color: rgba(255,255,255,0.1); }
.dropdown-cdc::-webkit-scrollbar { width: 6px; }
.dropdown-cdc::-webkit-scrollbar-track { background: transparent; }
.dropdown-cdc::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 3px; }

/* ===== Hero Breadcrumb ===== */
.hero-breadcrumb { background: linear-gradient(135deg, #0d1f3c 0%, #1a2d50 50%, #0d1f3c 100%); padding: 80px 0; color: #fff; position: relative; overflow: hidden; }
.hero-breadcrumb::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(34,197,94,0.05)" stroke-width="0.5"/></svg>') repeat; opacity: 0.5; }
.hero-breadcrumb h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 12px; position: relative; }
.hero-breadcrumb .breadcrumb { position: relative; }
.hero-breadcrumb .breadcrumb-item a { color: rgba(255,255,255,0.7); text-decoration: none; }
.hero-breadcrumb .breadcrumb-item a:hover { color: #22c55e; }
.hero-breadcrumb .breadcrumb-item.active { color: rgba(255,255,255,0.5); }
.hero-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.4); }

/* ===== CDC Cards (Saiba Mais) ===== */
.cdc-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; }
.cdc-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
.cdc-card-img { height: 220px; overflow: hidden; background: #f0f0f0; }
.cdc-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.cdc-card:hover .cdc-card-img img { transform: scale(1.05); }
.cdc-card-placeholder { height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #ccc; }
.cdc-card-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.cdc-card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: #1a2d50; }
.cdc-card-text { font-size: 0.9rem; color: #666; flex: 1; }
.cdc-readmore { color: #22c55e; font-weight: 600; text-decoration: none; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s; }
.cdc-readmore:hover { gap: 12px; color: #16a34a; }

/* ===== Produto Page — 2 Colunas ===== */
.produto-gallery .carousel-inner img { border-radius: 12px; max-height: 450px; object-fit: cover; }
.produto-no-image { background: #f5f5f5; border-radius: 16px; padding: 3rem; text-align: center; min-height: 300px; display: flex; align-items: center; justify-content: center; }
.produto-content h2 { font-weight: 700; font-size: 1.8rem; color: #1a2d50; }
.produto-description { font-size: 0.95rem; line-height: 1.8; color: #555; }

/* ===== Sidebar Produto ===== */
.sidebar-produto { position: sticky; top: 20px; }
.sidebar-box { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 1.5rem; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
.sidebar-title { font-size: 1.1rem; font-weight: 700; color: #1a2d50; margin-bottom: 0; }
.sidebar-cdc-list { max-height: 350px; overflow-y: auto; border-radius: 8px; }
.sidebar-cdc-list .list-group-item { font-size: 0.85rem; padding: 8px 14px; border: none; border-bottom: 1px solid #f0f0f0; transition: all 0.15s; }
.sidebar-cdc-list .list-group-item:hover { background: #f8f9fa; color: #22c55e; padding-left: 18px; }
.sidebar-cdc-list .list-group-item.active { background: #22c55e; color: #fff; border-color: #22c55e; }
.sidebar-cdc-list::-webkit-scrollbar { width: 5px; }
.sidebar-cdc-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }

.sidebar-recent-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; text-decoration: none; color: #333; border-bottom: 1px solid #f0f0f0; transition: all 0.2s; }
.sidebar-recent-item:hover { color: #22c55e; }
.sidebar-recent-img { width: 60px; height: 60px; border-radius: 8px; overflow: hidden; background: #f0f0f0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.sidebar-recent-img img { width: 100%; height: 100%; object-fit: cover; }
.sidebar-recent-img i { font-size: 1.5rem; color: #ccc; }
.sidebar-recent-text { font-size: 0.9rem; font-weight: 500; }

/* ===== WhatsApp Float ===== */
.whatsapp-float { position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px; background: #25D366; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: 0 4px 15px rgba(37,211,102,0.4); z-index: 999; transition: transform 0.3s; text-decoration: none; }
.whatsapp-float:hover { transform: scale(1.1); color: #fff; }

/* ===== Footer ===== */
.site-footer { background: #0a1628; color: rgba(255,255,255,0.6); padding: 40px 0; }
.site-footer h5 { color: #fff; }
.footer-social { color: #fff; margin-right: 10px; font-size: 1.3rem; text-decoration: none; transition: color 0.2s; }
.footer-social:hover { color: #22c55e; }

/* ===== Cards Genéricos ===== */
.card { transition: all 0.3s ease; }

/* ===== Responsivo ===== */
@media (max-width: 768px) {
    .hero-breadcrumb { padding: 50px 0; }
    .hero-breadcrumb h1 { font-size: 1.8rem; }
    .topbar { font-size: 0.75rem; }
    .topbar-right { display: none; }
    .sidebar-produto { position: static; margin-top: 2rem; }
    .dropdown-cdc { min-width: 280px; }
}