/**** MY ACCOUNT ****/

#authentication h1,
#password h1,
#registration h1 {
    text-align: center;
}

@media (max-width: 767px) {
    .page-customer-account h1 {
        font-size: 1.625rem;
    }

    #identity #main .page-header,
    #address #main .page-header {
        margin-bottom: 0;
    }

    .page-customer-account #content {
        padding: 0;
    }

    .form-group {
        margin-bottom: 0;
    }
}

/**** LOGIN ****/

#login-form .form-group,
#password .form-group {
    display: flex;
    flex-direction: column;
}

#login-form .form-control-label,
#password .form-control-label {
    text-align: left;
    width: 100%;
}

#login-form .js-input-column {
    width: 100%;
}

#authentication #content a {
    color: #909090;
    font-family: "Bodoni Moda";
    font-size: 1.125rem;
    text-decoration-line: underline;
}

#login-form footer {
    display: flex;
    justify-content: center;
}

/**** RESET PASSWORD ****/

#password .send-renew-password-link {
    padding: 0px;
}

#password #content {
    padding: 1rem;
    background: #fff;
    max-width: 640px;
    margin: 0 auto;
}

#password .forgotten-password .form-fields .email {
    width: 100%;
}

#password .form-control-label {
    padding: 0;
}

#password .email {
    margin-bottom: 20px;
}

#password .form-group {
    display: flex;
    align-items: flex-end;
}

#password #send-reset-link {
    width: fit-content;
}

/**** Accueil mon compte ****/

.page-registration #content p:has(a):first-of-type {
    text-align: center;
}

.page-registration #content p:first-of-type a {
    color: #e30a14;
}

.page-registration #content p:first-of-type a:hover {
    color: #000 !important;
}

.page-registration #content {
    max-width: 100%;
}

#my-account .my-account-content {
    display: flex;
    height: 95vh;
    max-height: 740px;
    min-height: 720px;
}

#my-account .left-content {
    width: 80%;
}

#my-account .left-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#my-account .right-content {
    padding: 40px 15px 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../img/Phare-mon-compte.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#my-account .right-content .page-title h1 {
    margin-bottom: 20px;
}

#my-account .right-content .page-title p {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: 0.00175rem;
    margin-bottom: 0.625rem;
}

.page-my-account #content .links a span.link-item {
    color: #000;
    font-size: 1.75rem;
    font-weight: 500;
    display: flex !important;
    align-items: center;
    padding: 35px 90px 35px 30px !important;
    text-transform: math-auto;
    border: 1px solid #000;
    background: #fff;
}

.page-my-account #content .links a span.link-item:hover {
    background: #000;
    color: white;
    transition: 0.2s ease-in-out;
}

.page-my-account #content .links a span.link-item:hover img {
    filter: brightness(0) invert(1);
    transition: 0.2s ease-in-out;
}

#my-account .links a .link-item img {
    margin-right: 20px;
}

#my-account .my-account-logout {
    margin-right: 40px;
}

#my-account .my-account-logout a {
    width: fit-content;
    margin: auto;
}

#my-account #main .page-content {
    margin-bottom: 0;
}

#my-account #main .page-footer {
    display: none;
}

#my-account #wrapper {
    padding-top: 0;
}

#my-account #main .page-header {
    display: none;
}

.page-my-account #content .links a {
    margin-bottom: 1.59375rem;
}

#my-account .page-title p {
    color: #7d7d7d;
    font-size: 1.75rem;
}

@media (min-width: 768px) {
    #my-account .links {
        padding-right: 40px;
    }

    #my-account .links a:nth-child(odd) {
        padding-left: 0;
        padding-right: 0.796875rem;
    }

    #my-account .links a:nth-child(even) {
        padding-right: 0;
        padding-left: 0.796875rem;
    }
}

@media (min-width: 992px) {
    #my-account .right-content {
        padding-right: calc((100% - 98.3vw) / 2);
    }
}

@media (max-width: 991px) {
    #my-account .left-content {
        display: none;
    }
}

@media (max-width: 768px) {
    #my-account .my-account-content {
        height: 100%;
        max-height: 100%;
        margin-bottom: 60px;
    }

    #my-account .right-content,
    #my-account .my-account-logout {
        padding: 0px;
        margin: 0px;
    }

    #my-account .right-content .page-title {
        margin: 0px 0.9375rem;
    }

    #my-account .right-content .breadcrumb {
        margin: 15px 0.9375rem;
    }

    #my-account .right-content .page-title h1 {
        margin-bottom: 10px;
    }

    .page-my-account #content .links a span.link-item {
        padding: 0.625rem !important;
        font-size: 1.5rem;
    }

    #my-account .right-content .page-title p {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
}

