@import url("../vendor/bootstrap/dist/css/bootstrap.min-1712f0378f8675ca7cd423d6262fcccf.css");
@import url("../vendor/bootstrap-icons/font/bootstrap-icons.min-913588d480f81c75bb807100fb42a058.css");
@import url("datepicker.min-dde11c81ca141dd9bde491d40d40567f.css");
@import url("datepicker-bs5.min-7127b36611ec99ff4fb670811af6748e.css");
@import url("solar-frame-fac93dc7395318b13bfcbb7dbbb5b4b7.css");

:root {
    --bs-primary: #694d3b;
    --bs-secondary: #3b5769;
    --bs-success: #00b894;
    --bs-success-rgb: 0, 184, 148;
    --bs-info: #74b9ff;
    --bs-info-rgb: 116, 185, 255;
    --bs-warning: #fdcb6e;
    --bs-warning-rgb: 253, 203, 110;
    --bs-danger: #ff7675;
    --bs-danger-rgb: 255, 118, 117;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    --contrast-dark: #fcdfa7;
    --contrast-dark-rgb: 252, 223, 167;
    --contrast: #fdeccc;
    --contrast-rgb: 253, 236, 204;
    --contrast-light: #fff4e1;
    --contrast-light-rgb: 255, 244, 225;

    --primary: #694d3b;
    --primary-rgb: 105, 77, 59;
    --secondary: #3b5769;
    --secondary-rgb: 59, 87, 105;
    --danger: var(--bs-danger);
    --danger-rgb: var(--bs-danger-rgb);
    --success: var(--bs-success);
    --success-rgb: var(--bs-success-rgb);
    --accent: #487eb0;
    --accent-rgb: 72, 126, 176;

    --text-color: #4b4b4b;
    --text-color-rgb: 75, 75, 75;

    --bs-body-bg: var(--contrast);
}

.btn-cesa-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--primary-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--primary-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--primary);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--primary-rgb), 0.8);
}

.btn-cesa-secondary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--secondary-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--secondary-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--secondary);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--secondary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--secondary-rgb), 0.8);
}

.btn-cesa-danger {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--danger);
    --bs-btn-border-color: var(--danger);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--danger-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--danger-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--danger);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--danger-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--danger-rgb), 0.8);
}

.btn-cesa-success {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--success);
    --bs-btn-border-color: var(--success);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--success-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--success-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--success);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--success-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--success-rgb), 0.8);
}

.btn-cesa-accent {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--accent);
    --bs-btn-border-color: var(--accent);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--accent-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--accent-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--accent);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--accent-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--accent-rgb), 0.8);
}

.btn-cesa-contrast {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--secondary);
    --bs-btn-bg: var(--contrast);
    --bs-btn-border-color: var(--contrast);
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-color: var(--secondary);
    --bs-btn-hover-bg: rgba(var(--contrast-dark-rgb), 0.5);
    --bs-btn-hover-border-color: rgba(var(--contrast-dark-rgb), 0.5);
    --bs-btn-focus-shadow-rgb: var(--contrast);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgba(var(--contrast-dark-rgb), 0.4);
    --bs-btn-active-border-color: rgba(var(--contrast-dark-rgb), 0.4);
}

.page-item-primary {
    --bs-pagination-bg: var(--primary);
    --bs-pagination-color: var(--bs-white);
    --bs-pagination-hover-bg: rgba(var(--primary-rgb), 0.9);
    --bs-pagination-hover-color: var(--bs-white);
    --bs-pagination-active-bg: rgba(var(--primary-rgb), 0.8);
    --bs-pagination-active-color: var(--bs-white);
}

.page-item-primary {
    --bs-pagination-bg: var(--primary);
    --bs-pagination-color: var(--bs-white);
    --bs-pagination-hover-bg: rgba(var(--primary-rgb), 0.9);
    --bs-pagination-hover-color: var(--bs-white);
    --bs-pagination-active-bg: rgba(var(--primary-rgb), 0.8);
    --bs-pagination-active-color: var(--bs-white);
    --bs-pagination-active-border-color: rgba(var(--primary-rgb), 0.8);
    --bs-pagination-hover-border-color: rgba(var(--primary-rgb), 0.9);
    --bs-pagination-disabled-color: rgba(var(--primary-rgb), 0.5);
    --bs-pagination-disabled-bg: rgba(var(--primary-rgb), 0.2);
    --bs-pagination-disabled-border-color: rgba(var(--primary-rgb), 0.2);
    --bs-pagination-focus-color: var(--bs-white);
    --bs-pagination-focus-bg: rgba(var(--primary-rgb), 0.8);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-border-color: var(--primary);
}

.page-item-primary:first-child .page-link {
    border-radius: 0.5rem 0 0 0.5rem;
}

.page-item-primary:last-child .page-link {
    border-radius: 0 0.5rem 0.5rem 0;
}

