/*
Theme Name: TopEscortGirls Maroc Child Premium
Theme URI: https://ma.topescortegirls.com/
Description: Luxury black, gold and ruby Brikk/Routiz child theme for TopEscortGirls Maroc.
Author: TopEscortGirls
Version: 1.4.8
Template: brikk
Text Domain: topescortgirls-maroc-premium
*/

/* Main design system is loaded from assets/css/hookupsdm-premium.css */


/* TOPESCORTGIRLS MAROC V4.5.3 — MAROC CITY SEARCH / PREMIUM */
.hdm-city-search{margin:18px 0 16px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 14px 34px rgba(0,0,0,.20)}
.hdm-city-search-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.72)}
.hdm-city-flag{font-size:18px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.hdm-city-search-box{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(212,175,55,.45);border-radius:13px;background:#0a090b;box-shadow:0 0 0 1px rgba(212,175,55,.06),0 9px 26px rgba(0,0,0,.25)}
.hdm-city-search-box input{min-width:0;width:100%;height:38px;padding:0 10px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:13px;font-weight:600;box-shadow:none!important}
.hdm-city-search-box input::placeholder{color:rgba(255,255,255,.42)}
.hdm-city-search-box button{width:40px;height:38px;flex:0 0 40px;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#D4AF37,#D4AF37);color:#fff;font-size:21px;line-height:1;box-shadow:0 7px 18px rgba(212,175,55,.25);transition:transform .2s ease,box-shadow .2s ease}
.hdm-city-search-box button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,175,55,.34)}
@media(max-width:768px){.hdm-city-search{margin:14px 0}.hdm-city-search-box input{font-size:16px}}

/* TOPESCORTGIRLS MAROC V4.5.5 — PREMIUM MAROC DESTINATION SEARCH */
.hdm-destination-search-section{padding:34px 0 18px;background:#050506}
.hdm-destination-search-card{position:relative;padding:38px 40px 30px;border:1px solid rgba(212,175,55,.38);border-radius:28px;background:#0b0b0d;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hdm-destination-kicker{display:block;margin-bottom:12px;color:#D4AF37;font-size:12px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.hdm-destination-search-card h2{margin:0 0 26px;color:#f7f3ed;font-family:Georgia,serif;font-size:42px;line-height:1.05;font-weight:700}
.hdm-destination-search-wrap{position:relative;display:flex;min-height:76px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#050506;overflow:visible}
.hdm-destination-input-wrap{display:flex;align-items:center;flex:1;min-width:0;padding:0 28px}
.hdm-destination-icon{margin-right:22px;color:#D4AF37;font-size:32px;line-height:1;transform:rotate(-15deg)}
.hdm-destination-input-wrap input{width:100%;height:74px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:22px!important;font-weight:600!important;box-shadow:none!important}
.hdm-destination-input-wrap input::placeholder{color:#777!important;opacity:1}
#hdm-city-search-button{flex:0 0 260px;border:0;border-radius:0 18px 18px 0;background:#D4AF37;color:#111;font-size:16px;font-weight:950;letter-spacing:.04em;cursor:pointer}
.hdm-city-results{position:absolute;z-index:9999;top:calc(100% + 10px);left:0;right:0;max-height:330px;overflow-y:auto;padding:10px;border:1px solid rgba(212,175,55,.35);border-radius:16px;background:#0a0a0c;box-shadow:0 28px 70px rgba(0,0,0,.62)}
.hdm-city-results[hidden]{display:none!important}
.hdm-city-results a{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;color:#eee;text-decoration:none;font-size:14px;font-weight:800}
.hdm-city-results a b{margin-left:auto;color:#D4AF37}
.hdm-city-results a:hover{background:rgba(212,175,55,.12);color:#D4AF37}
.hdm-city-results a[hidden]{display:none!important}
.hdm-popular-cities{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.hdm-popular-cities>span{margin-right:4px;color:#777;font-size:14px}
.hdm-popular-cities a{padding:9px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#ddd;text-decoration:none;font-size:13px;font-weight:700;transition:.2s ease}
.hdm-popular-cities a:hover{border-color:rgba(212,175,55,.55);color:#D4AF37}
@media(max-width:768px){.hdm-destination-search-section{padding:22px 0 12px}.hdm-destination-search-card{padding:26px 18px 22px;border-radius:20px}.hdm-destination-search-card h2{font-size:31px}.hdm-destination-search-wrap{display:block;min-height:0}.hdm-destination-input-wrap{padding:0 16px}.hdm-destination-input-wrap input{height:62px!important;font-size:16px!important}.hdm-destination-icon{margin-right:12px;font-size:25px}#hdm-city-search-button{width:100%;height:56px;border-radius:0 0 17px 17px}.hdm-city-results{top:128px;max-height:280px}.hdm-popular-cities a{padding:8px 12px}}

/* V4.5.6 — TOPESCORTGIRLS MAROC BRAND COLOR FIX: GOLD -> PINK */
.hdm-v430-btn-gold{background:#D4AF37!important;color:#111!important}
.hdm-v433-brand-poster .hdm-v430-poster-top b{background:#D4AF37!important;border-color:#f3b4ca!important;color:#111!important}
#hdm-city-search-button{background:#D4AF37!important;color:#111!important}

/* TOPESCORTGIRLS MAROC V4.5.7 — PINK + WHITE CTA FIX */
.hdm-v430-btn-gold{background:#D4AF37!important;color:#fff!important;border-color:#D4AF37!important}
.hdm-v430-btn-gold:hover{color:#fff!important}
.hdm-v433-brand-poster .hdm-v430-poster-top b{background:#D4AF37!important;border-color:#f3b4ca!important;color:#fff!important}
#hdm-city-search-button{background:#D4AF37!important;color:#fff!important}
#hdm-city-search-button:hover,#hdm-city-search-button:focus{color:#fff!important}


/* TOPESCORTGIRLS MAROC — FINAL BRAND LAYER */
:root{--tegma-gold:#D4AF37;--tegma-ruby:#D4AF37;--tegma-black:#050403;--tegma-white:#fff;}
.hdm-v430-btn-gold,#hdm-city-search-button{background:var(--tegma-gold)!important;color:#090705!important;border-color:var(--tegma-gold)!important;}
.hdm-home-tier-vip{background:var(--tegma-gold)!important;border-color:#f2da79!important;color:#090705!important;}
.hdm-home-tier-premium{background:var(--tegma-ruby)!important;border-color:#db5365!important;color:#fff!important;}
.hdm-home-tier-free{background:#050505!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important;}
.hdm-card-views-corner{border-color:var(--tegma-gold)!important;}
.hdm-v431-brand img{display:block;max-width:250px;width:100%;height:auto;object-fit:contain;}
.hdm-brand-footer img{max-width:250px;}
@media(max-width:700px){.hdm-v431-brand img{max-width:190px;}}

/* TOPESCORTGIRLS MAROC v1.2 — GOLD BRAND LAYER */
.hdm-v425-header .hdm-v425-cta,
.hdm-v425-header .hdm-v425-create,
.hdm-v425-header a[href*="panel"],
.hdm-v425-header a[href*="create"]{
    background:#D4AF37!important;
    color:#050505!important;
    border-color:#D4AF37!important;
}
.hdm-v425-header a:hover{
    border-color:#D4AF37!important;
}


/* ==========================================================
   TOPESCORTGIRLS MAROC v1.3.5 — HOME PAGINATION
========================================================== */
.teg-v135-home-pagination{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:48px auto 72px;
    padding:0 16px;
}
.teg-v135-home-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    height:48px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:#080809;
    color:#fff;
    font-size:15px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    transition:.2s ease;
}
.teg-v135-home-pagination .page-numbers:hover{
    border-color:#D4AF37;
    color:#D4AF37;
}
.teg-v135-home-pagination .page-numbers.current{
    border-color:#D4AF37;
    color:#D4AF37;
    background:#0a0a0b;
    box-shadow:0 0 0 1px rgba(212,175,55,.08) inset;
}
.teg-v135-home-pagination .prev,
.teg-v135-home-pagination .next{
    min-width:auto;
    padding:0 18px;
}
@media(max-width:600px){
    .teg-v135-home-pagination{
        gap:7px;
        margin:34px auto 54px;
    }
    .teg-v135-home-pagination .page-numbers{
        min-width:42px;
        height:42px;
        padding:0 13px;
        font-size:14px;
    }
}


/* ==========================================================
   TOPESCORTGIRLS MAROC v1.3.9 — UNIVERSAL PAGINATION
   SAME UI: HOME + CITY PAGES + NOUVEAUTÉS
   ========================================================== */
.teg-global-pagination{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    margin:48px auto 72px !important;
    padding:0 16px !important;
    clear:both !important;
}
.teg-global-pagination .page-numbers{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:48px !important;
    height:48px !important;
    padding:0 16px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:12px !important;
    background:#080809 !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:border-color .2s ease,color .2s ease,background .2s ease !important;
}
.teg-global-pagination .page-numbers:hover{
    border-color:#D4AF37 !important;
    color:#D4AF37 !important;
    background:#0b0b0c !important;
}
.teg-global-pagination .page-numbers.current{
    border-color:#D4AF37 !important;
    color:#D4AF37 !important;
    background:#0a0a0b !important;
    box-shadow:0 0 0 1px rgba(212,175,55,.08) inset !important;
}
.teg-global-pagination .prev,
.teg-global-pagination .next{
    min-width:auto !important;
    padding:0 18px !important;
}
@media(max-width:600px){
    .teg-global-pagination{
        gap:7px !important;
        margin:34px auto 54px !important;
        padding:0 10px !important;
    }
    .teg-global-pagination .page-numbers{
        min-width:42px !important;
        height:42px !important;
        padding:0 13px !important;
        font-size:14px !important;
    }
}