/**** ADRESSES ****/
.page-addresses .address {
    border: solid 1px;
}

#addresses address {
    color: #000;
    font-size: 1rem;
}

#addresses .address,
body#checkout section.checkout-step .address-item {
    border: 1px solid #9e9e9e;
    background: transparent;
}

#addresses .address .address-footer,
#checkout .address-footer {
    border-color: #9e9e9e;
    display: flex;
    justify-content: center;
}

#addresses .address .address-footer a,
#checkout .address-footer a {
    background: #000;
    border: 1px solid #000;
    display: flex;
    padding: 0.3125rem 0.625rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0;
    text-transform: initial;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    color: white !important;
}

@media screen and (min-width: 992px) and (max-width: 1312px) {
    #addresses .address-footer {
        flex-direction: column;
        gap: 10px;
    }
}

#addresses .address .address-footer a:hover,
#checkout .address-footer a:hover {
    background: #ffffff;
    color: rgb(0, 0, 0) !important;
}

body#checkout section.checkout-step .address-item.selected {
    border: 1px solid #000000;
}

body#checkout section.checkout-step .address-item.selected hr {
    border-color: #000000;
}

body#checkout section.checkout-step hr {
    border-color: #9e9e9e;
}

/**** HISTORY ****/

#history table thead,
#order-slip table thead,
#discount table thead {
    background: #000;
}

#history table thead th,
#order-slip table thead th,
#discount table thead th {
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    border: none;
    padding: 10px;
    background-color: transparent;
    font-family: "Bodoni Moda";
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

#history table,
#order-slip table,
#discount table {
    border: none;
}

#history table tbody th,
#history table tbody td,
#order-slip table tbody th,
#order-slip table tbody td,
#discount table tbody th,
#discount table tbody td {
    color: #000;
    border: none;
    padding: 20px 8px;
}

#history table tbody td {
    border: none;
    padding: 20px 8px;
}

#history table tbody .order-actions a,
#history table tbody .order-actions a[data-link-action="view-order-details"] {
    font-family: "Bodoni Moda";
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #fff;
    padding: 5px 10px !important;
}

#history table tbody .order-actions a {
    color: #000;
    background: #fff;
}

#history table tbody .order-actions a:hover {
    color: #fff !important;
    background: #000;
}

#history table tbody .order-actions a[data-link-action="view-order-details"] {
    color: #fff;
    background: #000;
}

#history
    table
    tbody
    .order-actions
    a[data-link-action="view-order-details"]:hover {
    color: #000000 !important;
    background: #ffffff;
}

#history table tbody .order-actions a:nth-child(1) {
    margin-right: 10px;
}

#history .order-actions {
    display: flex;
}

#history .order-actions a {
    align-content: center;
}

@media (max-width: 767px) {
    #history .orders .order a h3 {
        color: #000;
    }
    #history .order i {
        color: #e30a14;
    }
}

/**** END HISTORY ****/

/**** ORDER DETAIL ****/
#order-detail .thead-default th {
    background-color: #000;
    color: #fff;
}

#order-detail .table-bordered,
#order-detail .table-bordered td,
#order-detail .table-bordered th {
    border-color: #000;
}

#order-detail #order-products a,
#order-detail #order-infos .content-order-infos a {
    color: #e30a14 !important;
}

#order-detail .order-infos-content {
    display: flex;
    flex-direction: column;
}

#order-detail .order-infos-content .btn {
    margin: 10px 0px;
}

#order-detail .form-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.page-order-detail .box {
    padding: 0;
}

/*** AVOIRS ***/

#order-slip #content a {
    color: #000;
}

/*** BONS DE REDUCTIONS ***/
#discount .cart-rule strong {
    color: #000;
}

/*** ALERTE EMAIL ***/

#module-ps_emailalerts-account #content ul {
    border: solid 1px #000;
}

#module-ps_emailalerts-account #content ul li {
    padding: 0 !important;
}

#module-ps_emailalerts-account #content a {
    color: #e30a14;
}

/*** BLOCKCART MODAL***/

.modal-open #blockcart-modal.modal {
    display: flex !important;
    align-items: center;
}

#blockcart-modal .modal-title i.material-icons {
    color: #3f5089;
    margin-right: 0.625rem;
}