.input-group {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.input-group .form-control {
    box-shadow: none;
}

.form-control, .form-select {
    border-radius: 10px;
    background-color: var(--contrast-light);
    color: var(--text-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: 2px solid var(--contrast-light);
}

.form-control:hover, .form-select:hover {
    background-color: var(--contrast-light);
    border: 2px solid rgba(var(--primary-rgb), 0.4);
}

.form-control:focus, .form-select:focus {
    box-shadow: 0 0 5px 0 rgba(var(--primary-rgb), 0.5);
    border: 2px solid rgba(var(--primary-rgb), 0.8);
    background-color: var(--contrast-light);
}

.form-control::placeholder {
    color: rgba(var(--text-color-rgb), 0.5);
}

.form-control:focus::placeholder {
    color: rgba(var(--text-color-rgb), 0.8);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--contrast-light);
    opacity: 1;
}

.input-group .input-group-text {
    border-radius: 10px;
    background-color: var(--contrast-light);
    color: var(--text-color);
    border: 2px solid var(--contrast-light);
}

body {
    font-family: "Rubik", sans-serif;
    color: var(--primary);
}

p,
ul {
    font-size: 14px;
}

a {
    color: var(--primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: italic;
    font-weight: 800;
}

h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.google_maps {
    height: 300px;
    width: 100%;
}

.card {
    border-color: transparent;
    border-radius: 10px;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.card .card-header {
    background-color: var(--contrast-dark);
}

.card .card-body {
    background-color: var(--contrast-light);
    border-radius: 0 0 10px 10px;
}

.card .card-body ul li {
    background-color: var(--contrast-light);
}

.bg-custom-primary {
    background-color: var(--primary) !important;
}

.text-custom-primary {
    color: var(--primary) !important;
}

.bg-contrast {
    background-color: var(--contrast);
}

.bg-contrast-dark {
    background-color: var(--contrast-dark);
}

.bg-contrast-light {
    background-color: var(--contrast-light);
}

.text-contrast-light {
    color: var(--contrast-light);
}

/* Navigation */

.navbar {
    background-color: var(--contrast-dark);
    font-weight: 600;
    border-radius: 10px;
}

.navbar-nav .nav-link {
    border-radius: 8px;
    margin-right: 8px;
}

.navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
}

.navbar-nav .nav-link:hover {
    background-color: var(--contrast);
}

.navbar-nav .nav-link.active {
    background-color: var(--contrast);
}

.scrolling {
    z-index: 999;
    position: fixed;
    width: 100vw;
    top: 10px;
}

.navbar-brand {
    font-family: "Yellowtail", cursive;
    font-size: 18px;
    font-weight: 800;
    color: var(--primary);
}

/* End navigation */

/* Header */
.brand {
    color: var(--text-color);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: "Yellowtail", cursive;
}

.brand h1 {
    font-size: 50px;
    line-height: 50px;
}

.brand h6 {
    font-size: 20px;
    line-height: 20px;
}

@media (max-width: 768px) {
    .brand h1 {
        font-size: 27px;
        line-height: 27px;
        margin-bottom: 6px;
    }

    .brand h6 {
        font-size: 13px;
        line-height: 13px;
    }

    .contact-submit {
        width: 100%;
    }
}

.logo_container {
    width: 150px;
}

/* End header */

.list-group-item {
    border: none;
    border-radius: 10px;
    background-color: var(--contrast-light);
    color: var(--text-color);
    margin-bottom: 4px;
    transition: 0.25s;
}

.list-group-item-action:hover {
    background-color: rgba(var(--contrast-dark-rgb), 0.4);
}

.list-group-item-action a:hover {
    color: var(--primary);
}

.list-group-item-action a:hover .discret-link {
    color: rgba(var(--primary-rgb), 0.9);
}

.discret-link {
    color: rgba(var(--primary-rgb), 0.3);
    transition: 0.25s;
}

.contact_message_input {
    min-height: 125px !important;
}

.container-wrapper {
    padding-bottom: 50px;
    min-height: calc(100vh);
    position: relative;
}

.footer {
    position: absolute;
    align-items: center;
    bottom: 0;
    display: flex;
    font-family: Rubik, Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
    height: 60px;
    justify-content: center;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.value-card span:first-child {
    font-size: 14px;
}

.value-card span:last-child {
    font-size: 25px;
}

@media (max-width: 768px) {
    .value-card span:first-child {
        font-size: 10px;
    }

    .value-card span:last-child {
        font-size: 16px;
    }
}

.table {
    border-color: var(--contrast-dark) !important;
}

.modal-content {
    border: none;
    border-radius: 10px;
}

.modal-header {
    border-bottom-color: var(--contrast-dark);
}

.modal-body {
    border-top: none;
}

.modal-footer {
    border-top-color: var(--contrast-dark);
}

.btn.btn-radio {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: var(--secondary);
    border: 2px solid var(--contrast-light);
    background-color: var(--contrast-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.btn.btn-radio .bi {
    position: absolute;
    top: 3px;
    left: 6px;
    opacity: 0;
}

.btn-check:hover + .btn.btn-radio {
    background-color: var(--contrast-light);
    color: var(--primary);
    border: 2px solid rgba(var(--primary-rgb), 0.4);
}

.btn-check:checked + .btn.btn-radio {
    box-shadow: 0 0 5px 0 rgba(var(--primary-rgb), 0.5);
    background-color: var(--contrast-light);
    border: 2px solid rgba(var(--primary-rgb), 0.8);
}

.btn-check:checked + .btn.btn-radio .bi {
    opacity: 1;
}

.ql-toolbar {
    border-radius: 10px 10px 0 0;
    background-color: var(--contrast-light);
    border: 2px solid var(--contrast-dark) !important;
    border-bottom: none !important;
}

.ql-editor {
    font-family: "Rubik", sans-serif;
}

.ql-container {
    border-radius: 0 0 10px 10px;
    border: 2px solid var(--contrast-dark) !important;
}

.ql-formats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.ql-formats button, .ql-formats .ql-picker {
    background: var(--contrast-dark) !important;
    border-radius: 5px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    vertical-align: center !important;
    transition: all !important;
    transition-duration: .2s !important;
    color: var(--primary) !important;
}

.ql-formats button:hover, .ql-formats .ql-picker:hover {
    background: var(--contrast) !important;
    color: var(--primary) !important;
}

.news_card {
    max-height: 182px;
}

.news_descriptions {
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
    hyphens: auto;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news_thumbnail {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
    border-radius: 8px;
}

.news_thumbnail.news_thumbnail--large {
    width: 100% !important;
    height: auto !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.news_btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.news_status_published {
    background-color: var(--bs-success);
    color: var(--bs-white);
}

.news_status_draft {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

.news_status_archived {
    background-color: #e17055;
    color: var(--bs-white);
}


.order_status_received {
    background-color: var(--bs-success);
    color: var(--bs-white);
}

.order_status_sent,
.order_status_in_progress {
    background-color: var(--bs-info);
    color: var(--bs-white);
}

.order_status_wait_for_validation {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

.order_status_canceled {
    background-color: #e17055;
    color: var(--bs-white);
}

.rgpd-title span {
    color: rgba(var(--primary-rgb), 0.5);
    line-height: 40px;
    font-size: 18px;
    font-style: italic;
}

.rgpd-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.toast {
    overflow: hidden;
    background-color: var(--bs-white);
    border: solid 2px var(--contrast-dark);
    box-shadow: var(--bs-box-shadow);
    border-radius: 10px;

    .toast-header {
        background-color: var(--bs-white);
    }
}

.toast-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.toast-success {
    border-color: var(--bs-success);

    .toast-header {
        background-color: var(--bs-white);
        border-color: var(--bs-success);
        color: var(--bs-success);
    }

    .toast-body {
        color: var(--bs-success);
    }

    .btn-close {
        color: var(--bs-success);
    }
}

.toast-info {
    border-color: var(--bs-info);

    .toast-header {
        border-color: var(--bs-info);
        color: var(--bs-info);
    }

    .toast-body {
        color: var(--bs-info);
    }

    .btn-close {
        color: var(--bs-info);
    }
}

.toast-warning {
    border-color: var(--bs-warning);

    .toast-header {
        border-color: var(--bs-warning);
        color: var(--bs-warning);
    }

    .toast-body {
        color: var(--bs-warning);
    }

    .btn-close {
        color: var(--bs-warning);
    }
}

.toast-danger, .toast-error {
    border-color: var(--bs-danger);

    .toast-header {
        border-color: var(--bs-danger);
        color: var(--bs-danger);
    }

    .toast-body {
        color: var(--bs-danger);
    }

    .btn-close {
        color: var(--bs-danger);
    }
}

.cookie-consent-alert {
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    gap: 15px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: var(--contrast-light);
    border: solid 2px var(--contrast-dark);
    padding: 10px;
    box-shadow: var(--bs-box-shadow);
    border-radius: 10px;
}

@media (max-width: 768px) {
    .cookie-consent-alert {
        left: 10px;
        right: 10px;
        padding: 10px 20px;

        & div {
            width: 100%;
        }

        & .cookie-consent-alert__icon {
            display: none;
        }

        & .cookie-consent-alert__controls {
            justify-content: center;
            align-items: center;
        }

        & .btn-cesa-primary {
            flex-grow: 1;
        }
    }

    .cookie-consent-alert__content {
        width: 100%;
    }
}

.cookie-consent-alert__icon {
    width: 60px;
    height: 60px;
}

.cookie-consent-alert__content {
    width: 400px;
}

.cookie-consent-alert__controls {
    display: flex;
    gap: 5px;
    justify-content: end;
    align-items: end;
}