/* ══════════════════════════════════════════════════════════════ Zitec-Corporate Theme — Modern · Elegant · Professional Applied via [data-theme="zitec-corporate"] on Palette: Navy #1f3a63 (primary) Deep navy #12294d / #0f2038 (dark surfaces) Gold #c9a24b (elegant accent) Slate #475569 (secondary) Canvas #f6f7f9 / #eef1f6 (light backgrounds) Design language: airy whitespace, thin gold accents, soft shadows, refined cards that lift on hover, dynamic yet restrained motion. ══════════════════════════════════════════════════════════════ */ /* ════════════════════════════════════════════════════════ DASHBOARD LAYOUT ════════════════════════════════════════════════════════ */ [data-theme="zitec-corporate"] .dashboard-body { background: #f6f7f9; color: #1f2937; } [data-theme="zitec-corporate"] .sidebar { width: 260px; background: linear-gradient(180deg, #12294d 0%, #0f2038 100%); border-right: none; box-shadow: 4px 0 32px rgba(15,32,56,.14); } [data-theme="zitec-corporate"] .sidebar-brand { padding: 1.15rem 1.25rem .95rem; border-bottom: 1px solid rgba(201,162,75,.18); } [data-theme="zitec-corporate"] .sidebar-brand-icon { width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, #c9a24b, #e0c583); color: #12294d; box-shadow: 0 4px 16px rgba(201,162,75,.35); } [data-theme="zitec-corporate"] .sidebar-brand-text { color: #f4f1ea; font-weight: 700; letter-spacing: .3px; } [data-theme="zitec-corporate"] .sidebar-user-avatar { background: linear-gradient(135deg, #1f3a63, #c9a24b); } [data-theme="zitec-corporate"] .sidebar-nav-label { color: rgba(201,162,75,.6); letter-spacing: 1.5px; } [data-theme="zitec-corporate"] .sidebar-nav-item { gap: .85rem; border-radius: 0; transition: background .2s, color .2s; } [data-theme="zitec-corporate"] .sidebar-nav-item:hover { background: rgba(201,162,75,.1); color: #e6cf94; } [data-theme="zitec-corporate"] .sidebar-nav-item.active { background: rgba(201,162,75,.16); color: #f0dca6; } [data-theme="zitec-corporate"] .sidebar-nav-item.active::before { content: ''; position: absolute; left: 0; top: 20%; width: 3px; height: 60%; background: linear-gradient(180deg, #e0c583, #c9a24b); border-radius: 0 4px 4px 0; transform: none; } [data-theme="zitec-corporate"] .sidebar-nav-item.text-danger { color: rgba(248,113,113,.75) !important; } [data-theme="zitec-corporate"] .sidebar-nav-item.text-danger:hover { background: rgba(239,68,68,.1); color: #f87171 !important; } [data-theme="zitec-corporate"] .sidebar-copyright { color: rgba(244,241,234,.35); border-top-color: rgba(201,162,75,.14); } [data-theme="zitec-corporate"] .main-wrapper { margin-left: 260px; } [data-theme="zitec-corporate"] .topbar { background: #fff; border-bottom: 1px solid #e5e9f0; box-shadow: 0 1px 12px rgba(15,32,56,.06); } [data-theme="zitec-corporate"] .topbar-title { color: #12294d; font-weight: 600; } [data-theme="zitec-corporate"] .topbar-user-btn { border-color: #e5e9f0; color: #334155; } [data-theme="zitec-corporate"] .topbar-user-btn:hover { background: #f6f7f9; border-color: #1f3a63; } [data-theme="zitec-corporate"] .topbar-avatar { background: linear-gradient(135deg, #1f3a63, #c9a24b); } [data-theme="zitec-corporate"] .sidebar-toggle { color: #64748b; } [data-theme="zitec-corporate"] .dashboard-card { background: #fff; border-color: #e5e9f0; box-shadow: 0 1px 12px rgba(15,32,56,.06); } [data-theme="zitec-corporate"] .dashboard-card:hover { border-color: #c9a24b; box-shadow: 0 6px 26px rgba(15,32,56,.1); } [data-theme="zitec-corporate"] .dashboard-card-header { background: linear-gradient(135deg, #f6f7f9, #eef1f6); border-color: #e5e9f0; } [data-theme="zitec-corporate"] .stat-card { background: #fff; border-color: #e5e9f0; box-shadow: 0 1px 12px rgba(15,32,56,.06); } [data-theme="zitec-corporate"] .stat-value { color: #12294d; } [data-theme="zitec-corporate"] .stat-card-primary .stat-icon { background: rgba(31,58,99,.1); color: #1f3a63; } [data-theme="zitec-corporate"] .stat-card-primary::before { background: #c9a24b; } [data-theme="zitec-corporate"] .sidebar-widget { background: #fff; border-color: #e5e9f0; } [data-theme="zitec-corporate"] .sidebar-widget-title { border-color: #e5e9f0; color: #64748b; } [data-theme="zitec-corporate"] .form-control, [data-theme="zitec-corporate"] .form-select { background-color: #fff; border-color: #d8dee9; color: #1f2937; } [data-theme="zitec-corporate"] .form-control:focus, [data-theme="zitec-corporate"] .form-select:focus { border-color: #1f3a63; box-shadow: 0 0 0 3px rgba(31,58,99,.14); } [data-theme="zitec-corporate"] .input-group-text { background: #f6f7f9; border-color: #d8dee9; color: #64748b; } [data-theme="zitec-corporate"] .form-check-input:checked { background-color: #1f3a63; border-color: #1f3a63; } [data-theme="zitec-corporate"] .table { color: #334155; } [data-theme="zitec-corporate"] .table th { color: #64748b; } [data-theme="zitec-corporate"] .table-hover > tbody > tr:hover > * { background-color: rgba(31,58,99,.04); } [data-theme="zitec-corporate"] .dropdown-menu { background: #fff; border-color: #e5e9f0; box-shadow: 0 8px 32px rgba(15,32,56,.12); } [data-theme="zitec-corporate"] .dropdown-item:hover { background: #f6f7f9; color: #1f3a63; } [data-theme="zitec-corporate"] .border { border-color: #e5e9f0 !important; } [data-theme="zitec-corporate"] .bg-light { background-color: #f6f7f9 !important; } [data-theme="zitec-corporate"] .text-muted { color: #64748b !important; } [data-theme="zitec-corporate"] .btn-primary { background: linear-gradient(135deg, #1f3a63, #2b5090); border: none; box-shadow: 0 4px 16px rgba(31,58,99,.28); } [data-theme="zitec-corporate"] .btn-primary:hover { background: linear-gradient(135deg, #17305a, #234580); box-shadow: 0 6px 24px rgba(31,58,99,.38); transform: translateY(-1px); } [data-theme="zitec-corporate"] .btn-outline-secondary { border-color: #d8dee9; color: #64748b; } [data-theme="zitec-corporate"] .btn-outline-secondary:hover { background: #f6f7f9; border-color: #1f3a63; color: #1f3a63; } /* Navbar dropdown stays dark */ [data-theme="zitec-corporate"] .navbar .dropdown-menu { background: rgba(15,32,56,.97); border-color: rgba(201,162,75,.25); } [data-theme="zitec-corporate"] .navbar .dropdown-item { color: #dbe3f0; } [data-theme="zitec-corporate"] .navbar .dropdown-item:hover, [data-theme="zitec-corporate"] .navbar .dropdown-item:focus { background: rgba(201,162,75,.18); color: #e6cf94; } @media (max-width: 991.98px) { [data-theme="zitec-corporate"] .sidebar { transform: translateX(-100%); } [data-theme="zitec-corporate"] .sidebar.show { transform: translateX(0); } [data-theme="zitec-corporate"] .main-wrapper { margin-left: 0 !important; } } /* ════════════════════════════════════════════════════════ PUBLIC SITE ════════════════════════════════════════════════════════ */ [data-theme="zitec-corporate"] body { background: #fff; color: #334155; } /* ── Navbar: refined, solid navy on scroll, gold underline ── */ [data-theme="zitec-corporate"] #mainNav { padding: 1.15rem 0; } [data-theme="zitec-corporate"] #mainNav.scrolled, [data-theme="zitec-corporate"] #mainNav.nav-solid { background: rgba(15,32,56,.97) !important; backdrop-filter: blur(18px); box-shadow: 0 6px 30px rgba(15,32,56,.28); border-bottom: 1px solid rgba(201,162,75,.2); padding: .6rem 0; } [data-theme="zitec-corporate"] .navbar-brand-text { font-weight: 700; letter-spacing: .2px; color: #fff; } [data-theme="zitec-corporate"] .brand-icon { color: #c9a24b; } [data-theme="zitec-corporate"] .nav-link { position: relative; padding: .5rem 1rem !important; font-size: .9rem; font-weight: 500; letter-spacing: .3px; background: none !important; color: rgba(255,255,255,.78) !important; transition: color .22s; } [data-theme="zitec-corporate"] .nav-link::after { content: ''; position: absolute; bottom: 4px; left: 1rem; right: 1rem; height: 2px; background: linear-gradient(90deg, #c9a24b, #e0c583); transform: scaleX(0); transform-origin: left; transition: transform .28s cubic-bezier(.4,0,.2,1); } [data-theme="zitec-corporate"] .nav-link:hover { color: #fff !important; } [data-theme="zitec-corporate"] .nav-link:hover::after, [data-theme="zitec-corporate"] .nav-link.active::after { transform: scaleX(1); } [data-theme="zitec-corporate"] .nav-link.active { color: #fff !important; } [data-theme="zitec-corporate"] .navbar-toggler { border-color: rgba(201,162,75,.35); } [data-theme="zitec-corporate"] .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23c9a24b' stroke-width='2.2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } @media (max-width: 991.98px) { [data-theme="zitec-corporate"] .navbar-collapse.show, [data-theme="zitec-corporate"] .navbar-collapse.collapsing { background: rgba(15,32,56,.98); border: 1px solid rgba(201,162,75,.18); border-top: none; border-radius: 0 0 14px 14px; padding: .5rem .25rem .75rem; margin-top: .6rem; } [data-theme="zitec-corporate"] .nav-link { padding: .7rem 1.25rem !important; } [data-theme="zitec-corporate"] .nav-link::after { left: 1.25rem; right: 1.25rem; } } /* ── Hero: elegant navy, soft gold aura, refined type ────── */ [data-theme="zitec-corporate"] .hero { background: linear-gradient(140deg, #0f2038 0%, #12294d 48%, #1a3560 100%); min-height: 100vh; } [data-theme="zitec-corporate"] .hero::after { background-image: linear-gradient(rgba(201,162,75,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(201,162,75,.05) 1px, transparent 1px) !important; background-size: 60px 60px !important; } [data-theme="zitec-corporate"] .hero::before { background: radial-gradient(ellipse 65% 55% at 22% 40%, rgba(31,58,99,.5) 0%, transparent 60%), radial-gradient(ellipse 55% 55% at 82% 28%, rgba(201,162,75,.14) 0%, transparent 58%), radial-gradient(ellipse 60% 60% at 55% 92%, rgba(31,58,99,.35) 0%, transparent 62%) !important; } [data-theme="zitec-corporate"] .hero-orb-1 { background: rgba(31,58,99,.35); } [data-theme="zitec-corporate"] .hero-orb-2 { background: rgba(201,162,75,.12); } [data-theme="zitec-corporate"] .hero-orb-3 { background: rgba(43,80,144,.2); } [data-theme="zitec-corporate"] .hero-badge { background: rgba(201,162,75,.12); border: 1px solid rgba(201,162,75,.42); color: #e6cf94; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; font-size: .74rem; } [data-theme="zitec-corporate"] .hero-title { font-weight: 700; letter-spacing: -.5px; color: #fff; } [data-theme="zitec-corporate"] .hero-title::after { content: ''; display: block; width: 84px; height: 3px; margin: 1.4rem auto 0; background: linear-gradient(90deg, #c9a24b, #e0c583); border-radius: 3px; } [data-theme="zitec-corporate"] .hero-subtitle { color: rgba(226,232,240,.82); } [data-theme="zitec-corporate"] .hero-dot.active { background: #c9a24b; box-shadow: 0 0 10px rgba(201,162,75,.6); } [data-theme="zitec-corporate"] .hero-scroll-indicator { color: rgba(201,162,75,.75); } [data-theme="zitec-corporate"] .btn-outline-light:hover { background: #c9a24b; border-color: #c9a24b; color: #12294d; } /* ── Services strip ──────────────────────────────────────── */ [data-theme="zitec-corporate"] .services-strip { background: linear-gradient(135deg, #12294d, #0f2038); border-color: rgba(201,162,75,.14); } [data-theme="zitec-corporate"] .service-strip-icon { background: rgba(201,162,75,.1); border: 1px solid rgba(201,162,75,.22); color: #e6cf94; transition: all .25s; } [data-theme="zitec-corporate"] .service-strip-item:hover .service-strip-icon { background: linear-gradient(135deg, #c9a24b, #e0c583); color: #12294d; border-color: transparent; box-shadow: 0 6px 20px rgba(201,162,75,.4); transform: translateY(-3px) scale(1.04); } /* ── Section headers: eyebrow tag + gold underline title ─── */ [data-theme="zitec-corporate"] .section-tag { background: rgba(31,58,99,.08); border: 1px solid rgba(31,58,99,.18); color: #1f3a63; text-transform: uppercase; letter-spacing: 1px; font-size: .72rem; font-weight: 700; } [data-theme="zitec-corporate"] .section-tag i { color: #c9a24b; } [data-theme="zitec-corporate"] .section-title { color: #12294d; font-weight: 700; letter-spacing: -.4px; } [data-theme="zitec-corporate"] .section-header .section-title::after { content: ''; display: block; width: 64px; height: 3px; margin: 1rem auto 0; background: linear-gradient(90deg, #c9a24b, #e0c583); border-radius: 3px; } [data-theme="zitec-corporate"] .section-subtitle { color: #64748b; } /* ── Why / feature cards ─────────────────────────────────── */ [data-theme="zitec-corporate"] .section-why { background: #f6f7f9; } [data-theme="zitec-corporate"] .feature-card { background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; box-shadow: 0 2px 16px rgba(15,32,56,.05); position: relative; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } [data-theme="zitec-corporate"] .feature-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #1f3a63, #c9a24b); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; } [data-theme="zitec-corporate"] .feature-card:hover { transform: translateY(-8px); border-color: #c9a24b; box-shadow: 0 18px 46px rgba(15,32,56,.14); } [data-theme="zitec-corporate"] .feature-card:hover::before { transform: scaleX(1); } [data-theme="zitec-corporate"] .feature-title { color: #12294d; } [data-theme="zitec-corporate"] .feature-desc { color: #64748b; } /* ── Proyek / training cards ─────────────────────────────── */ [data-theme="zitec-corporate"] .training-section { background: #fff; } [data-theme="zitec-corporate"] .training-section::before { background: linear-gradient(90deg, #1f3a63, #c9a24b); } [data-theme="zitec-corporate"] .training-card { background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 16px rgba(15,32,56,.05); transition: transform .28s, box-shadow .28s, border-color .28s; } [data-theme="zitec-corporate"] .training-card:hover { transform: translateY(-8px); border-color: #c9a24b; box-shadow: 0 18px 46px rgba(15,32,56,.14); } [data-theme="zitec-corporate"] .training-title { color: #fff; } [data-theme="zitec-corporate"] .training-desc { color: #64748b; } [data-theme="zitec-corporate"] .training-meta { background: #f6f7f9; } [data-theme="zitec-corporate"] .training-meta-item, [data-theme="zitec-corporate"] .training-topics-list li { color: #334155; } [data-theme="zitec-corporate"] .training-topics-list li i { color: #c9a24b; } [data-theme="zitec-corporate"] .training-color-primary { background: linear-gradient(135deg, #1f3a63, #2b5090); } [data-theme="zitec-corporate"] .training-color-info { background: linear-gradient(135deg, #17427a, #1f3a63); } [data-theme="zitec-corporate"] .btn-daftar { background: linear-gradient(135deg, #1f3a63, #2b5090); border: none; color: #fff; } [data-theme="zitec-corporate"] .btn-daftar:hover { background: linear-gradient(135deg, #c9a24b, #e0c583); color: #12294d; } /* ── Page cards ──────────────────────────────────────────── */ [data-theme="zitec-corporate"] .page-card { background: #fff; border: 1px solid #e5e9f0; border-radius: 16px; box-shadow: 0 2px 12px rgba(15,32,56,.05); transition: transform .28s, box-shadow .28s, border-color .28s; } [data-theme="zitec-corporate"] .page-card h5 { color: #12294d; } [data-theme="zitec-corporate"] .page-card:hover { transform: translateY(-6px); border-color: #c9a24b; box-shadow: 0 14px 40px rgba(15,32,56,.13); } [data-theme="zitec-corporate"] .page-card-icon { color: #c9a24b; } [data-theme="zitec-corporate"] .page-card-arrow { color: #1f3a63; } /* ── Artikel cards ───────────────────────────────────────── */ [data-theme="zitec-corporate"] .artikel-card { background: #fff; border: 1px solid #e5e9f0; box-shadow: 0 2px 12px rgba(15,32,56,.05); } [data-theme="zitec-corporate"] .artikel-card:hover { border-color: #c9a24b; box-shadow: 0 14px 40px rgba(15,32,56,.13); } [data-theme="zitec-corporate"] .artikel-title a { color: #12294d; } [data-theme="zitec-corporate"] .artikel-excerpt { color: #64748b; } [data-theme="zitec-corporate"] .artikel-cat-badge { background: rgba(31,58,99,.1); color: #1f3a63; } [data-theme="zitec-corporate"] .artikel-btn { background: rgba(31,58,99,.08); border: 1px solid rgba(31,58,99,.22); color: #1f3a63; } [data-theme="zitec-corporate"] .artikel-btn:hover { background: #1f3a63; color: #fff; } [data-theme="zitec-corporate"] .artikel-detail-title { color: #12294d; } [data-theme="zitec-corporate"] .artikel-related-title { color: #1f2937; } [data-theme="zitec-corporate"] .video-play-badge { background: rgba(31,58,99,.92); } [data-theme="zitec-corporate"] .video-thumb:hover .video-play-badge { background: #c9a24b; color: #12294d; } /* ── Stats strip ─────────────────────────────────────────── */ [data-theme="zitec-corporate"] .stats-strip { background: linear-gradient(135deg, #12294d, #0f2038); border-color: rgba(201,162,75,.14); } [data-theme="zitec-corporate"] .stat-number { background: linear-gradient(135deg, #e0c583, #c9a24b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } [data-theme="zitec-corporate"] .stat-divider { background: rgba(201,162,75,.25); } /* ── CTA ─────────────────────────────────────────────────── */ [data-theme="zitec-corporate"] .cta-section { background: linear-gradient(135deg, #12294d 0%, #1a3560 100%); } [data-theme="zitec-corporate"] .cta-section::before { background-image: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(201,162,75,.1) 0%, transparent 70%) !important; } [data-theme="zitec-corporate"] .cta-contact-btn { background: rgba(255,255,255,.1); border: 1px solid rgba(201,162,75,.4); } [data-theme="zitec-corporate"] .cta-contact-btn:hover { background: #c9a24b; border-color: #c9a24b; color: #12294d; box-shadow: 0 6px 22px rgba(201,162,75,.35); } /* ── Inner page hero ─────────────────────────────────────── */ [data-theme="zitec-corporate"] .page-hero { background: linear-gradient(135deg, #12294d, #0f2038); } [data-theme="zitec-corporate"] .page-hero-overlay { background: radial-gradient(ellipse 60% 80% at 30% 50%, rgba(31,58,99,.35), transparent 65%); } [data-theme="zitec-corporate"] .breadcrumb-dark .breadcrumb-item.active, [data-theme="zitec-corporate"] .artikel-breadcrumb .breadcrumb-item.active { color: #e0c583; } [data-theme="zitec-corporate"] .content-body blockquote { border-left-color: #c9a24b; background: rgba(201,162,75,.06); } [data-theme="zitec-corporate"] .content-body a { color: #1f3a63; } [data-theme="zitec-corporate"] .gallery-zoom-icon { color: #e0c583; } /* ── Contact ─────────────────────────────────────────────── */ [data-theme="zitec-corporate"] .contact-page-section { background: #f6f7f9; } [data-theme="zitec-corporate"] .contact-info-card, [data-theme="zitec-corporate"] .contact-form-card, [data-theme="zitec-corporate"] .contact-map-card { background: #fff; border: 1px solid #e5e9f0; box-shadow: 0 2px 12px rgba(15,32,56,.05); } [data-theme="zitec-corporate"] .contact-info-card:hover { border-color: #c9a24b; box-shadow: 0 8px 30px rgba(15,32,56,.12); } [data-theme="zitec-corporate"] .contact-info-title, [data-theme="zitec-corporate"] .contact-form-title { color: #12294d; } [data-theme="zitec-corporate"] .contact-info-text { color: #64748b; } [data-theme="zitec-corporate"] .contact-info-icon { background: rgba(31,58,99,.1); color: #1f3a63; } /* ── Artikel section (home) ──────────────────────────────── */ [data-theme="zitec-corporate"] .section-artikel-home { background: #eef1f6; } [data-theme="zitec-corporate"] .section-artikel-home .artikel-title a { color: #12294d; } [data-theme="zitec-corporate"] .section-artikel-home .artikel-read-more { color: #1f3a63; } /* ── Footer — refined navy & gold, elegant & proper ──────── */ [data-theme="zitec-corporate"] .footer { background: linear-gradient(180deg, #12294d 0%, #0f2038 55%, #0a1626 100%); padding-top: 4.5rem; border-top: 1px solid rgba(201,162,75,.22); } /* Thin gold accent line across the very top of the footer */ [data-theme="zitec-corporate"] .footer::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #c9a24b 20%, #e0c583 50%, #c9a24b 80%, transparent); opacity: .85; } /* Softer, more refined grid overlay in gold */ [data-theme="zitec-corporate"] .footer::before { background-image: linear-gradient(rgba(201,162,75,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(201,162,75,.045) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse 80% 100% at 50% 0%, #000 0%, transparent 75%); mask-image: radial-gradient(ellipse 80% 100% at 50% 0%, #000 0%, transparent 75%); } [data-theme="zitec-corporate"] .footer-brand { color: #f4f1ea; letter-spacing: .2px; } [data-theme="zitec-corporate"] .footer .text-muted-light { color: #93a4bd; } /* Headings: uppercase with a short gold underline */ [data-theme="zitec-corporate"] .footer-heading { color: #f4f1ea; position: relative; padding-bottom: .65rem; margin-bottom: 1.15rem; } [data-theme="zitec-corporate"] .footer-heading::after { content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 2px; background: linear-gradient(90deg, #c9a24b, #e0c583); border-radius: 2px; } /* Links: subtle indent + gold on hover, tidy chevrons */ [data-theme="zitec-corporate"] .footer-links a { color: #a9b7cc; display: inline-flex; align-items: center; transition: color .22s ease, transform .22s ease; } [data-theme="zitec-corporate"] .footer-links a i { color: rgba(201,162,75,.55); transition: color .22s ease; } [data-theme="zitec-corporate"] .footer-links a:hover { color: #e6cf94; transform: translateX(4px); } [data-theme="zitec-corporate"] .footer-links a:hover i { color: #c9a24b; } /* Contact rows */ [data-theme="zitec-corporate"] .footer-contact { color: #a9b7cc; } [data-theme="zitec-corporate"] .footer-contact i { color: #c9a24b; } /* Social buttons: outlined chips that light up gold and lift */ [data-theme="zitec-corporate"] .social-links a { background: rgba(255,255,255,.04); border: 1px solid rgba(201,162,75,.28); color: #cbb877; border-radius: 10px; transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } [data-theme="zitec-corporate"] .social-links a:hover { background: linear-gradient(135deg, #c9a24b, #e0c583); color: #12294d; border-color: transparent; transform: translateY(-3px); box-shadow: 0 8px 22px rgba(201,162,75,.4); } /* Divider: fading gold hairline */ [data-theme="zitec-corporate"] .footer-divider { border: none; height: 1px; margin: 2.5rem 0 1.25rem; background: linear-gradient(90deg, transparent, rgba(201,162,75,.35), transparent); } /* Sign In link in the bottom bar */ [data-theme="zitec-corporate"] .footer .text-md-end .text-muted-light { color: #93a4bd; transition: color .2s ease; } [data-theme="zitec-corporate"] .footer .text-md-end .text-muted-light:hover { color: #e6cf94; } /* ── Buttons: shared success/primary rounded pills ───────── */ [data-theme="zitec-corporate"] .btn-outline-primary { border-color: #1f3a63; color: #1f3a63; } [data-theme="zitec-corporate"] .btn-outline-primary:hover { background: #1f3a63; border-color: #1f3a63; color: #fff; } /* ── Splash iklan close button accent ────────────────────── */ [data-theme="zitec-corporate"] .splash-ad-close:hover { background: #f0dca6; } /* ── Scrollbar & selection ───────────────────────────────── */ [data-theme="zitec-corporate"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="zitec-corporate"] ::-webkit-scrollbar-track { background: #eef1f6; } [data-theme="zitec-corporate"] ::-webkit-scrollbar-thumb { background: rgba(31,58,99,.3); border-radius: 4px; } [data-theme="zitec-corporate"] ::-webkit-scrollbar-thumb:hover { background: rgba(31,58,99,.55); } [data-theme="zitec-corporate"] ::selection { background: rgba(201,162,75,.28); color: #12294d; }