#blockcart-modal .modal-header .h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Bodoni Moda";
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}
#blockcart-modal .modal-header .close {
    margin-top: 5px;
}

#blockcart-modal .modal-header {
    border-bottom: 1px solid #000;
}

#blockcart-modal .product-name {
    color: #000;
    font-family: "Bodoni Moda";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
}

#blockcart-modal .product-price {
    color: #000;
    font-family: "Bodoni Moda";
    font-size: 1.25rem;
    font-weight: 700;
}

#blockcart-modal .divide-right {
    border-right: 1px solid #000;
}

#blockcart-modal .cart-products-count {
    color: #353535;
}

#blockcart-modal .cart-content .page-content.page-cms ul,
#blockcart-modal .cart-content p,
.page-content.page-cms #blockcart-modal .cart-content ul {
    padding: 0;
    font-family: Playfair;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

#blockcart-modal .cart-content p.product-total {
    padding: 0;
    background-color: transparent;
}

#blockcart-modal .product-total span {
    color: #000;
    font-family: "Bodoni Moda";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
}

#blockcart-modal .cart-content-btn {
    width: 100%;
    margin-top: 1.25rem;
}

#blockcart-modal .cart-content-btn .btn {
    width: 100%;
    font-size: 1.125rem;
    font-weight: 500;
}

#blockcart-modal .cart-content {
    padding-left: 0;
}

#blockcart-modal .divide-right {
    padding-right: 20px;
}

#blockcart-modal .divide-left {
    padding-left: 20px;
}

@media (max-width: 767px) {
    #blockcart-modal .modal-header {
        padding: 10px;
    }

    #blockcart-modal .modal-header .h6 {
        font-size: 0.75rem;
    }

    #blockcart-modal .modal-header .close {
        line-height: 0;
        margin-top: 0;
    }

    #blockcart-modal .modal-header .close svg {
        width: 20px;
        height: 20px;
    }

    #blockcart-modal .modal-body {
        padding: 1.25rem 0.625rem;
    }

    #blockcart-modal .cart-content-btn {
        display: flex;
        flex-direction: column;
    }

    #blockcart-modal .cart-content-btn a {
        padding: 0.625rem 1.875rem;
    }

    #blockcart-modal col-md-6 {
        padding: 0;
    }

    #blockcart-modal .cart-content p.cart-products-count {
        color: #353535;
    }

    #blockcart-modal .product-name {
        font-size: 1rem;
    }
    #blockcart-modal .product-price {
        margin: 0;
    }

    #blockcart-modal .product-name,
    #blockcart-modal .product-price,
    #blockcart-modal .product-quantity,
    #blockcart-modal .dimension {
        padding: 0 !important;
    }

    #blockcart-modal .divide-right br {
        display: none;
    }

    #blockcart-modal .divide-left {
        margin-top: 1.6rem;
        padding-left: 0.94rem;
    }
}

/***SLIDER PAGE PHILIP PLISSON ***/

.slider-philip
    .elementor-widget-container
    > .elementor-carousel-wrapper
    .elementor-swiper-button {
    top: 0;
    transform: none;
}

.slider-philip
    .elementor-widget-container
    > .elementor-carousel-wrapper
    .elementor-swiper-button-next {
    right: 0px !important;
    left: auto !important;
}

.slider-philip
    .elementor-widget-container
    > .elementor-carousel-wrapper
    .elementor-swiper-button-prev {
    right: 52px !important;
    left: auto !important;
}

.slider-philip .elementor-widget-container > .elementor-carousel-wrapper {
    padding-top: 0;
}

.slider-philip .elementor-swiper-button-prev,
.slider-philip .elementor-swiper-button-next {
    border: 1px solid #000;
    background: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s ease-in-out;
}

.slider-philip .elementor-swiper-button-prev svg,
.slider-philip .elementor-swiper-button-next svg {
    width: 19px;
    height: 8px;
}

.slider-philip .elementor-swiper-button-prev:not(.swiper-button-disabled):hover,
.slider-philip
    .elementor-swiper-button-next:not(.swiper-button-disabled):hover {
    background: #000;
}

.slider-philip
    .elementor-swiper-button-prev[aria-disabled="false"]:hover
    svg
    path,
.slider-philip
    .elementor-swiper-button-next[aria-disabled="false"]:hover
    svg
    path {
    fill: #fff;
}

@media (max-width: 767px) {
    .slider-philip
        .elementor-widget-container
        > .elementor-carousel-wrapper
        .elementor-swiper-button {
        top: 30px;
    }
}