/* 
Theme Name: LUCEA
Theme URI: https://lucea.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Le pro du Web
Author URI: https://leproduweb.fr
Template: hello-elementor
Version: 3.2.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (44 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    

.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
max-width: 1440px;
}
.entry-title {text-align: center;}

/* Menu */
.elementor-widget-container a:focus{outline-width: none!important; outline: 0px solid #fff!important;}

.mon-espace-galeries-grid{ display:flex; flex-wrap:wrap; gap:40px; }

.mon-espace-galerie-card{ width:calc(50% - 20px); background:#f5f5f5; overflow:hidden; display:flex; flex-direction:column; }

.mon-espace-galerie-image{ display:block; overflow:hidden; }

.mon-espace-galerie-image img{ width:100%; height:200px; object-fit:cover; display:block; transition:0.4s ease; }

.mon-espace-galerie-card:hover img{
    transform:scale(1.03);
}

.mon-espace-galerie-content{ padding:30px; display:flex; flex-direction:column; gap:25px; }

.mon-espace-galerie-content h3{ margin:0; font-size:20px; line-height:1.2; min-height: 48px; }

.mon-espace-galerie-button{ display:inline-flex; align-items:center; justify-content:center; width:220px; height:60px; background:#000; color:#fff; text-decoration:none; transition:0.3s ease; }

.mon-espace-galerie-button:hover{
    background:#222;
}



@media(max-width:768px){

    .mon-espace-galerie-card{ width:100%; }
    .mon-espace-galerie-image img{ height:400px; }

}



/* ===== ShutterPress Gallery Pro : correction du champ quantite ===== */
/* Le kit Elementor (.elementor-kit-12 input:not([type=button]):not([type=submit])) impose padding:16px + border:1px
   a tous les inputs, ce qui reduit a 0 la zone de texte du champ quantite (largeur 30px) : le chiffre devient invisible. */
.sp-gallery-qty input[type="number"].sp-gallery-product-qty{
    width:46px !important;
    min-width:46px !important;
    flex:0 0 auto !important;
    padding:6px 2px !important;
    border:none !important;
    border-radius:0 !important;
    background-color:#fff !important;
    color:#000 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    text-align:center !important;
    -moz-appearance:textfield;
    appearance:textfield;
}
.sp-gallery-qty input[type="number"].sp-gallery-product-qty::-webkit-outer-spin-button,
.sp-gallery-qty input[type="number"].sp-gallery-product-qty::-webkit-inner-spin-button{
    -webkit-appearance:none;
    appearance:none;
    margin:0;
}
.sp-gallery-qty .sp-gallery-qty-count{flex:0 0 auto;}
.sp-gallery-view-cart-label {color: white;}
