/* ===== KPN LINKS ACCORDION COLORS ===== */

    .kpn-links-accordion .accordion-item {
    border: none !important;
    background: transparent !important;
    }

    /* closed accordion header */
    .kpn-links-accordion .accordion-button {
    background-color: #f3e3bf !important;
    color: #000 !important;
    font-weight: 600;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 22px 24px;
    font-size: 1.5rem;
    }

    /* open accordion header */
    .kpn-links-accordion .accordion-button:not(.collapsed) {
    background-color: #f9f1df !important;
    color: #000 !important;
    }

    /* body background matches header stripe */
    .kpn-links-accordion .accordion-item:nth-child(odd) .accordion-collapse,
    .kpn-links-accordion .accordion-item:nth-child(odd) .accordion-body {
    background-color: #f3e3bf !important;
    }

    .kpn-links-accordion .accordion-item:nth-child(even) .accordion-collapse,
    .kpn-links-accordion .accordion-item:nth-child(even) .accordion-body {
    background-color: #f9f1df !important;
    }

    /* separator line between items */
    .kpn-links-accordion .accordion-item + .accordion-item {
    margin-top: 0;
    }

    /* remove focus glow */
    .kpn-links-accordion .accordion-button:focus {
    box-shadow: none !important;
    border-color: transparent !important;
    }

    /* arrow icon darker */
    .kpn-links-accordion .accordion-button::after {
    filter: brightness(0) saturate(100%);
    }

    .accordion-item:nth-child(odd) .accordion-button {
    background-color: #f3e3bf !important;
    }
    .accordion-item:nth-child(even) .accordion-button {
    background-color: #f9f1df !important;
    }

    /* ===== FAT LEFT CHEVRON (Bootstrap Accordion) ===== */

    .kpn-links-accordion .accordion-button {
    position: relative;
    padding-left: 75px !important;  /* space for chevron */
    padding-right: 24px !important;
    }

    /* remove default right arrow + replace with our own */
    .kpn-links-accordion .accordion-button::after {
    position: absolute;
    left: 22px;
    right: auto;
    margin: 0 !important;

    width: 28px;
    height: 28px;

    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;

    /* FAT chevron SVG */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;

    transform: rotate(0deg);
    transition: transform 0.2s ease;
    }

    /* rotate when open */
    .kpn-links-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
    }