/*
 Theme Name: Blocksy Child
 Template: blocksy
*/

/* HEADER : TOP NAV */

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    --theme-text-transform: none;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li {
    position: relative;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li::before {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    top: 68%;
    left: 0;
    background: var(--theme-link-initial-color);
    transition: width 0.25s ease-out;
}

[data-header*="type-1"]
    .ct-header
    [data-id="menu"]
    > ul
    > li:has(> a[aria-current="page"])::before {
    height: 2px;
}

[data-header*="type-1"]
    .ct-header
    [data-id="menu"]
    > ul
    > li
    > a[aria-current="page"] {
    font-weight: 700;
}

[data-header*="type-1"]
    .ct-header
    [data-id="menu"]
    > ul
    > li:has(> a[aria-current="page"])::before,
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li:hover::before {
    width: 100%;
    transition: width 0.25s ease-out;
}

@media (max-width: 999.98px) {
    [data-header*="type-1"] [data-id="trigger"] {
        --theme-icon-color: var(--theme-palette-color-2);
        --theme-icon-hover-color: var(--theme-palette-color-2);
    }
}

/* Lettrine de titre */

.lettrine {
    font-family: "Mea Culpa", serif;
    font-size: 3rem;
}

@media (min-width: 700px) {
    .lettrine {
        font-size: 4rem;
    }
}

/* FOOTER */

@media (min-width: 1000px) {
    [data-footer*="type-1"] .ct-footer {
        background: none;
    }

    [data-footer*="type-1"] .ct-footer [data-row*="top"] .ct-container-fluid {
        margin: 0;
        width: 100%;
        margin-bottom: -1.1rem;
    }

    [data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
        background-color: black;
    }

    [data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
        padding-top: 6vh;
    }

    [data-footer*="type-1"] .ct-footer figure > img {
        width: 100%;
    }
}

/* DIVERS */

form textarea {
    border-radius: 1rem;
}

[data-products] figure .ct-media-container,
.woocommerce-product-gallery .ct-product-gallery-container .flexy {
    --theme-border-radius: 1.1rem;
    border-radius: 1.1rem;
}

.woocommerce-product-gallery .ct-product-gallery-container .flexy {
    overflow: hidden;
}

.woocommerce-product-gallery
    .ct-product-gallery-container
    .flexy-pills
    .ct-media-container,
[class*="ct-woocommerce"]
    .shop_table
    [class*="product-thumbnail"]
    .ct-media-container
    img,
.woocommerce-mini-cart-item .ct-media-container img,
.woocommerce-mini-cart-item .ct-media-container picture {
    border-radius: 0.5rem;
}