/* ============================================================
   INFOLITH — Electronics & Communication Internship theme
   Scoped to  body.internship-page.ece-theme  so it overrides
   css/internship.css for THIS page only and never touches the
   CS internship page. Aesthetic: PCB / circuit-board — solder-
   mask emerald, electric cyan, copper-gold pads, circuit grid.
   ============================================================ */

/* ---- palette (kept as comments; values inlined below) ----
   board-dark   #03150f   board-mid  #062a1d   board-hi #0a3c2c
   emerald      #10b981   deep-teal  #0d9488   light    #34d399
   cyan         #2dd4bf / #22d3ee
   copper       #e0a82e / #f5c451
   silk-white   #e8fff7
--------------------------------------------------------------- */

/* =================== Hero / breadcrumbs — circuit board =================== */
body.ece-theme .breadcrumbs {
    background:
        radial-gradient(circle at 18% 28%, rgba(16,185,129,0.22), transparent 42%),
        radial-gradient(circle at 82% 72%, rgba(34,211,238,0.16), transparent 46%),
        radial-gradient(rgba(52,211,153,0.16) 1.4px, transparent 1.6px) 0 0 / 38px 38px,
        repeating-linear-gradient(0deg,  rgba(16,185,129,0.07) 0 1px, transparent 1px 38px),
        repeating-linear-gradient(90deg, rgba(16,185,129,0.07) 0 1px, transparent 1px 38px),
        linear-gradient(135deg, #03150f 0%, #062a1d 55%, #04190f 100%);
    height: 440px;
    position: relative;
}
/* faint copper trace sweeping across the hero */
body.ece-theme .breadcrumbs::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 0 12%, rgba(224,168,46,0.20) 12% 12.3%, transparent 12.3%),
        linear-gradient(0deg,  transparent 0 70%, rgba(224,168,46,0.16) 70% 70.25%, transparent 70.25%);
    pointer-events: none;
    z-index: 0;
}
body.ece-theme .breadcrumbs .container,
body.ece-theme .breadcrumbs nav { position: relative; z-index: 1; }

