/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 12 août 2026, 12:52:10
    Author     : cyril
*/

/* =========================
   CONTACT
   ========================= */

.site-contact {
    background-color: var(--site-accent);
}

.site-contact-form {
    padding: 2rem;

    background-color: var(--site-white);

    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 1rem;

    box-shadow: 0 .75rem 2.5rem rgba(0, 0, 0, .06);
}

.site-contact-form .form-label {
    color: var(--site-text);
    font-weight: 600;
}

.site-contact-form .form-control,
.site-contact-form .form-select {
    min-height: 48px;

    border-color: rgba(0, 0, 0, .15);
    border-radius: .6rem;
}

.site-contact-form textarea.form-control {
    min-height: 140px;
}

.site-contact-form .form-control:focus,
.site-contact-form .form-select:focus {
    border-color: var(--site-primary);

    box-shadow:
        0 0 0 .2rem rgba(0, 0, 0, .05);
}


/* =========================
   INFOS
   ========================= */

.site-contact-info {
    padding: 2rem;

    background-color: var(--site-primary);
    color: var(--site-white);

    border-radius: 1rem;
}

.site-contact-info h3 {
    color: var(--site-white);
}

.site-contact-info a {
    color: var(--site-white);
    text-decoration: none;
}

.site-contact-info a:hover {
    color: var(--site-secondary);
}

.site-contact-info-item {
    display: grid;
    grid-template-columns: auto 1fr;

    gap: 1rem;

    align-items: start;

    margin-bottom: 1.5rem;
}

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

    width: 44px;
    height: 44px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, .1);
    color: var(--site-secondary);

    font-size: 1.1rem;
}

.site-contact-info-item span {
    display: block;

    margin-bottom: .2rem;

    color: var(--site-secondary);

    font-size: .8rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.site-contact-info-item p {
    color: rgba(255, 255, 255, .85);
}

.site-contact-info hr {
    border-color: rgba(255, 255, 255, .15);
}

.site-contact-note {
    margin-bottom: 0;

    color: rgba(255, 255, 255, .75);
    line-height: 1.6;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767.98px) {

    .site-contact-form,
    .site-contact-info {
        padding: 1.5rem;
    }

}




.site-contact-centered {
    background-color: var(--site-accent);
}

.site-contact-centered-wrapper {
    max-width: 850px;
}

.site-contact-centered .site-contact-form {
    background-color: var(--site-white);
}

.site-contact-dark {
    background-color: var(--site-primary);
    color: var(--site-white);
}

.site-contact-dark .site-section-title {
   // color: var(--site-white);
}

.site-contact-dark-intro {
    max-width: 520px;

    color: rgba(255, 255, 255, .8);
    line-height: 1.7;
}

.site-contact-dark-details {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.site-contact-dark-details a {
    display: flex;
    align-items: center;
    gap: 1rem;

    color: var(--site-white);
    text-decoration: none;
}

.site-contact-dark-details > a > i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    flex-shrink: 0;

    border-radius: 50%;

    background-color: rgba(255,255,255,.1);
    color: var(--site-secondary);
}

.site-contact-dark-details span {
    display: flex;
    flex-direction: column;
}

.site-contact-dark-details small {
    color: var(--site-secondary);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.site-contact-compact {
    background-color: var(--site-white);
}

.site-contact-compact-wrapper {
    padding: 2.5rem;

    background-color: var(--site-accent);

    border-radius: 1.25rem;
}

.site-contact-compact .form-control {
    min-height: 48px;

    background-color: var(--site-white);

    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: .6rem;
}

.site-contact-compact textarea.form-control {
    min-height: 100px;
}

@media (max-width: 767.98px) {
    .site-contact-compact-wrapper {
        padding: 1.5rem;
    }
}