.profile-group-artiste.group-etablissement .etab_adr,
.profile-group-artiste .etab_adr{
    display:none;
}


.shop-view .price_filter_side,
.title1_event_sect,
.title2_event_sect{
    display:none;
}


.profile-group-etablissement.group-artiste .title1_event_sect,
.profile-group-etablissement.group-etablissement .title1_event_sect,
.profile-group-artiste.group-artiste .title2_event_sect,
.profile-group-artiste.group-etablissement .title2_event_sect,
.profile-group-artiste.group-artiste.shop-view .price_filter_side,
.profile-group-artiste.group-etablissement.shop-view .price_filter_side{
    display:block !important;
}

.btn-inbox-container{
    width:auto;
}

.side_item_st {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom:0.5rem;
}

.side_item_st h4{
    color:#222;
    font-size:1rem;
}

.side_item_st:after{
    content:"";
    height:1px;
    width:100%;
    background:#e2e2e2;
}

.side_item_st:last-child:after{
    content:none;
}

.shop-view h2{
    text-align:left;
    font-weight:600;
    font-size:1.3rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.shop-view .label.label-primary {
    background: #fec5c340;
    margin-right:10px;
    border-color: transparent;
    box-shadow: rgb(254 143 135) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin-bottom: 10px;
}

.attr_lab{
    font-weight:bold;
}

.about-supplier-head{
    display:flex;
    gap:10px;
    justify-content: space-between;
}

.shop-view .btn-inbox-container a {
    background: #3f5642 !important;
    color: #FFF !important;
}

.shop-view .about-user-avatar {
    width: 3rem;
    border-radius: 50%;
    height: 3rem;
}
.shop-view .breadcrumb {
    text-align: left;
}

.shop-view a.btn.btn-inbox {
    line-height: normal;
}

.label.label-default-empt{
    background: #efefef;
    color: #bfbfbf;
    font-weight: 500;
}

.about_user_wrapper{
    display:flex;
    flex-direction: column;
    gap: 5px;
    text-align:left;
    flex:1;
}

.shop-view .page-header{
    background: url('/assets/legal-angel/img/vague-secondary.jpg') ;
}

.shop-view .page-header::before{
    opacity:0;
}

.shop-view .page-header h1{
    text-align: left;
}

.shop-view .page-header .rate .fa.fa-star-o {
    color: rgb(0 0 0);
    font-size: 1.3rem;
    margin: 0.2rem;
}

.vd-logo{
    height:100%;
    width:200px;
    max-width:200px;
    background: #FFF;
    overflow: hidden;
    padding: 0.5rem 2rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border-radius: 1rem;
}

.shop-view a.btn.btn-inbox{
        --tw-text-opacity: 1;
    color: var(--fallback-nc, rgb(var(--nc) / var(--tw-text-opacity))) !important;
    outline-color: var(--fallback-n, rgb(var(--n) / 1)) !important;
    background-color: rgb(var(--n)) !important;

}

.shop-view a.btn.btn-inbox:hover,
.shop-view a.btn.btn-inbox:focus{
    background-color:  color-mix(in oklab, rgb(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
    border-color:  color-mix(in oklab, rgb(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
    transform: var(--li-hover-raise);
    box-shadow: 0 3px 10px rgba(2, 6, 23, .08), 0 10px 24px rgba(2, 6, 23, .06);
}


.shop-view .badge.badge-gradient {
    padding: 0.5rem 1rem;
    color: #000;
    border-radius: 60px;
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    background-image: linear-gradient(to right, #fec4c7 0%, #fee140 100%);
}


.shop-view .badge.badge-primary {
    padding: 0.5rem 1rem;
    color: #000000;
    border-radius: 60px;
    background-image: linear-gradient(120deg, #e4ff00 0%, #73ffaa 100%);
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.see_all_reviews {
    margin-bottom: 0px;
}

.vd-logo img{
    object-fit: contain;
    height: 100%;
    width: 100%;
    max-width: 100%;
    object-position: center;
}

.about-user-title{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
    letter-spacing: -0.025em;
    font-weight: 700 !important;
    font-size: 1.5rem;
    line-height: 2rem;
}

.log-etab{
    width: 8rem;
    border-radius: 0.5rem;
    height: 8rem;
    /* background: #000; */
    padding: 0px 7px;
}

.log-etab img{
    object-fit:contain;
    height:100%;
    width:100%;
    display:block;
}

span.about-user-location {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-decoration: none;
}

.shop-view .cta-inbox-app {
    width: auto;
    margin-top:0;
}
.inactive_tog,
.active_tog {
    display:flex;
    flex-direction: row;
    align-items: center;
    gap:1rem;
}

.active_tog svg{
    width: auto;
    height: 30px;
    fill: #ffc6c4;
}

.inactive_tog svg {
    width: auto;
    height: 30px;
    fill: #EEE;
}

.user-main-info {
    display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#socialSectionStore{
    display:flex;
    gap: 1rem;
    justify-content: end;
    align-items: center;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

#socialSectionStore svg{
    width:25px;
    height:25px;
}

.btn.btn-inbox {
    border-color: #f2f2f2 !important;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: .75rem;
    color: #1f2937 !important;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    border-width: var(--border-btn, 1px);
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
    background-color: #f2f2f2 !important;
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    display: inline-flex;

    min-height: 2rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}

.review_item .rating_comment{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.review_item .user_img, .see_all_reviews {
    width: auto;
}

.review_item .user_comment ul{
    display:flex;
    gap: 1rem;
}

.review_item .user_img img {
    width: 3rem;
    height: 3rem;
}

.store_gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 images par ligne sur desktop */
    gap: 1rem; /* Espacement entre les images */
    margin:2rem 0;
}

.store_gallery_img_wrap {
    overflow: hidden; /* Évite tout débordement */
    border-radius: 0.5rem; /* Coins arrondis */
    display: flex;
    align-items: center;
    justify-content: center;
}

.store_gallery_img_wrap img {
    width: 100%; /* Prend toute la largeur disponible */
    height: 100%; /* Assure une hauteur uniforme */
    object-fit: cover; /* Remplit l'espace sans déformer */
    border-radius: 0.5rem; /* Arrondi aussi lâ€™image */
}

/* ðŸ“± TABLETTES : Afficher 2 images par ligne */
@media (max-width: 1440px) {
    .store_gallery {
        grid-template-columns: repeat(3, 1fr); /* 3 images par ligne */
    }
}

/* ðŸ“± TABLETTES : Afficher 2 images par ligne */
@media (max-width: 1024px) {
    .store_gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 images par ligne */
    }
}

/* ðŸ“± MOBILES : Afficher 1 image par ligne */
@media (max-width: 600px) {
    .store_gallery {
        grid-template-columns: repeat(1, 1fr); /* 1 image par ligne */
    }
}




@media(max-width:490px){
    .about-supplier-head {
        flex-direction: column;
    }
}

@media (min-width: 640px) {
    .review_item {
        display: flex;
        align-items: flex-start;
    }
}

@media(max-width:767px){
    .page-header{
        padding:0;
    }

    .page-header .container{
        width:100%;
    }
    .review_item .user_comment ul {
        gap: 0.5rem;
        flex-direction: column;
    }
    #socialSectionStore{
        justify-content: center;
    }
}
