/* AllezGo Explorer 2027 — Listing UI
 * CSS conservé après nettoyage du Custom Code MyListing.
 * Tout le CSS ancien header, ReadyGo, blog, rôles et Explorer V86 a été supprimé.
 */

/* ==========================================================
   Carte / popup MyListing
   ========================================================== */
.infoBox.c27-listing-preview{
    overflow:hidden!important;
    background:transparent!important;
    border-radius:12px!important;
    box-shadow:0 4px 20px rgba(0,0,0,.25)!important;
}
.infoBox.c27-listing-preview .lf-item-alternate .lf-background{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center!important;
    display:block!important;
    z-index:1!important;
}
.infoBox.c27-listing-preview .lf-item-alternate>a{
    display:block!important;
    height:220px!important;
    position:relative!important;
    overflow:hidden!important;
}
.infoBox.c27-listing-preview .lf-item-info-2{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:100%!important;
    z-index:2!important;
    padding:15px!important;
    background:linear-gradient(transparent,rgba(0,0,0,.85))!important;
    box-sizing:border-box!important;
}
.infoBox.c27-listing-preview .c27-footer-section{
    position:absolute!important;
    right:12px!important;
    bottom:12px!important;
    background:transparent!important;
    border:0!important;
    z-index:3!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
}
.infoBox.c27-listing-preview .listing-preview-title,
.infoBox.c27-listing-preview .lf-item-info-2 h6,
.infoBox.c27-listing-preview .lf-contact li,
.infoBox.c27-listing-preview .c27-footer-section i{color:#fff!important}
.infoBox.c27-listing-preview .lf-contact li i{color:rgba(255,255,255,.8)!important}

/* ==========================================================
   Date picker / time picker
   ========================================================== */
.daterangepicker{
    font-family:'Segoe UI',system-ui,-apple-system,sans-serif!important;
    border:0!important;
    box-shadow:0 15px 40px rgba(0,0,0,.15)!important;
    border-radius:16px!important;
    padding:14px!important;
    width:auto!important;
    min-width:320px!important;
    background:#fff!important;
    z-index:99999!important;
    margin-top:5px!important;
}
.daterangepicker:before,.daterangepicker:after{display:none!important}
.daterangepicker .calendar-table table{
    width:auto!important;
    margin:0 auto!important;
    border-spacing:2px!important;
    border-collapse:separate!important;
}
.daterangepicker .calendar-table th{
    color:#333!important;
    font-weight:700!important;
    font-size:14px!important;
    padding:4px 0!important;
    vertical-align:middle!important;
    min-width:36px!important;
}
.monthselect{
    display:inline-block!important;
    width:auto!important;
    border-radius:6px!important;
    border:1px solid #eee!important;
    background-color:#f9fafb!important;
    font-size:14px!important;
    height:36px!important;
    padding:0 25px 0 10px!important;
    cursor:pointer!important;
    color:#333!important;
    font-weight:600!important;
    margin-right:5px!important;
    vertical-align:middle!important;
}
.year-input.ag-scroll-input{
    display:inline-block!important;
    width:70px!important;
    height:36px!important;
    font-size:14px!important;
    margin:0!important;
    vertical-align:middle!important;
}
.daterangepicker td{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    line-height:36px!important;
    font-size:13.5px!important;
    vertical-align:middle!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid transparent!important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.start-date,
.daterangepicker td.end-date{
    background-color:#f04c58!important;
    color:#fff!important;
    border-radius:50%!important;
    font-weight:700!important;
    box-shadow:0 3px 8px rgba(240,76,88,.3)!important;
}
.daterangepicker td.in-range:not(.start-date):not(.end-date){
    background-color:#fff0f5!important;
    color:#f04c58!important;
    border-radius:0!important;
}
.daterangepicker td.off{color:#ccc!important;opacity:.5!important}
.calendar-time{
    margin:10px 0 0!important;
    background:#f9f9f9!important;
    padding:10px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
}
.ag-scroll-input{
    background-color:#fff!important;
    border:1px solid #e1e1e1!important;
    border-radius:8px!important;
    padding:0 4px!important;
    height:40px!important;
    width:60px!important;
    font-size:16px!important;
    font-weight:700!important;
    color:#333!important;
    text-align:center!important;
}
.ag-scroll-input:hover{border-color:#f04c58!important}
.ag-scroll-input::-webkit-outer-spin-button,
.ag-scroll-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.drp-buttons{
    border-top:1px solid #eee!important;
    margin-top:10px!important;
    padding-top:10px!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
}
.drp-selected{font-weight:500!important;color:#999!important;font-size:12px!important}
.applyBtn{
    background-color:#f04c58!important;
    border:1px solid #f04c58!important;
    border-radius:50px!important;
    padding:8px 24px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    font-size:12px!important;
    box-shadow:0 3px 8px rgba(240,76,88,.3)!important;
    color:#fff!important;
}
.applyBtn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(240,76,88,.4)!important}
.cancelBtn{font-size:13px!important;font-weight:600!important;color:#888!important;background:transparent!important}
.cancelBtn:hover{color:#333!important;text-decoration:underline!important}

/* ==========================================================
   Select2 + catégories Add Listing
   ========================================================== */
.select2-dropdown{
    border:1px solid #e5e5e5!important;
    border-radius:12px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.1)!important;
    overflow:hidden!important;
    z-index:9999!important;
    margin-top:5px!important;
}
.select2-results__option{
    padding:10px 15px!important;
    font-size:14px!important;
    color:#555!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#FF4365!important;
    color:#fff!important;
}
body.add-listing-form .agx27-category-options{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:4px 10px;
    max-height:none!important;
}
body.add-listing-form .agx27-category-options .agx27-category-message{
    grid-column:1 / -1;
}
.agx27-category-icon{
    display:inline-block;
    width:22px;
    text-align:center;
    margin-right:8px;
}

/* ==========================================================
   Formulaire
   ========================================================== */
.field input.input-text{
    padding:10px 15px!important;
    width:100%;
    box-sizing:border-box;
    min-height:45px;
    border:1px solid #e1e1e1;
    border-radius:5px;
}
#job_website{padding-left:15px!important}
.field:hover,.form-group:hover{
    z-index:99999!important;
    position:relative!important;
}
.fieldset-code_promo,.fieldset-offre_speciale{z-index:1!important}
.checklist-wrapper.checklist-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1.5rem;
    margin:2rem 0;
}
.checklist-col{background:#fafafa;padding:1rem;border-radius:8px;position:relative}
.checklist-title{
    font-weight:600;
    margin:0 0 .75rem;
    font-size:13px;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding-left:.5rem;
    border-left:4px solid transparent;
}
.checklist-col:nth-child(1) .checklist-title{color:#2e7d32;border-left-color:#a5d6a7}
.checklist-col:nth-child(2) .checklist-title{color:#1565c0;border-left-color:#90caf9}
.checklist-col:nth-child(3) .checklist-title{color:#f57f17;border-left-color:#ffe082}
.checklist-col:nth-child(4) .checklist-title{color:#c2185b;border-left-color:#f8bbd0}
.checklist-groupe{list-style:none;margin:0;padding:0}
.checklist-groupe .c27-term{margin:.35rem 0}

/* ==========================================================
   Cartes MyListing / anti-clignotement
   ========================================================== */
body .lf-item-container{
    -webkit-font-smoothing:antialiased!important;
    overflow:hidden!important;
    -webkit-mask-image:-webkit-radial-gradient(white,black)!important;
    border-radius:20px!important;
    border:0!important;
    background:#fff!important;
    box-shadow:0 10px 25px -5px rgba(0,0,0,.08)!important;
    transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;
}
body .lf-item-container:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 30px -10px rgba(227,138,154,.4)!important;
}
body .lf-item-container .lf-background{
    transition:transform .5s ease;
    will-change:transform!important;
}
body .lf-item-container:hover .lf-background{transform:scale(1.05)}
body .lf-item-container .lf-item-info-2{
    width:calc(100% + 4px)!important;
    margin-left:-2px!important;
    background-color:#fff!important;
    backface-visibility:hidden!important;
}
body .lf-item-container .listing-details.c27-footer-section{
    border-top:1px solid #f5f5f5!important;
    background:#fff!important;
    position:relative!important;
    z-index:5!important;
    margin-top:-1px!important;
    width:calc(100% + 4px)!important;
    margin-left:-2px!important;
    padding:12px 0!important;
    box-shadow:0 -2px 0 0 #fff,0 10px 25px rgba(0,0,0,.06)!important;
}
.lf-head-btn{
    height:auto;
    padding:5px 10px;
    background-color:rgba(0,0,0,.4);
    overflow:hidden;
    max-width:35ch;
    white-space:nowrap;
}
.lf-item-container .listing-details.c27-footer-section .ld-info ul{
    display:flex!important;
    justify-content:center!important;
    gap:30px!important;
}
.lf-item-container .listing-details.c27-footer-section li{
    border:0!important;
    margin:0!important;
    padding:0!important;
}
.lf-item-container .listing-details.c27-footer-section li a{
    width:40px!important;
    height:40px!important;
    background-color:#f7f8fa!important;
    color:#94a3b8!important;
    border-radius:50%!important;
    border:1px solid transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;
}
.lf-item-container .listing-details.c27-footer-section li a i{font-size:20px!important}
.lf-item-container .listing-details.c27-footer-section li a:hover{
    background-color:#FF4365!important;
    color:#fff!important;
    transform:translateY(-3px) scale(1.1);
    box-shadow:0 5px 15px rgba(255,67,101,.3)!important;
}
.lf-item-container .c27-bookmark-button.bookmarked{
    background-color:#fff0f5!important;
    color:#FF4365!important;
    border:1px solid rgba(255,67,101,.1)!important;
}
.lf-item-container .c27-bookmark-button.bookmarked:hover{
    background-color:#FF4365!important;
    color:#fff!important;
}

/* Quick actions single listing */
.quick-listing-actions ul.cts-carousel{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    padding:20px 0;
}
.quick-listing-actions ul li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 25px;
    border-radius:50px;
    border:0!important;
    box-shadow:0 5px 15px rgba(0,0,0,.05),inset 0 0 0 1px #eee!important;
    background:#fff;
    color:#555;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:.5px;
    overflow:hidden;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(.175,.885,.32,1.275);
}
.quick-listing-actions ul li a i,
.quick-listing-actions ul li a span{color:#FF4365;transition:color .3s ease;position:relative;z-index:2}
.quick-listing-actions ul li a i{font-size:16px;margin-right:8px}
.quick-listing-actions ul li a:hover{
    background:linear-gradient(135deg,#FFC371 0%,#FF5F6D 100%);
    transform:translateY(-5px);
    box-shadow:0 15px 30px -10px rgba(255,95,109,.6)!important;
}
.quick-listing-actions ul li a:hover i,
.quick-listing-actions ul li a:hover span{color:#fff!important}
.quick-listing-actions ul li a.bookmarked{
    background:#Fceef2;
    box-shadow:inset 0 0 0 1px #FF4365!important;
}
.quick-listing-actions ul li a.bookmarked i,
.quick-listing-actions ul li a.bookmarked span{color:#FF4365!important}
@media(max-width:768px){
    .quick-listing-actions ul.cts-carousel{
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        justify-content:flex-start!important;
        gap:10px!important;
        padding:5px 15px 15px 5px!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .quick-listing-actions ul.cts-carousel::-webkit-scrollbar{display:none}
    .quick-listing-actions ul li a{
        padding:8px 15px!important;
        font-size:12px!important;
        white-space:nowrap!important;
        flex-shrink:0!important;
        width:auto!important;
    }
}

/* ==========================================================
   Listings mis en avant
   ========================================================== */
.lf-item-container.level-featured,
.lf-item-container.level-promoted{
    transform:scale(1.02)!important;
    transition:all .3s cubic-bezier(.25,.8,.25,1)!important;
    z-index:10;
    position:relative;
    border-radius:12px!important;
}
.lf-item-container.level-featured:hover,
.lf-item-container.level-promoted:hover{
    transform:scale(1.04)!important;
    z-index:20;
}
.lf-item-container.level-featured{
    box-shadow:0 6px 15px rgba(255,67,101,.15)!important;
}
.level-featured .ad-badge{
    border:2px solid #FF4365!important;
    background:rgba(255,67,101,.15)!important;
}
.level-featured .ad-badge i.icon-flash{
    color:#FF4365!important;
    animation:agx27BoltPulse 2s infinite!important;
}
.lf-item-container.level-promoted{
    box-shadow:0 8px 20px rgba(255,184,0,.25)!important;
}
.level-promoted .ad-badge{
    border:2px solid #FFBC00!important;
    background:rgba(255,188,0,.15)!important;
}
.level-promoted .ad-badge i.icon-flash{
    color:#FFBC00!important;
    animation:agx27BoltPulse 1.5s infinite!important;
}
.lf-head-btn.ad-badge{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    overflow:hidden!important;
}
.lf-head-btn.ad-badge i.icon-flash{
    font-size:16px!important;
    display:block!important;
    line-height:1!important;
    transform:translateY(-1.5px)!important;
}
.tooltip-element{position:relative!important;overflow:visible!important}
@keyframes agx27BoltPulse{
    0%{transform:translateY(-1.5px) scale(1)}
    50%{transform:translateY(-1.5px) scale(1.25)}
    100%{transform:translateY(-1.5px) scale(1)}
}
.listing-preview-title img.verified-listing{
    height:16px!important;
    width:16px!important;
    margin-left:6px!important;
    vertical-align:middle!important;
}

/* ==========================================================
   Newsletter provisoire
   ========================================================== */
.ag-newsletter-shell{
    max-width:1200px;
    margin:32px auto!important;
    padding:0 20px;
}
.ag-newsletter-relocated{visibility:visible!important}

/* ==========================================================
   Offre privilège / code promo
   ========================================================== */
.allezgo-gated-code.js-processed{
    position:relative;
    overflow:visible;
}
.allezgo-inner-content{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.allezgo-custom-title{
    font-weight:800;
    color:#1f2430;
}
.allezgo-offer-text{
    margin:0;
    color:#666;
}
.allezgo-code-blur{
    display:inline-block;
    width:max-content;
    max-width:100%;
    filter:blur(5px);
    user-select:none;
    transition:.25s ease;
    font-weight:800;
    letter-spacing:.08em;
}
.is-revealed .allezgo-code-blur{
    filter:blur(0);
    user-select:text;
}
.btn-reveal-code{
    margin-top:12px;
    border:1px solid #ffd3dc;
    background:#fff5f7;
    color:#d83b59;
    border-radius:999px;
    padding:9px 16px;
    font-weight:750;
    cursor:pointer;
}
.btn-reveal-code:hover{background:#ffe8ed}

.agx40-field-note{
    color:#9BA3AE;
    font-size:10px;
    font-weight:500;
    text-transform:none;
    letter-spacing:0;
}