/**
 * Randolfi Studio — template overrides (laadt na bootstrap.min.css)
 */

/* Off-canvas zoekveld — zwart/wit met gouden rand */
.offcanvas-menu .offcanvas-inner .mod-finder input.js-finder-search-query.form-control,
.offcanvas-menu .offcanvas-inner .mod-finder #mod-finder-searchword-canvas {
    background-color: #0f0f0f !important;
    color: #fff !important;
    border: 1px solid #c6a25a !important;
    border-radius: 0;
    box-shadow: none;
}

.offcanvas-menu .offcanvas-inner .mod-finder input.js-finder-search-query.form-control::placeholder,
.offcanvas-menu .offcanvas-inner .mod-finder #mod-finder-searchword-canvas::placeholder {
    color: #afa79a;
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner .mod-finder input.js-finder-search-query.form-control:focus,
.offcanvas-menu .offcanvas-inner .mod-finder #mod-finder-searchword-canvas:focus {
    background-color: #0f0f0f !important;
    color: #fff !important;
    border-color: #d8b76b !important;
    box-shadow: 0 0 0 0.15rem rgba(198, 162, 90, 0.25);
    outline: none;
}

.offcanvas-menu .offcanvas-inner .mod-finder label.finder {
    color: #e9e3d8;
}

.offcanvas-menu .offcanvas-inner .mod-finder .awesomplete > ul {
    background: #0f0f0f;
    border: 1px solid #c6a25a;
    color: #e9e3d8;
}

.offcanvas-menu .offcanvas-inner .mod-finder .awesomplete > ul > li[aria-selected="true"] {
    background: rgba(198, 162, 90, 0.2);
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .mod-finder .mod-finder__search .btn-primary {
    background-color: #c6a25a !important;
    border-color: #c6a25a !important;
    color: #0f0f0f !important;
}

/* Off-canvas inlog-icoontjes — goud */
.offcanvas-menu .offcanvas-inner .header-modules .sp-sign-in,
.offcanvas-menu .offcanvas-inner .header-modules .sp-profile-wrapper .sp-sign-in {
    color: #c6a25a !important;
}

.offcanvas-menu .offcanvas-inner .header-modules .sp-sign-in .far.fa-user,
.offcanvas-menu .offcanvas-inner .header-modules .sp-sign-in .fas.fa-user-circle,
.offcanvas-menu .offcanvas-inner .header-modules .sp-profile-wrapper .sp-sign-in .arrow-icon {
    color: #c6a25a !important;
}

.offcanvas-menu .offcanvas-inner .header-modules .sp-sign-in:hover,
.offcanvas-menu .offcanvas-inner .header-modules .sp-sign-in:focus,
.offcanvas-menu .offcanvas-inner .header-modules .sp-profile-wrapper .sp-sign-in:hover,
.offcanvas-menu .offcanvas-inner .header-modules .sp-profile-wrapper .sp-sign-in:focus {
    color: #d8b76b !important;
}

/* Inlogpagina — gebruikersnaam & wachtwoord (override bootstrap .form-control) */
.com-users-login input.form-control,
.com-users-login input#jform_username,
.com-users-login input#jform_password {
    background-color: #0f0f0f !important;
    color: #fff !important;
    border: 1px solid #c6a25a !important;
    border-radius: 0;
    box-shadow: none;
}

.com-users-login input.form-control::placeholder,
.com-users-login input#jform_username::placeholder,
.com-users-login input#jform_password::placeholder {
    color: #afa79a;
    opacity: 1;
}

.com-users-login input.form-control:focus,
.com-users-login input#jform_username:focus,
.com-users-login input#jform_password:focus {
    background-color: #0f0f0f !important;
    color: #fff !important;
    border-color: #d8b76b !important;
    box-shadow: 0 0 0 0.15rem rgba(198, 162, 90, 0.25);
    outline: none;
}

.com-users-login label,
.com-users-login .form-check-label {
    color: #e9e3d8;
}

