/* footer.php: stijlen (kleuren via --mamoda-* variabelen, zie inc/options.php) */
.footer {
    width: 100%;
}

.menu {
    list-style-type: none;
    margin-left: -40px;
}

.gray-background {
    width: 100%;
    max-width: 100%;
    background-color: #F2F2F2;
    ;
    padding-top: 20px;
    padding-bottom: 25px;
}

.footer-menu {
    height: auto;
    display: flex;
}

.footer_menu_class a {
    color: #F0F0F0D6 !important;
    line-height: 1.8 !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal;
    margin-top: 5px;
    text-decoration: none;
}


.no-bullets-menu {
    list-style-type: none;
    /* Verwijdert de puntjes */
    padding-left: 0 !important;
    /* Verwijdert standaard padding */
    text-align: left;
    color: #0E3364 !important;
}

.no-bullets-menu li {
    padding: 0;
    /* Optioneel: verwijdert extra ruimte binnen lijstitems */
    color: #F0F0F0D6;
    font-size: 20px;
    font-weight: 300;
}

.advies-info {
    font-family: var(--mamoda-font-body);
    display: flex;
    gap: 10px;
    justify-content: center;
}

.advies-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.advies-text-container {
    padding-top: 7px;
    display: flex;
    flex-direction: column;
}

.advies-info a {
    color: #000;
    text-decoration: none;
}

.advies-info a:hover {
    text-decoration: underline;
}

.advies {
    width: auto;
    height: auto;
    padding-top: 20px;
    padding-bottom: 0;
    flex-wrap: nowrap;
}

.contact-info {
    display: flex;
    gap: 7px;
}

.contact-info .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-info a {
    color: #CCD2DA;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

.menu-title {
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 6%;
}


@media (max-width: 991px) {
    .pc-footer {
        display: none;
    }
}

@media(min-width: 992px) {
    .phone-footer {
        display: none;
    }
}

/*
*
*Phone Footer Styling
*
*/

.accordionItem {
    width: 90%;
    margin-left: 5%;
    height: auto;
    padding-bottom: 30px;
}

.accordionTitle {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 2px solid #fff !important;
    font-size: 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding-left: 0;
    font-weight: bold;
    color: #fff !important;
}

.accordionTitle::after {
    margin-left: auto;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="10" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L6.5009 6L12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    content: '';
    width: 16px;
    height: 10px;
    transition: transform .4s ease-in-out;
    transform: rotateX(-180deg);
}

.accordionTitle:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="10" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L6.5009 6L12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    transform: rotateX(0deg);
}

.accordionTitle:focus {
    outline: none;
}

.accordionContent:not(.collapsed) {
    padding-top: 15px;
}

.accordionContent a {
    color: #F0F0F0D6 !important;
    text-decoration: none;
    font-size: 15px !important;
}

.telnummer a,
.email .col-auto {
    padding-left: 0;
}

.betaalmethodes .col-auto:first-child {
    padding-left: 13px;
}

.betaalmethode-mobile {
    width: 45px;
    height: 15px;
}

.no-bullets-menu li a {
    font-size: 18px !important;
}

.list-unstyled p,
.list-unstyled a {
    font-size: 18px !important;
    color: rgba(240, 240, 240, 0.84) !important;
    margin-bottom: 0;
}

.list-unstyled p {
    line-height: 1.8;
    font-weight: normal;
}

@media(max-width: 1300px) {
    .container-whole-width-primary-color .container.justify-content-center {
        margin-left: 7% !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 1024px) {
    .container-whole-width-primary-color .container.justify-content-center {
        margin-left: 5% !important;
    }
}

@media (max-width: 768px) {
    .advies {
        padding-top: 10px !important;
    }
}
.betaalmethodes .col-auto {
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 20px;
}

.current-menu-item a {
    color: #F0F0F0 !important;
    font-weight: 600 !important;
}

.container-full-width-background.bg-white,
.container.bg-white {
    display: none !important;
}

.no-bullets-menu li:hover a {
    color: #F0F0F0 !important;
}

@media (max-width: 768px) {
    .betaalmethodes {
        padding-bottom: 8% !important;
    }

    .betaalmethode-mobile-col {
        width: 10%;
        height: auto;
    }

    .betaalmethodes .col-auto {
        padding-right: 11%;
    }

    .betaalmethodes .col-auto:first-child {
        padding-left: 1%;
    }
}

.accordion-footer {
    width: 90%;
    margin-left: 5%;
    height: auto;
    padding-bottom: 3%;
    margin-top: 5%;
}

.accordion-header-footer {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 2px solid #fff;
    font-size: 20px !important;
    margin-bottom: 0;
}

.accordion-button-footer:not(.collapsed) {
    font-weight: bold;
}

.accordion-button-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: none;
    cursor: pointer;
    font-size: 21px !important;
    padding-left: 0;
    font-weight: bold !important;
    color: #fff !important;
    background-color: transparent;
}

.accordion-button-footer::after {
    margin-left: auto;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="10" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L6.5009 6L12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    content: '';
    width: 16px;
    height: 10px;
    transition: transform .4s ease-in-out;
    transform: rotateX(-180deg);
}

.accordion-button-footer:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="10" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L6.5009 6L12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    transform: rotateX(0deg);
}

.accordion-button-footer:focus {
    outline: none;
}

.accordion-body-footer {
    margin-top: 5%;
}

.accordion-body-footer a,
.accordion-footer p {
    color: #F0F0F0D6 !important;
    text-decoration: none;
    font-size: 18px !important;
}

.accordion-body-footer:hover a {
    color: #F0F0F0 !important;
}

.accordion-body-footer .current-menu-item a {
    color: #F0F0F0 !important;
}

.accordion-body-footer h5 {
    color: #fff !important;
    font-size: 20px !important;
}

.email {
    margin-bottom: 1%;
}

/* quirks-regelhoogte: telefoon/mail/adres onder de titel */
.advies-text {
    display: flex;
    flex-direction: column;
}

/* quirks-regelhoogte: creditregel onderaan (mobiel), link op een eigen regel als hij niet past */
@media (max-width: 575.98px) {
    .footer-credit {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        column-gap: 0.3em;
    }
}