/*
Theme Name: Tsukimi Gallery
Theme URI: https://example.com
Description: A child theme for Twenty Twenty.
Author: Your Name
Author URI: https://example.com/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* GLOBAL */
#wpadminbar a {
    color: white!important;
}
h1, h2, h3, h4, h5, h6, p, a, span, ul, ol, li, .widget p, .widget a {
    font-family: "Karla", sans-serif;
    letter-spacing: normal;
}
h3 {
    font-size: 32px;
    font-weight: 400;
}
p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
}
a {
    color: #020E55!important;
}
figure {
    margin-top: 0!important;
}
.editorskit-title-hidden header.entry-header {
    display: none;
}
.no-margin-top {
    margin-top: 0!important;
}


/* BUTTON */
.wp-block-button__link {
    background-color: white!important;
    color:#020E55;
    border: 1px solid #020E55;
    transition: all 0.2s ease-in-out;
    font-size: 16px!important;
    font-weight: 400;
    margin-top: 20px!important;
    margin-bottom: 36px!important;
}
.wp-block-button__link:hover {
    color: white!important;
    background-color:#020E55!important;
    text-decoration: none!important;
}

/* HEADER */
.site-logo {
    width: 250px;
}
.menu-item a {
    color: black!important;
    font-weight: 400!important;
    font-size: 16px;
}
.home .trp-language-switcher-container span.icon {
    color: white!important;
}
.trp-language-switcher-container span.icon {
    color: black!important;
}
.home .site-logo {
    background-image: url(https://seo.geoffroycrabieres.com/wp-content/uploads/2025/04/Logo-white.png);
    background-position: center;
    background-size: cover;
}
.home .site-logo img {
    opacity: 0;
}

/* LANGUAGE SWITCHER */
.menu-item-object-language_switcher ul.sub-menu {
    background-color: transparent!important;
    width: 57px;
    top: 15px;
}
.menu-item-object-language_switcher ul.sub-menu li a {
    padding: 0.5rem;
    text-align: center;
}
.menu-item-object-language_switcher ul.sub-menu::after {
    border-bottom-color: transparent!important;
}

/* PRODUCT */
.eb-woo-product-button-list {
    display: none!important;
}
.stacked-thumbnail {
    margin-bottom: 10px;
}
.woocommerce-product-gallery {
    max-width: 100%;
}
.woocommerce-product-gallery img {
    width: 100%;
}
.woocommerce-product-gallery__image, .woocommerce-product-gallery__trigger {
    display: none;
}
.product .product_title {
    margin-bottom: 25px;
    font-size: 24px!important;
}
.product .woolentor_product_tags_info {
    margin-bottom: 20px;
    pointer-events: none;
    font-weight: 300;
}
.product .woolentor_product_tags_info a {
    color: black!important;
}
.single-product-info {
    /* position: sticky; */
    top: 50px;
    height: fit-content;
}
.woocommerce_product_description {
    max-height: 185px;
    overflow: hidden;
    position: relative;
}
.woocommerce_product_description.full {
    max-height: fit-content;
    padding-bottom: 27px;
}
.woocommerce_product_description #read-more {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: white;
    padding: 25px 0;
    text-decoration: underline;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

/* CAROUSEL ON CLICK IMAGE PRODUCT */
.woocommerce-product-gallery__image {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index:99999999;
    left: 0;
    top: 0;
    display: block;
}
.woocommerce-product-gallery__image a {
    height: 100%;
}

/* SHOP */
.archive li.product span.price, .archive li.product a.add_to_cart_button, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-breadcrumb, a.button.product_type_simple {
    display: none;
}
ul.products {
    margin-top: 20px;
}
ul.products h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 400;
}
li.product.outofstock, div.product.outofstock .woocommerce-product-gallery .custom-stacked-thumbnails {
    position: relative;
}
li.product.outofstock::after, div.product.outofstock .woocommerce-product-gallery .custom-stacked-thumbnails::after {
    content: "Sold";
    position: absolute;
    left: 10px; 
    top: 10px;
    background-color: #020E55;
    color: white;
    padding: 5px 10px;
    pointer-events: none;
}

/* POPUP */
.popmake-close {
    color: black!important;
    border: none!important;
}