/* Inlogpagina — wachtwoord oog-icoon huisstijl */
.com-users-login .password-group .input-group > .form-control {
    border-right: 0 !important;
}

.com-users-login .password-group .input-password-toggle {
    background-color: #0f0f0f !important;
    border: 1px solid #c6a25a !important;
    color: #c6a25a !important;
    border-radius: 0;
    box-shadow: none;
}

.com-users-login .password-group .input-password-toggle:hover,
.com-users-login .password-group .input-password-toggle:focus {
    background-color: #0f0f0f !important;
    border-color: #d8b76b !important;
    color: #d8b76b !important;
    box-shadow: none;
}

.com-users-login .password-group .input-password-toggle .icon-eye,
.com-users-login .password-group .input-password-toggle .icon-eye-slash {
    color: #c6a25a !important;
}

.com-users-login .password-group .input-password-toggle:hover .icon-eye,
.com-users-login .password-group .input-password-toggle:hover .icon-eye-slash,
.com-users-login .password-group .input-password-toggle:focus .icon-eye,
.com-users-login .password-group .input-password-toggle:focus .icon-eye-slash {
    color: #d8b76b !important;
}

.com-users-login .password-group .input-group:focus-within .form-control,
.com-users-login .password-group .input-group:focus-within .input-password-toggle {
    border-color: #d8b76b !important;
}

/* Contactformulier (ajax_contact addon) */
.sppb-addon-ajax-contact .sppb-form-control {
    background-color: #0f0f0f;
    color: #fff;
    border: 1px solid #c6a25a;
    border-radius: 0;
    box-shadow: none;
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

.sppb-addon-ajax-contact .sppb-form-control::placeholder {
    color: #afa79a;
    opacity: 1;
}

.sppb-addon-ajax-contact .sppb-form-control:focus {
    background-color: #0f0f0f;
    color: #fff;
    border-color: #d8b76b;
    box-shadow: 0 0 0 0.15rem rgba(198, 162, 90, 0.25);
    outline: none;
}

.sppb-addon-ajax-contact textarea.sppb-form-control {
    min-height: 140px;
    resize: vertical;
}

.sppb-addon-ajax-contact .sppb-form-check-input {
    border-color: #c6a25a;
    background-color: #0f0f0f;
}

.sppb-addon-ajax-contact .sppb-form-check-input:checked {
    background-color: #c6a25a;
    border-color: #c6a25a;
}

.sppb-addon-ajax-contact .sppb-form-check-label {
    color: #dddddd;
    font-size: 0.92rem;
    line-height: 1.5;
}

.sppb-addon-ajax-contact .sppb-form-check-label a {
    color: #c6a25a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.sppb-addon-ajax-contact .sppb-form-check-label a:hover {
    color: #d8b76b;
}

.sppb-addon-ajax-contact .sppb-form-button {
    margin-top: 0.5rem;
}

.sppb-addon-ajax-contact .sppb-btn.sppb-btn-custom,
.sppb-addon-ajax-contact .sppb-btn.sppb-btn-success {
    background-color: #c6a25a !important;
    border-color: #c6a25a !important;
    color: #0f0f0f !important;
    padding: 10px 22px;
    font-weight: 600;
    border-radius: 0;
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.sppb-addon-ajax-contact .sppb-btn.sppb-btn-custom:hover,
.sppb-addon-ajax-contact .sppb-btn.sppb-btn-success:hover {
    background-color: #141414 !important;
    border-color: #c6a25a !important;
    color: #c6a25a !important;
}

/* Melding na verzenden */
.sppb-ajax-contact-status {
    margin-top: 1rem;
}

.sppb-ajax-contact-status .sppb-text-success {
    display: block;
    padding: 0.75rem 1rem;
    color: #0f5132;
    background: #d1e7dd;
    border-radius: 6px;
}

.sppb-ajax-contact-status .sppb-text-danger {
    display: block;
    padding: 0.75rem 1rem;
    color: #842029;
    background: #f8d7da;
    border-radius: 6px;
}