/*
Theme Name: Escort Child
Template: ES10
Version: 1.0.0
*/

.ppt-home .home-zone { padding: 24px 0; }

.ppt-home .home-hero { padding: 32px 0 16px; }
.ppt-home .home-cats { padding: 16px 0; }
.ppt-home .home-online { padding: 12px 0 24px; }

.ppt-home .online-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-radius:12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}
.ppt-home .online-left{ display:flex; align-items:center; gap:12px; }
.ppt-home .dot{
    width:18px; height:18px; border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 6px rgba(34,197,94,.15);
}

.home-hero {
    background-color: #1a1a1a;
    border-radius: .25rem;
    padding: 70px;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.home .home-hero {
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home .home-hero .btn {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 50px;
}

.home .btn-primary {
    padding: 5px 50px;
}
.cats-grid  {
    gap: 30px;
}

.fw-bold {
    font-weight: bold;
}

.page.page-id-8 .row > .col-lg-9 {
    width: 100%;
    flex: 100%;
    max-width: 100%;
}

.page.page-id-8 .col-md-4.col-lg-3.pr-md-4.ppt-customsidebar.hide-ipad.hide-mobile {
    display: none;
}

.boutons-blog {
    gap: 30px;
}

.btn-primary a, .btn-primary a:hover {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.ppt_audio_art {
    display: none;
}

.tax-listing .filterboxWrap-mobile {
    display: none;
}

/* Masquer les profils hors ligne */
.listing-offline {
    opacity: 0.5;
}

/* Afficher un badge rouge pour hors ligne */
.listing-offline .text-online {
    display: none;
}

li.input.li-data-n°.de.téléphone span + span {
    font-weight: bold;
}

.filterboxWrap-mobile .filterboxWrap.pb-4 {
    display: none;
}

span.toggle-me.toggle-morefilters-wrap.on {
    display: none;
}

#search-toggle-bar {
    opacity: 0;
    height: 1px;
    margin-bottom: 40px;
}

.text-online {
    color: #34c434;
    font-size: 35px;
    vertical-align: middle;
    animation: blink 1s step-start infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}