/* PAGES */
.entry-header-inner.section-inner.alignwide, .woocommerce-products-header {
    border-bottom: 1px solid #eeeeee!important;
}
h1.entry-title, .woocommerce-products-header__title {
    text-align: left!important;
    font-size: 26px!important;
    font-weight: 400!important;
    margin-bottom: 20px!important;
}
.entry-header {
    padding-bottom: 0!important;
    padding-top: 4em!important; 
}
.homepage-categories h2, .homepage-products h2 {
    text-align: left !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    width: 100%!important;
    max-width: 100%!important;
    border-bottom: 1px solid #eeeeee!important;
}
h2 {
    font-size: 24px!important;
    font-weight: 400 !important;
}
.homepage-categories h3 {
    margin-top: -20px!important;
}
.homepage-categories h3 a {
    color: black !important;
    text-decoration: none!important;
    font-size: 18px!important;
    font-weight: 400!important;
    text-align: left!important;
}
h3.eb-woo-product-title a {
    color: black !important;
    text-decoration: none!important;
    font-size: 16px!important;
    font-weight: 400!important;
    text-align: left!important;
    font-family: "Karla", sans-serif!important;
}
h3.eb-woo-product-title {
    font-size: 16px!important;
    font-family: "Karla", sans-serif!important;
}
.eb-woo-product-content {
    text-align: left!important;
    padding: 15px 0px!important;
}
.eb-woo-products-gallery.grid-preset-1 .eb-woo-product .eb-woo-product-image-wrapper .eb-woo-product-image {
    border-radius: 0!important;
}
.homepage-categories figure {
    margin-bottom: 0!important;
    /* max-height: 250px; */
}
.homepage-categories .column-one {
    margin-bottom: 0!important;
}
.homepage-categories .column-two {
    margin-top: 15px!important;
}
.homepage-black-banner {
    padding-top: calc(2rem + 100px) !important;
    padding-bottom: 30px !important;
}
.homepage-black-banner a {
    color: white!important;
}
.homepage-black-banner h2 {
    margin-bottom: 0!important;
    color: white !important;
    font-weight: bold !important;
    font-family: 'Karla', sans-serif;
}
.page-id-359 #site-header {
    background-color: transparent;
}
.page-id-359 #site-content {
    margin-top: -150px;
}
.page-id-359 .menu-item a {
    color: white!important;
}
.home-introduction-text p {
    width: 100%;
    max-width: 100%!important;
}
.home-catalogue figure {
    margin-left: 0!important;
}

/* CONTACT */
.wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0!important;
}
.contact-form-two-column {
    display: flex;
    gap: 10px;
}
.wpcf7-submit {
    background-color: white!important;
    color: #020E55!important;
    border: 1px solid #020E55!important;
    font-weight: 400!important;
    transition: all 0.2s ease-in-out!important;
    text-transform: none!important;
    padding: 16px 33px!important;
    font-size: 16px!important;
}
.wpcf7-submit:hover {
    background-color:#020E55!important;
    color: white!important;
    text-decoration: none!important;
}

/* FOOTER */
.footer-nav-widgets-wrapper {
    border-top: 1px solid #EEEEEE;
}
.footer-widgets {
    width: 100%;
}
.logo-footer {
    margin-bottom: 0!important;
}
.widget.widget_block {
    margin-top: 0;
}
.footer-icon-columns {
    gap: 15px;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.footer-icon img {
    opacity: 0.25;
    transition: all 0.2s ease-in-out;
}
.footer-icon:hover img {
    opacity: 0.5;
}
.widget p {
    color: #333333;
    font-size: 16px;
}
footer {
    display: none;
}

@media all and (max-width: 768px) {
    .homepage-black-banner {
        z-index: -1;
    }
    .footer-icon-columns .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 30px!important;
    }
    .home .site-logo {
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .home .toggle .toggle-icon svg path {
        fill: white;
    }
    .home .menu-item a {
        color: black!important;
    }
    article .entry-header {
        padding-top: 0!important;
    }
    h3.eb-woo-product-title {
        margin-left: 0!important;
    }
    .home-catalogue {
        gap: 0;
    }
    .eb-woo-products-wrapper.eb-woo-product-ilaou .eb-woo-products-gallery .eb-woo-product .eb-woo-product-image-wrapper .eb-woo-product-image img {
    height: 350px;
    }
}