/* ===================== ROOT COLORS ===================== */

:root {
    --bg: #2A0F25;          /* Main background */
    --panel: #34132D;       /* Card / Section panel */
    --muted: #C7AFC2;       /* Light text for descriptions */
    --accent: #FF0059;      /* Primary highlight (buttons, links) */
    --accent-hover: #E30050;/* Accent hover */
    --heading: #FFE7F4;     /* Headings (soft pinkish white) */
    --text: #FFFFFF;        /* Main text */
    --footer: #1C0A18;      /* Footer dark plum */
    --black: #121212;      /* Footer dark plum */
}

body{background:var(--bg);color:#e6e6e6;font-family:"Segoe UI",Arial}
a{text-decoration:none}
.container{max-width:1100px}
.container-custom{max-width:1100px;margin:0 auto;padding:0 12px}
.header-main{background:var(--bg);padding:15px 0 0}
.logo{width:260px;display:block}
.country-name{font-size:16px;margin:-3px 0 0 4px;color:var(--text)}
.nav-menu a,.user-toggle{color:#fff;margin-right:16px;background:0 0;border:none;font-weight:500}
.btn-post-ad{background:var(--accent);color:#fff;font-weight:700;border-radius:6px;padding:8px 18px;border:none}
.user-dropdown .dropdown-menu{background:#2d2d31}
.user-dropdown .dropdown-menu .dropdown-item{color:#fff}
@media(max-width:576px){
.logo{width:200px}
.country-name{font-size:13px;margin-top:-4px}
.mobile-toggle{border:none;background:0 0;position:absolute;top:12px;right:12px;padding:0}
.mobile-toggle i{font-size:26px;color:#fff}
.post-ad-mobile{position:absolute;top:10px;right:65px;width:70px;white-space:normal;line-height:14px;font-size:11px;padding:6px;text-align:center}
}
.mobile-menu{position:fixed;top:0;right:0;width:84%;height:100vh;background:#1f1f21;padding-top:65px;display:none;z-index:999}
.mobile-menu.open{display:block}
.close-mobile{position:absolute;top:18px;left:18px;font-size:26px;background:0 0;border:none;color:#fff}
.menu-post-btn{width:90%;margin:35px auto 20px;display:block;padding:12px;font-size:17px}
.mobile-menu a{display:block;color:#fff;padding:12px 24px;font-size:17px}
.user-dropdown .dropdown-menu .dropdown-item:hover{color:var(--accent);background-color:transparent}

#privacy_cookie{display:none!important;position:fixed;bottom:0;left:0;right:0;z-index:99999}
#privacy_cookie.show{display:block!important}
.cookie-box{width:100%;background:#121212;padding:14px 0;text-align:center}
.cookie-inner{margin:10px auto;max-width:900px}
.cookie-text{color:#ccc;font-size:14px}
.cookie-buttons{margin-top:10px}
.btn-cookie{background-color:#ff0079;color:#fff;border:none;padding:6px 20px;margin:0 5px;font-size:14px;border-radius:4px;cursor:pointer;transition:.2s}
.btn-cookie:hover{opacity:.8}



.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}




.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:15px;align-items:center}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li a{font-size: 14px; color:#fff;text-decoration:none;font-weight:400;transition:color .2s ease-in-out}
.breadcrumb li a:hover{ color:var(--accent); }
/*.breadcrumb li.current a{color:#fff;font-weight:600}*/
.breadcrumb .separator{margin:0 8px;color:#fff;font-size:12px}
.breadcrumb i.fa-home{margin-right:6px;color:#fff}
.breadcrumb-heading{font-size:16px;font-weight:600;color:#000;margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767.98px){
.breadcrumb-heading{font-size:15px;margin-top:10px}
}

.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:20px 0;list-style:none;margin:30px 0 10px 0}
.pagination .page-item{border:none}
.pagination .page-link{display:inline-flex;justify-content:center;align-items:center;padding:8px 12px;border:1px solid #666;border-radius:6px;color:#333;text-decoration:none;background:#fff;transition:background .2s,border-color .2s;font-size:14px}
.pagination .page-link:hover{border-color:#5f2dbe;color:#5f2dbe;background:#f9f9f9}
.pagination .active .page-link{background:#5f2dbe;border-color:#5f2dbe;color:#fff;cursor:default;font-weight:600}
.pagination .disabled .page-link{opacity:.4;pointer-events:none;border-color:#ddd;color:#aaa;background:#f9f9f9}

/* ================= FOOTER ================= */
.footer-area{background:var(--footer);padding:45px 0 25px;text-align:center;color:#c7c7c7}
.footer-area p{font-size:12.5px;max-width:900px;margin:0 auto 18px;letter-spacing:1px}
.footer-area .logo{width:250px;margin:auto}
.footer-area .country-name{margin:6px auto 0;color:#fff;font-size:17px;max-width:200px;text-align:center}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:15px}
.footer-links a{color:#c7c7c7;text-decoration:none;padding:12px 18px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
.footer-links a:hover{color:var(--accent)}
.footer-small-icon img{width:55px;margin-top:15px}
#navbar_footer{background:var(--footer);padding:0 0 30px}
#navbar_footer .btn-post{background:var(--accent);color:#fff;border:none;padding:14px 40px;min-height:48px;font-weight:700;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
#select_country{background:var(--bg);border:1px solid var(--accent);padding:12px 16px;color:var(--accent);border-radius:6px;min-width:300px;min-height:48px}
#select_country option{color:var(--accent)}
.footer-copy{text-align:center;color:#c7c7c7;font-size:12px;padding:12px 0 25px;background:var(--footer)}
@media(max-width:576px){
.footer-area .logo{width:200px}
.footer-links a{color:#c7c7c7;text-decoration:none;padding:7px 12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
#navbar_footer .container-custom{padding-left:15px;padding-right:15px}
#navbar_footer .btn-post,#select_country{width:100%}
}
.cookie-box{padding:16px}
.cookie-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn-cookie{min-height:48px;padding:12px 22px;font-size:16px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}
.age-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);z-index:9997;display:none;pointer-events:none}
.age-modal{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);z-index:9998;display:none;pointer-events:auto}
.age-modal-content{max-width:550px;background-color:var(--footer);border:1px solid #000;border-radius:6px;text-align:center;color:#fff;pointer-events:auto}
.modal-header-default{background-color:var(--footer);border-bottom:1px solid var(--accent);color:#fff}
.age-title{font-size:34px;margin-bottom:20px;text-align:left;padding:20px;line-height:41px}
.modal-body1{padding:20px;background-color:var(--footer)}
.age-points li{text-align:left;margin-bottom:10px;font-size:19px}
.age-points li a{color:var(--accent);padding:6px 4px;display:inline-block}
.age-btn{width:100%;min-height:48px;padding:16px;border-radius:5px;margin-top:12px;font-weight:700;border:none;cursor:pointer;color:#fff;font-size:17px}
.age-btn.accept{background-color:#08b78e}
.age-btn.refuse{background:#ff3269}