/*
 * La Maison des Séniors — Custom CSS
 * Colors: blue #839cb4, pink #e46a78, marine #1d5279
 * Fonts: Heebo (body), Rubik (headings)
 */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&family=Rubik:wght@400;500;700&display=swap');

:root {
    --lmds-blue: #839cb4;
    --lmds-pink: #e46a78;
    --lmds-marine: #1d5279;
}

/* FONTS */
body {
    font-family: Heebo, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Rubik, sans-serif !important;
}

/* LINKS */
a { color: var(--lmds-blue); }
a:hover { color: var(--lmds-marine); text-decoration: none; }

/**** HEADER ****/
#header .top-menu a[data-depth="0"] { font-size: 14px; }
#header .top-menu a[data-depth="0"]:hover { color: var(--lmds-blue); }

/* CONTACT LINK */
#contact-link a {
    background-color: var(--lmds-blue);
    padding: 0.9rem 1.25rem;
    text-align: center;
    color: white;
    font-weight: 500;
    letter-spacing: 0.05rem;
}
#contact-link a:hover {
    background-color: var(--lmds-marine);
    color: #fff !important;
}

/* SEARCH */
.search-widget form input[type="text"] { border-radius: 50px; }
.search-widget form input[type="text"]:focus,
.search-widget form input[type="text"]:hover {
    outline: none !important;
    border: 1px solid var(--lmds-blue) !important;
}

/**** BUTTONS ****/
.btn-primary {
    border-radius: 50px;
    background-color: var(--lmds-blue);
    border-color: var(--lmds-blue);
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--lmds-marine) !important;
    border-color: var(--lmds-marine) !important;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: var(--lmds-blue);
    border-color: var(--lmds-blue);
}

/**** PRODUCTS ****/
/* Product cards */
.thumbnail-container,
.thumbnail-container .product-thumbnail img {
    border-radius: 12px;
    box-shadow: none;
}
.product-description { border: 1px solid transparent; }
.product-description:hover { border: 1px solid var(--lmds-pink); }
.featured-products a:hover { color: var(--lmds-marine) !important; }

/* Product flags */
.product-flags li.product-flag { background: var(--lmds-pink); }

/* Product page */
.product-price, .current-price span { color: var(--lmds-blue); }
.product-cover img { border-radius: 12px; box-shadow: none; }
.product-variants > .product-variants-item select,
.bootstrap-touchspin { box-shadow: none; }
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
    border: 1px solid var(--lmds-pink);
    border-radius: 12px;
}
.scroll-box-arrows i { color: var(--lmds-pink); }
.tabs .nav-tabs .nav-link.active { color: var(--lmds-blue); }
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover { border-bottom: 3px solid var(--lmds-blue); }

/* Hide reassurance & social */
#block-reassurance, .social-sharing, .blockreassurance_product { display: none; }

/**** CATEGORIES ****/
div.block-category { display: none; }
.breadcrumb ol li:first-child > a { color: var(--lmds-marine) !important; font-weight: 600; }
.breadcrumb ol li > a:hover { color: var(--lmds-pink) !important; }
.block-categories { box-shadow: none; }
.block-categories .category-sub-menu li[data-depth="0"] > a { border: none !important; }
.block-categories .category-sub-menu li[data-depth="0"] > a:hover { color: var(--lmds-pink); }
.block-categories .category-sub-menu li[data-depth="0"] { padding-block: 0.25rem; }
.block-categories .category-sub-menu li[data-depth="0"]:not(:last-child) {
    border-bottom: 0.1rem solid #d4d4d491;
}

/* Sorting */
.products-sort-order .select-title { border-radius: 50px; box-shadow: none; }
.products-sort-order .select-list:hover { background-color: var(--lmds-blue); }
.dropdown-menu { padding-block: 0; }
.pagination .page-list { box-shadow: none; }

/**** LOGIN ****/
.input-group .input-group-btn > .btn[data-action="show-password"] {
    background-color: var(--lmds-blue); outline: none;
}
.input-group .input-group-btn > .btn[data-action="show-password"]:hover {
    background-color: var(--lmds-marine);
}

/**** CART / CHECKOUT ****/
#header .header-nav .cart-preview.active { background-color: var(--lmds-blue); }
#header .header-nav .cart-preview.active:hover { background-color: var(--lmds-marine); }
.modal-dialog .cart-content-btn .btn-secondary { border-radius: 50px; }
.cart-grid-body a.label:hover { color: var(--lmds-marine); }
#checkout .btn:active:focus, #checkout .btn:focus { outline: none !important; }
body#checkout section.checkout-step .address-item.selected { border-color: var(--lmds-marine); }
.custom-radio input[type=radio]:checked+span { background-color: var(--lmds-marine); }

/**** CONTACT ****/
.contact-form h3, .contact-rich h4 { color: inherit !important; }
.group-span-filestyle .btn-default { background-color: var(--lmds-blue) !important; height: 37px; }
.group-span-filestyle .btn-default:hover { background-color: var(--lmds-marine) !important; }
.form-control:focus { border-color: var(--lmds-marine); outline: none !important; }
.card { box-shadow: none; }

/**** FOOTER ****/
body:not(#checkout) #footer::before {
    content: "";
    background: url(../img/bg_dentelle_footer.png) repeat-x 0 0;
    position: absolute;
    width: 100%;
    height: 29px;
    bottom: 100%;
    left: 0;
    top: -44px;
    margin-top: 1rem;
}
#footer {
    background: url(../img/bg_footer.png) repeat-x var(--lmds-marine);
    background-position: bottom;
    position: relative;
    padding-top: 0 !important;
}
.footer-container { box-shadow: none !important; margin-top: 0 !important; }
#footer .footer-container .row:first-child { padding-bottom: 1rem; }
#footer .footer-container li a,
#footer .dropdown,
#footer .hidden-sm-down:not(p) { color: white; }
#footer ._blank, #footer p,
#footer #block_myaccount_infos .myaccount-title a { color: #849cb3; }
#footer .btn-primary { margin-left: 5px; }

/**** BACKGROUND ****/
#wrapper {
    background: url(../img/fond.jpg) repeat 0 0;
    padding-bottom: 2rem;
}

/* CMS PAGES */
:is(.cms-id-2, .cms-id-3, .cms-id-4) .page-content.page-cms { background-color: transparent; }
:is(.cms-id-2, .cms-id-3, .cms-id-4) .page-header h1 {
    text-transform: uppercase; color: #fff; padding-block: 0.7rem;
}
:is(.cms-id-2, .cms-id-3, .cms-id-4) .page-header {
    position: relative; text-align: center; height: 58px;
    background: url(../img/titre-page.png) repeat-x 100%;
}
:is(.cms-id-2, .cms-id-3, .cms-id-4) .page-header::before {
    content: ""; position: absolute; width: 100%; height: 58px;
    margin-left: -92px; top: 0; left: 0;
    background: url(../img/titre-page-left.png) no-repeat 0;
}
:is(.cms-id-2, .cms-id-3, .cms-id-4) .page-header::after {
    content: ''; position: absolute; width: 100%; height: 59px;
    margin-right: -92px; top: 0; right: 0;
    background: url(../img/titre-page-right.png) no-repeat 100%;
}

/* OCCITANIE LOGO in footer */
#footer .footer-container::after {
    content: '';
    display: block;
    background: url(/img/region_occitanie.png) no-repeat center;
    background-size: contain;
    width: 180px;
    height: 60px;
    margin: 1rem auto 0;
}