body.ece-theme .breadcrumbs .hero-badge {
    background: rgba(16,185,129,0.14);
    border: 1px solid rgba(52,211,153,0.45);
    box-shadow: 0 0 22px rgba(16,185,129,0.25);
    font-family: "Courier New", ui-monospace, monospace;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body.ece-theme .breadcrumbs .hero-badge i { color: #34d399; }
body.ece-theme .breadcrumbs .breadcrumb-item.active { color: #34d399; }
body.ece-theme .breadcrumbs h2 { letter-spacing: -0.5px; }

/* =================== Section titles — chip accent =================== */
body.ece-theme .header .title { position: relative; }
body.ece-theme .header .title::after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0d9488, #34d399 55%, #e0a82e);
}

/* =================== Trust strip =================== */
body.ece-theme .trust-strip {
    background:
        radial-gradient(rgba(13,148,136,0.05) 1px, transparent 1.4px) 0 0 / 26px 26px,
        #f4fbf8;
}
body.ece-theme .trust-item { border-color: #cdede2; }
body.ece-theme .trust-item:hover { box-shadow: 0 8px 24px rgba(16,185,129,0.16); }
body.ece-theme .trust-item i {
    color: #0d9488;
    background: rgba(16,185,129,0.10);
}

/* =================== Who can apply =================== */
body.ece-theme .eligible-card::before { background: linear-gradient(90deg, #0d9488, #34d399); }
body.ece-theme .eligible-card:hover {
    box-shadow: 0 20px 40px rgba(16,185,129,0.16);
    border-color: #a7e8d5;
}
body.ece-theme .eligible-card .badge-icon {
    background: linear-gradient(135deg, #0d9488, #34d399);
    box-shadow: 0 8px 18px rgba(13,148,136,0.32);
}

/* =================== Courses =================== */
body.ece-theme .courses-section {
    background:
        radial-gradient(rgba(13,148,136,0.05) 1px, transparent 1.4px) 0 0 / 28px 28px,
        #f4fbf8;
}
body.ece-theme .filter-btn { border-color: #b8e3d6; color: #0f5132; }
body.ece-theme .filter-btn:hover { border-color: #0d9488; color: #0d9488; }
body.ece-theme .filter-btn.active {
    background: linear-gradient(135deg, #0d9488, #10b981);
    border-color: #0d9488;
    box-shadow: 0 4px 12px rgba(16,185,129,0.34);
}

body.ece-theme .course-card:hover {
    box-shadow: 0 18px 38px rgba(16,185,129,0.16);
    border-color: #a7e8d5;
}
/* electronics-flavoured icon gradients (classes reused by ECE cards) */
body.ece-theme .course-card .course-icon { background: linear-gradient(135deg, #0d9488, #34d399); }
body.ece-theme .course-card .course-icon.backend  { background: linear-gradient(135deg, #047857, #34d399); } /* Embedded */
body.ece-theme .course-card .course-icon.ai       { background: linear-gradient(135deg, #4f46e5, #22d3ee); } /* VLSI / silicon */
body.ece-theme .course-card .course-icon.web      { background: linear-gradient(135deg, #0891b2, #22d3ee); } /* IoT */
body.ece-theme .course-card .course-icon.data     { background: linear-gradient(135deg, #b45309, #f5c451); } /* PCB / copper */
body.ece-theme .course-card .course-icon.design   { background: linear-gradient(135deg, #0d9488, #a3e635); } /* Sensors */
body.ece-theme .course-card .course-icon {
    box-shadow: 0 6px 18px rgba(13,148,136,0.28);
}

body.ece-theme .course-card .course-tag {
    color: #0d9488;
    background: rgba(16,185,129,0.10);
    font-family: "Courier New", ui-monospace, monospace;
}
body.ece-theme .course-card .course-meta span i { color: #0d9488; }
body.ece-theme .course-card .course-cta {
    background: linear-gradient(135deg, #0d9488, #10b981);
}
body.ece-theme .course-card .course-cta:hover {
    background: linear-gradient(135deg, #0b7c72, #0d9488);
    box-shadow: 0 6px 16px rgba(16,185,129,0.4);
}

/* =================== Plans =================== */
/* Foundation = emerald, Professional(popular) = teal/cyan, Elite = copper-gold */
body.ece-theme .plans-section .header .title { color: #0f172a; }

body.ece-theme .plan-foundation   .plan-accent-bar { background: linear-gradient(90deg,#059669,#34d399); }
body.ece-theme .plan-professional .plan-accent-bar { background: linear-gradient(90deg,#0d9488,#2dd4bf); }
body.ece-theme .plan-elite        .plan-accent-bar { background: linear-gradient(90deg,#b45309,#f5c451); }

body.ece-theme .plan-foundation   .plan-icon-wrap { background: rgba(5,150,105,0.10);  color: #059669; }
body.ece-theme .plan-professional .plan-icon-wrap { background: rgba(13,148,136,0.18); color: #0d9488; }
body.ece-theme .plan-elite        .plan-icon-wrap { background: rgba(224,168,46,0.16); color: #d98a2b; }

body.ece-theme .plan-foundation   .plan-duration-tag { color:#059669; background:rgba(5,150,105,0.08);  border:1px solid rgba(5,150,105,0.2); }
body.ece-theme .plan-professional .plan-duration-tag { color:#0d9488; background:rgba(13,148,136,0.10); border:1px solid rgba(13,148,136,0.24); }
body.ece-theme .plan-elite        .plan-duration-tag { color:#d98a2b; background:rgba(224,168,46,0.10); border:1px solid rgba(224,168,46,0.26); }
body.ece-theme .plan-card .plan-duration-tag { font-family: "Courier New", ui-monospace, monospace; }

body.ece-theme .plan-foundation   .price { color: #059669; }
body.ece-theme .plan-professional .price { color: #0d9488; }
body.ece-theme .plan-elite        .price { color: #d98a2b; }

body.ece-theme .plan-foundation   .plan-features li i.fa-check { color: #059669; }
body.ece-theme .plan-professional .plan-features li i.fa-check { color: #0d9488; }
body.ece-theme .plan-elite        .plan-features li i.fa-check { color: #d98a2b; }

body.ece-theme .plan-foundation   .plan-features em { background:rgba(5,150,105,0.1);   color:#065f46; }
body.ece-theme .plan-professional .plan-features em { background:rgba(13,148,136,0.12);  color:#0f5132; }
body.ece-theme .plan-elite        .plan-features em { background:rgba(224,168,46,0.14);  color:#92400e; }

body.ece-theme .plan-professional .btn-plan {
    background: linear-gradient(135deg,#0d9488 0%,#0b7c72 100%);
    box-shadow: 0 4px 18px rgba(13,148,136,0.45);
}
body.ece-theme .plan-professional .btn-plan:hover { box-shadow: 0 8px 28px rgba(13,148,136,0.62); }

body.ece-theme .plan-card.popular {
    border-color: rgba(13,148,136,0.4);
    box-shadow: 0 0 0 2px rgba(13,148,136,0.18), 0 16px 50px rgba(13,148,136,0.14);
}
body.ece-theme .plan-card.popular:hover {
    box-shadow: 0 0 0 2px rgba(13,148,136,0.35), 0 28px 65px rgba(13,148,136,0.22);
}
body.ece-theme .plan-card.popular .plan-badge {
    background: linear-gradient(135deg,#0d9488,#2dd4bf);
}

/* =================== Benefits =================== */
body.ece-theme .benefit-card:hover {
    border-color: #a7e8d5;
    box-shadow: 0 12px 28px rgba(16,185,129,0.12);
}
body.ece-theme .benefit-card i {
    color: #0d9488;
    background: rgba(16,185,129,0.10);
}

/* =================== How it works =================== */
body.ece-theme .how-it-works .roadmap-step::after {
    background: linear-gradient(90deg, rgba(13,148,136,0.5), rgba(13,148,136,0.15));
}
body.ece-theme .how-it-works .process-card { border-color: rgba(13,148,136,0.14); }
body.ece-theme .how-it-works .process-card:hover { border-color: rgba(13,148,136,0.38); }
body.ece-theme .how-it-works .process-index {
    background: linear-gradient(135deg, #044236 0%, #0d9488 100%);
    box-shadow: 0 8px 20px rgba(13,148,136,0.38);
}

/* =================== Application form =================== */
body.ece-theme .application-form input:not([type="checkbox"]):not([type="radio"]):focus,
body.ece-theme .application-form select:focus,
body.ece-theme .application-form textarea:focus {
    border-color: #0d9488;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.14);
}
body.ece-theme .application-form .consent label a { color: #0d9488; }
body.ece-theme .btn-submit {
    background: linear-gradient(90deg, #0d9488, #047857);
    box-shadow: 0 8px 20px rgba(13,148,136,0.28);
}
body.ece-theme .btn-submit:hover { box-shadow: 0 12px 28px rgba(13,148,136,0.38); }

/* summary + gateway */
body.ece-theme .summary-card h4 i { color: #0d9488; }
body.ece-theme .summary-row.total strong { color: #0d9488; }
body.ece-theme .gateway-badges span i { color: #0d9488; }

/* =================== FAQ =================== */
body.ece-theme .internship-faq .accordion-button:not(.collapsed) {
    background: #effcf7;
    color: #0d9488;
}
body.ece-theme .internship-faq .accordion-button .num { color: #0d9488; }

/* =================== Course modal =================== */
body.ece-theme .modal-body-content .modal-icon { background: linear-gradient(135deg, #0d9488, #34d399); }
body.ece-theme .modal-body-content .modal-meta span i { color: #0d9488; }
body.ece-theme .modal-body-content .section-title i { color: #0d9488; }
body.ece-theme .mentor-card .mentor-avatar { background: linear-gradient(135deg, #0d9488, #34d399); }

/* timeline (course modal roadmap) */
body.ece-theme .timeline-legend-swatch.legend-professional { background: #0d9488; }
body.ece-theme .timeline-list::before {
    background: linear-gradient(180deg, #16a34a 0 40%, #0d9488 40% 80%, #d98a2b 80% 100%);
}
body.ece-theme .timeline-list li .tl-marker { border-color: #0d9488; color: #0d9488; }
body.ece-theme .timeline-list li .tl-marker-professional {
    border-color: #0d9488; color: #0d9488;
    box-shadow: 0 10px 24px rgba(13,148,136,0.18);
}
body.ece-theme .timeline-list li .tl-marker-elite {
    border-color: #d98a2b; color: #d98a2b;
    box-shadow: 0 10px 24px rgba(224,168,46,0.18);
}
body.ece-theme .timeline-list li[data-tier="professional"] .tl-content { border-left-color: #0d9488; }
body.ece-theme .timeline-list li[data-tier="elite"] .tl-content { border-left-color: #d98a2b; }

/* =================== Misc accent catch-alls =================== */
body.ece-theme .trust-strip h5,
body.ece-theme .who-can-apply .header .title { color: #0f172a; }
