/* ================================================================
   EMV Kernel & Related Pages — ee-emv.css
   Page-specific enhancements, loaded after ee-modern.css
   ================================================================ */

/* ── Certification level badges ─────────────────────────────── */
.cert-badge {
    display: inline-flex;
    align-items: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    padding: 3px 11px;
    letter-spacing: .07em;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.cert-l1  { background: rgba(43,127,240,.09);  color: #1d6ae8; border: 1px solid rgba(43,127,240,.2);  }
.cert-l2  { background: rgba(0,180,216,.09);   color: #007d99; border: 1px solid rgba(0,180,216,.22); }
.cert-l3  { background: rgba(116,182,32,.09);  color: #4a7c0a; border: 1px solid rgba(116,182,32,.22); }
.cert-pci { background: rgba(139,92,246,.09);  color: #6d28d9; border: 1px solid rgba(139,92,246,.2);  }

/* ── Dark products section — richer depth ───────────────────── */
.dark-bg.relative-div {
    background: linear-gradient(155deg, #04101f 0%, #0b2559 55%, #0e306b 100%) !important;
}

/* ── Check-list — modern separator rows ─────────────────────── */
.check-list p.dark-color {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(11,37,89,.07);
    margin-bottom: 0 !important;
    line-height: 1.55;
}
.check-list p.dark-color:last-child { border-bottom: none; }
.check-list p.dark-color > span.me-3 { flex-shrink: 0; margin-top: 2px; }

/* ── Accordion (FAQ sections) ───────────────────────────────── */
.accordion-flush .accordion-item {
    border-bottom: 1px solid rgba(11,37,89,.09) !important;
    border-radius: 0 !important;
}
.accordion-flush .accordion-item:first-child {
    border-top: 1px solid rgba(11,37,89,.09) !important;
}
.accordion-button {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 16px 0;
    color: var(--ee2-blue, #0B2559);
    background: transparent !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: var(--ee2-accent, #2B7FF0);
}
.accordion-button::after {
    background-size: 16px;
    opacity: .55;
}
.accordion-body {
    padding: 0 0 16px;
    font-size: 14.5px;
    color: #555;
    line-height: 1.65;
}

/* ── Content section — image radius ─────────────────────────── */
.sec-pad .col-lg-6 > img.img-fluid,
.sec-pad .col-lg-6 > .img-fluid {
    border-radius: 14px;
}

/* ── Hero CTA button inside inner hero ──────────────────────── */
.inner-hero-sec .btn.theme-btn {
    margin-top: 20px;
}

/* ── Key Products card title spacing ────────────────────────── */
.img-card-box-content .ft-18-title { margin-bottom: 8px !important; }

/* ── Key Services icon wrapper — hover scale only ───────────── */
.card-icon-div {
    transition: transform .22s ease;
}
.white-rounded-box:hover .card-icon-div {
    transform: scale(1.06);
}

/* ── Certification card — compact top spacing ───────────────── */
.white-rounded-box .cert-badge { margin-top: 2px; }

/* ── Section eyebrow center alignment ───────────────────────── */
.eyebrow.center { margin-left: auto; margin-right: auto; margin-bottom: 10px; }

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 991px) {
    .sec-pad .col-lg-6 > img.img-fluid,
    .sec-pad .col-lg-6 > .img-fluid { border-radius: 10px; }
}