/* ============================================================
OSCLASS — MODERN REDESIGN (BLUE)
Brand Palette:
Deep Navy : #0b2b56
Brand Blue : #1266cb
Accent Dark : #0b2b56
============================================================ */
/* ── CSS CUSTOM PROPERTIES ─────────────────────────────────── */
:root {
--clr-plum: #0b2b56;
--clr-plum-light: #113a71;
--clr-plum-mid: #16478a;
--clr-orange: #1266cb;
--clr-orange-lt: #2b7de0;
--clr-orange-glow: rgba(18,102,203,.18);
--clr-bg: #f4f7fb;
--clr-bg-card: #ffffff;
--clr-text: #10233c;
--clr-muted: #5b6b80;
--clr-border: rgba(11,43,86,.12);
--clr-border-lt: rgba(11,43,86,.06);
--shadow-xs : 0 1px 3px rgba(11,43,86,.08);
--shadow-sm : 0 2px 8px rgba(11,43,86,.10), 0 1px 2px rgba(11,43,86,.06);
--shadow-md : 0 4px 20px rgba(11,43,86,.12), 0 2px 6px rgba(11,43,86,.08);
--shadow-lg : 0 8px 32px rgba(11,43,86,.16), 0 4px 12px rgba(11,43,86,.10);
--shadow-xl : 0 16px 48px rgba(11,43,86,.22), 0 6px 18px rgba(11,43,86,.12);
--shadow-orange: 0 4px 24px rgba(18,102,203,.30);
--radius-sm : 6px;
--radius-md : 10px;
--radius-lg : 16px;
--radius-xl : 24px;
--radius-pill: 100px;
--transition: 0.22s cubic-bezier(.4,0,.2,1);
--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* ── RESET (preserve Osclass originals, enhance) ──────────── */
fieldset{border:none;display:inline-block;padding:0;margin:0;width:100%;}
html,input,select,textarea,button{font-family:var(--font-sans);}
div{margin:0;padding:0;}
html{color:var(--clr-text);box-sizing:border-box;font-size:14px;line-height:18px;cursor:default;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;}
*,*:before,*:after{box-sizing:inherit}
body{display:block;margin:0;font-weight:normal;width:100%;background:var(--clr-bg);}
p,ol,ul{display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}
ol,ul{list-style:none}
img{max-width:100%;width:auto;height:auto}
body,html{direction:ltr;}
/* ── TYPOGRAPHY ────────────────────────────────────────────── */
h1,h2,h3,h4,h5{display:inline-block;margin:0;padding:0;font-weight:normal;width:100%;}
h1,h2.h1{font-size:40px;line-height:46px;color:var(--clr-plum);margin:10px 0 15px 0;font-family:var(--font-serif);font-weight:700;letter-spacing:-0.5px;}
h2,h3.h2{font-size:24px;line-height:30px;margin:10px 0 20px 0;font-weight:700;color:var(--clr-plum);}
h3{font-size:20px;line-height:26px;font-weight:700;color:var(--clr-plum);}
h4{font-size:18px;line-height:24px;font-weight:700;}
a{color:var(--clr-orange);text-decoration:none;transition:color var(--transition);}
a:hover{color:var(--clr-orange-lt);}
/* ── BODY BACKGROUND & TEXTURE ─────────────────────────────── */
body{
background:var(--clr-bg);
background-image:
radial-gradient(ellipse 80% 40% at 50% 0%, rgba(11,43,86,.06) 0%, transparent 70%);
font-size:15px;line-height:22px;display:block;float:left;width:100%;
}
/* ── HEADER ─────────────────────────────────────────────────── */
header{
background: linear-gradient(135deg, var(--clr-plum) 0%, var(--clr-plum-mid) 60%, #1d5cb3 100%);
box-shadow: var(--shadow-lg);
width:100%;height:auto;display:block;position:relative;
margin:0;padding:0 15px;
border-bottom: 2px solid rgba(18,102,203,.4);
}
body.osc-has-admin-header header{margin-top:0;}
body.home header,
body.home section.home-search,
body.home section.header-ad{background:linear-gradient(135deg,var(--clr-plum) 0%,var(--clr-plum-mid) 100%);}
body.home section.home-search{padding-top:0;padding-bottom:0;}
body:not(.home) header{border-bottom:2px solid rgba(18,102,203,.35);}
header .wrapper{position:relative;}
header #logo{color:#fff;font-family:var(--font-sans);border:none;font-size:20px;line-height:22px;float:left;}
header #logo a{font-weight:800;text-decoration:none;color:#fff;display:inline-block;letter-spacing:-0.3px;
text-shadow: 0 2px 8px rgba(0,0,0,.3);}
header #logo img{display:inline-block;height:55px;width:auto;margin:5px 0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
/* NAV */
header .nav{float:right;height:65px;}
header .nav a{
font-weight:700;font-size:15px;line-height:25px;
margin:14px 0 14px 4px;height:37px;padding:6px 14px;
border:1.5px solid rgba(255,255,255,.18);float:left;
transition:all var(--transition);border-radius:var(--radius-pill);
color:rgba(255,255,255,.88);
backdrop-filter:blur(8px);
}
header .nav a:hover{
border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12);
color:#fff;text-decoration:none;
box-shadow:0 2px 12px rgba(0,0,0,.2);
}
header .nav a.publish{
background:linear-gradient(135deg,var(--clr-orange) 0%,var(--clr-orange-lt) 100%);
border-color:var(--clr-orange);color:#fff;
box-shadow:var(--shadow-orange);
}
header .nav a.publish:hover{
box-shadow:0 6px 28px rgba(18,102,203,.45);
transform:translateY(-1px);
}
header .nav a.my-account{
float:left;margin:14px 4px 14px 8px;padding:5px 12px 2px 44px;height:37px;
position:relative;display:flex;flex-direction:column;align-items:flex-start;
}
header .nav .my-account > img{position:absolute;top:2px;left:4px;width:30px;height:30px;object-fit:cover;border-radius:var(--radius-pill);border:2px solid rgba(255,255,255,.35);}
header .nav .my-account > strong{font-size:14px;line-height:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
header .nav .my-account > span{font-size:11px;line-height:10px;color:rgba(255,255,255,.6);font-weight:normal;}
header .nav a.logout2{border:none;color:rgba(255,255,255,.5);font-size:20px;padding:7px 0;width:36px;text-align:center;border-radius:var(--radius-sm);margin-left:4px;}
header .nav a.logout2:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);border:none;}
header,footer,section,body>.widget{float:left;clear:both;width:100%;padding-left:15px;padding-right:15px;}
body>.widget{text-align:center;}
/* ── FOOTER (soft blue tint, brand palette) ─────────────────── */
footer{
padding:0;
background:#e9f1fa;
border-top:1px solid #d5e3f4;
box-shadow:none;
}
/* 4-column footer grid */
footer .footer-inner{
max-width:1040px;margin:0 auto;
padding:40px 20px 0 20px;
}
footer .footer-cols{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1fr;
gap:2rem;
}
footer .footer-col-brand .brand-name{
font-size:18px;font-weight:800;color:var(--clr-plum);
margin:0 0 8px 0;display:block;letter-spacing:-0.3px;
}
footer .footer-col-brand .brand-desc{
font-size:13px;line-height:1.65;
color:var(--clr-muted);margin:0;display:block;
}
footer .footer-col h4{
font-size:11px;font-weight:700;
text-transform:uppercase;letter-spacing:.08em;
color:#4a608a;
margin:0 0 12px 0;display:block;width:100%;
}
footer .footer-col a{
display:block;color:#2e4767;
font-size:14px;font-weight:500;
text-decoration:none;margin-bottom:7px;
line-height:1.4;
transition:color var(--transition);
}
footer .footer-col a:hover{color:var(--clr-orange);}
/* bottom bar */
footer .footer-bottom{
border-top:1px solid #d5e3f4;
margin-top:32px;padding:14px 0 18px 0;
display:flex;align-items:center;
justify-content:space-between;flex-wrap:wrap;gap:.75rem;
}
footer .copy{
font-size:12px;color:var(--clr-muted);
line-height:20px;margin:0;float:none;width:auto;
}
footer .copy a{color:var(--clr-muted);text-decoration:none;}
footer .copy a:hover{color:var(--clr-orange);}
footer .language{
display:flex;gap:6px;flex-wrap:wrap;
float:none;clear:none;margin:0;width:auto;
}
footer .language a{
display:inline-block;font-size:12px;font-weight:500;
padding:3px 10px;border-radius:var(--radius-pill);
border:1px solid #c6d9ef;
color:#4a608a;margin:0;
transition:all var(--transition);
}
footer .language a:hover{background:#fff;color:var(--clr-plum);}
footer .language a.active{background:rgba(18,102,203,.1);border-color:var(--clr-orange);color:var(--clr-orange);font-weight:700;}
/* subdomains inside footer */
footer #subdomains-list{margin:15px 0;justify-content:flex-start;}
footer #subdomains-list a{max-width:25%;font-size:14px;margin:0 0 8px 0;color:#2e4767;}
footer #subdomains-list a:hover{color:var(--clr-orange);}
/* ── SECTION / MAIN LAYOUT ──────────────────────────────────── */
section{padding-top:24px;padding-bottom:54px;}
body.page section{min-height:520px;}
body.user>section{min-height:520px;}
body.login>section,body.register>section,body.recover>section,body.contact>section{
background:linear-gradient(160deg,rgba(11,43,86,.04) 0%,transparent 60%);min-height:520px;
}
body.item-post>section{background:var(--clr-bg);}
/* ── WRAPPER ────────────────────────────────────────────────── */
.wrapper{width:980px;margin-left:auto;margin-right:auto;}
.wrapper>.box{float:left;clear:both;width:100%;}
.wrapper:empty{display:none;}
.wrapper-flash{margin-bottom:20px;font-weight:bold;}
#responsive-trigger{display:none;}
/* ── SIDEBAR ────────────────────────────────────────────────── */
#sidebar{width:300px;float:right;}
#sidebar .filters{
float:left;clear:both;width:100%;
background:#fff;
border:1.5px solid var(--clr-border);
border-radius:var(--radius-lg);
box-shadow:var(--shadow-md);
padding:18px 16px;margin:0 0 18px 0;
transition:box-shadow var(--transition);
}
#sidebar .filters:hover{box-shadow:var(--shadow-lg);}
#sidebar .filters .row{width:100%;display:inline-block;}
#sidebar input[type="text"],#sidebar input[type="date"],#sidebar input[type="number"],#sidebar select{
height:42px;padding:8px 10px;width:100%;margin:0;
border-radius:var(--radius-sm);
border:1.5px solid var(--clr-border);
background:#fff;
transition:border-color var(--transition),box-shadow var(--transition);
}
#sidebar input:focus,#sidebar select:focus{border-color:var(--clr-orange);box-shadow:0 0 0 3px var(--clr-orange-glow);outline:none;}
#sidebar button,#sidebar .btn{min-height:40px;padding:9px 22px;font-size:15px;width:auto;}
#sidebar .btn.lgn{margin-top:8px;}
#sidebar #contact p{margin:0 0 5px 0;}
#sidebar #contact p.bld{font-weight:700;}
#sidebar #contact p>span{font-weight:normal;}
#sidebar #contact p.problem{margin-top:15px;}
#sidebar #contact p.user-img img{max-width:100%;width:128px;margin-bottom:5px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
#sidebar h3{margin:0 0 6px 0;font-size:13px;line-height:16px;text-transform:uppercase;letter-spacing:.6px;color:var(--clr-muted);}
#sidebar fieldset{padding:0;margin:0 0 20px 0;border:none;}
#sidebar fieldset.cats{margin-bottom:0;}
ul.sidebar-list,ul.user_menu{padding:0;margin:0;list-style:none;}
body.user #sidebar{padding:22px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
ul.sidebar-list li,ul.user_menu li{padding:3px 0;line-height:1.15em;}
ul.user_menu li{margin:0 0 10px 0;}
#sidebar .two_input input{width:70px;}
#sidebar .actions{padding:0;margin:0 0 15px 0;float:left;clear:both;width:100%;}
#sidebar .actions:empty{display:none;}
#sidebar .plugin-hooks{padding:0;margin:0 0 20px 0;float:left;clear:both;width:100%;}
#sidebar .plugin-hooks:empty{display:none;}
#sidebar .plugin-hooks>.div:first-child,#sidebar .plugin-hooks>span:first-child{margin-top:0;}
#sidebar .plugin-hooks>.div:last-child,#sidebar .plugin-hooks>span:last-child{margin-bottom:0;}
#sidebar .plugin-hooks h6{margin:0 0 4px 0;color:var(--clr-plum);font-size:13px;line-height:16px;font-weight:700;}
#sidebar .plugin-hooks .row{margin-bottom:16px;}
#sidebar .plugin-hooks .row.checkboxes{margin-bottom:5px;}
#sidebar .plugin-hooks .row.radio label{padding:0;margin:1px 0;font-weight:normal;font-size:14px;display:flex;align-items:center;}
#sidebar .plugin-hooks .row.radio label input{margin:0 4px 0 0;width:14px;height:14px;max-width:14px;max-height:14px;}
#sidebar .plugin-hooks>:last-child{margin-bottom:0;}
#sidebar .plugin-hooks>*>:last-child{margin-bottom:0;}
#sidebar .select-box{width:100%;}
#sidebar a{text-decoration:none;}
#sidebar a:hover{text-decoration:underline;}
#sidebar .price{
padding:12px 8px;font-weight:800;float:left;width:100%;margin:0 0 14px 0;
color:var(--clr-plum);font-size:42px;line-height:48px;text-align:right;
text-shadow:none;letter-spacing:-1px;
}
#sidebar .g-recaptcha{transform:scale(0.86);transform-origin:0 0;}
/* ── BUTTONS ─────────────────────────────────────────────────── */
.btn,button,input[type="submit"],input[type="button"]{
display:inline-block;font-weight:700;font-size:15px;line-height:20px;
padding:10px 22px;border-radius:var(--radius-pill);
background:linear-gradient(135deg,var(--clr-orange) 0%,var(--clr-orange-lt) 100%);
color:#fff;border:none;cursor:pointer;
box-shadow:0 2px 12px rgba(18,102,203,.25);
transition:all var(--transition);
letter-spacing:.2px;
}
.btn:hover,button:hover,input[type="submit"]:hover{
background:linear-gradient(135deg,var(--clr-orange-lt) 0%,#3d8ce6 100%);
box-shadow:var(--shadow-orange);transform:translateY(-1px);color:#fff;
}
.btn:active,button:active{transform:translateY(0);}
/* Lightweight variant — used for toggle-style buttons (mobile "Show
filters"/"Display menu") that sit inline among white bordered pills
like .see_by; without this they fell back to the same heavy primary
gradient as Publish/Search and looked out of place next to them. */
.btn-secondary{
background:#fff;color:var(--clr-plum);
border:1.5px solid var(--clr-border);
box-shadow:var(--shadow-xs);
}
.btn-secondary:hover{
background:linear-gradient(135deg,var(--clr-orange) 0%,var(--clr-orange-lt) 100%);
color:#fff;border-color:transparent;
box-shadow:var(--shadow-orange);
}
.btn.see_by{
float:right;white-space:nowrap;outline:0;display:block;position:relative;
font-size:14px;line-height:18px;font-weight:600;padding:10px 14px;height:42px;
background:#fff;color:var(--clr-plum);border:1.5px solid var(--clr-border);
box-shadow:var(--shadow-xs);border-radius:var(--radius-md);
}
.btn.see_by:hover{border-color:var(--clr-orange);color:var(--clr-orange);}
.btn.see_by:hover label i:before{content:"\f106";}
.see_by span{float:left;margin-right:3px;}
.see_by label{float:left;margin:0;padding:0;clear:none;width:auto;font-weight:700;font-size:14px;}
.see_by label i{margin-left:3px;margin-right:-2px;}
.see_by ul{
position:absolute;top:42px;right:-2px;margin:0;padding:10px 8px;list-style:none;
display:none;width:auto;min-width:calc(100% + 4px);text-align:left;
background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);
border:1.5px solid var(--clr-border);
z-index:40;
}
.see_by ul a{font-size:15px;font-weight:normal;color:var(--clr-text);padding:6px 8px;margin:0 0 2px 0;float:left;clear:both;border-radius:var(--radius-sm);width:100%;}
.see_by ul a:hover{background:var(--clr-bg);color:var(--clr-plum);}
.see_by .arrow-up,.see_by .arrow-down,.see_by .arrow-right,.see_by .arrow-left{position:absolute;right:6px;top:11px;}
.hover ul{display:block;}
.doublebutton{float:right;margin-right:10px;}
.doublebutton a{float:left;width:40px;height:40px;padding:0;font-size:19px;clear:none;margin-left:5px;background:#fff;border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition);}
.doublebutton a.active{background:var(--clr-orange);border-color:var(--clr-orange);color:#fff;box-shadow:var(--shadow-orange);}
.doublebutton a i{line-height:38px;}
.show-menu-btn{width:100%;margin:0 0 15px 0;}
/* ── FORM INPUTS ─────────────────────────────────────────────── */
input[type=text],input[type=url],input[type=password],input[type=email],
input[type=date],input[type=time],input[type=week],input[type=month],
input[type=color],input[type=datetime-local],input[type=tel],
input[type=phone],input[type=number],select,textarea{
font-size:15px;border-radius:var(--radius-md);float:left;
border:1.5px solid var(--clr-border);background:#fff;
height:50px;padding:10px 12px;line-height:20px;
font-family:var(--font-sans);color:var(--clr-text);
box-shadow:var(--shadow-xs);
transition:border-color var(--transition),box-shadow var(--transition);
}
textarea{height:auto;}
input:hover,select:hover,textarea:hover{border-color:rgba(11,43,86,.25);}
input:focus,select:focus,textarea:focus{
border-color:var(--clr-orange);
box-shadow:0 0 0 3px var(--clr-orange-glow),var(--shadow-xs);
outline:none;
}
input:active,select:active,textarea:active{border-color:var(--clr-orange);outline:none;}
label{width:100%;float:left;clear:both;font-size:15px;margin:0 0 4px 0;font-weight:700;color:var(--clr-plum);}
input[type="checkbox"]{
float:left;background:#fff;border:1.5px solid var(--clr-border);
border-radius:var(--radius-sm);color:#555;clear:none;cursor:pointer;
display:inline-block;line-height:0;height:18px;margin:0 6px 0 0;outline:0;
padding:0!important;text-align:center;vertical-align:middle;
width:18px;min-width:18px;max-width:18px;-webkit-appearance:none;
box-shadow:inset 0 1px 3px rgba(0,0,0,.08);
transition:border-color var(--transition),background var(--transition);
}
input[type=checkbox]:checked{background:var(--clr-orange);border-color:var(--clr-orange);}
input[type=checkbox]:checked::before{content:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E);margin:-3px;height:22px;width:22px;}
input[type=checkbox]+label{max-width:calc(100% - 30px);font-weight:normal;line-height:18px;display:inline-block;font-size:14px;float:left;width:auto;clear:none;}
#login input[type=radio]:checked::before{float:left;display:inline-block;vertical-align:middle;width:1rem;speak:none;}
/* ── FORM CONTAINERS ─────────────────────────────────────────── */
.form-container-box{
width:100%;max-width:520px;padding:32px 40px 50px 40px;display:inline-block;
background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);
border:1px solid var(--clr-border-lt);
}
.form-container-box .header+.resp-wrapper>#error_list,
.form-container-box .header+.resp-wrapper>.error_list{margin:0 0 25px 0;}
.form-container-box .header h1{margin:0 0 24px 0;font-size:44px;line-height:48px;text-align:left;color:var(--clr-plum);}
.form-container-box .control-group.act{margin-bottom:20px;}
.form-horizontal .actions{padding:0 0 0 30%;margin:0;float:left;clear:both;width:100%;}
.form-horizontal .actions .btn{padding:10px 24px;}
.form-horizontal label{float:left;width:30%;padding-top:13px;padding-right:15px;line-height:18px;font-weight:600;text-align:right;color:var(--clr-muted);}
.form-horizontal label sup.req{color:var(--clr-orange);}
.form-horizontal .controls{float:left;width:70%;}
.form-horizontal .controls label{float:none;width:auto;padding-top:0;text-align:left;}
.form-horizontal .control-group,.form-horizontal .meta_list .meta{clear:both;margin-bottom:14px;float:left;width:100%;}
.form-vertical .control-group{clear:both;margin-bottom:12px;float:left;width:100%;}
.form-vertical .control-group textarea{width:100%;height:100px;margin:0;}
.form-vertical .control-group:last-child{margin-bottom:0;}
.form-horizontal .controls.mls{padding-top:14px;}
.form-horizontal .controls.recpt{padding-left:0;}
.form-horizontal .controls.checkbox{margin-left:0;}
/* ── LISTING CARDS ───────────────────────────────────────────── */
/* The whole card is a click target (see global.js) — link out to the
single post. cursor + hover lift signal that; text selection is off
everywhere on the card so it behaves like a single link, not a text block. */
.listing-card{
background:#fff;
border-radius:var(--radius-lg);
border:1px solid var(--clr-border-lt);
box-shadow:var(--shadow-sm);
overflow:hidden;
transition:box-shadow var(--transition),transform var(--transition);
position:relative;
cursor:pointer;
user-select:none;
}
.listing-card:hover{
box-shadow:var(--shadow-lg);
transform:translateY(-3px);
}
.listing-card .premium-badge{
position:absolute;top:14px;left:14px;z-index:2;
width:32px;height:32px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#ffce32;
color:#0b2b56;font-size:14px;
box-shadow:0 2px 8px rgba(11,43,86,.35),0 0 0 2px rgba(255,255,255,.92);
}
.listing-card-list{float:left;width:100%;clear:both;}
.listing-grid{
float:left;width:calc(100% + 20px);
margin-left:-10px;margin-right:-10px;
display:flex;flex-wrap:wrap;
align-items:flex-start;
}
.listing-grid .listing-card{
width:calc(33.33% - 20px);margin:0 10px 20px 10px;
display:flex;flex-direction:column;
}
.listing-grid .listing-card-img a{
display:block;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
}
.listing-grid .listing-card-img img{
width:100%;display:block;
transition:transform 0.4s cubic-bezier(.4,0,.2,1);
}
.listing-grid .listing-card:hover .listing-card-img img{transform:scale(1.04);}
.listing-grid .listing-basicinfo{padding:12px 14px 6px 14px;}
.listing-grid .listing-basicinfo a{
margin:0 0 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
width:100%;display:inline-block;font-size:16px;line-height:19px;
font-weight:700;color:var(--clr-plum);
}
.listing-grid .listing-basicinfo a:hover{color:var(--clr-orange);}
.listing-grid .date,.listing-grid .category,.listing-grid .location{display:none;}
.listing-grid .admin-options{display:none;}
/* Unbounded description made cards uneven height whenever length varied
(title-only card next to a full-paragraph one) — same fix as the list
view, clamped instead of fully hidden since grid cards have the extra
vertical room the list view didn't. */
.listing-grid .desc{
font-size:13px;line-height:18px;color:var(--clr-muted);
padding:0 14px;margin:0 0 10px 0;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* Price in grid */
.listing-grid .currency-value{
font-size:18px;font-weight:800;color:var(--clr-orange);
padding:6px 14px 12px 14px;display:block;
}
/* LIST VIEW */
.listing-list a{font-size:16px;font-weight:600;margin:0 0 5px 0;}
/* Search results are list view, and the title link had no colour of its own,
so it fell through to a{color:var(--clr-orange)} -- which in this palette is
the brand blue #1266cb, not orange. Ad titles read as body text; the blue
comes back on hover so it is still obviously a link. */
.listing-list .listing-basicinfo a.title{color:var(--clr-text);}
.listing-list .listing-basicinfo a.title:hover{color:var(--clr-orange);}
.listing-list .listing-thumb{margin:0;}
.listing-list .listing-card{
display:flex;flex-direction:row;border-radius:var(--radius-md);margin-bottom:12px;
overflow:hidden;
}
.listing-list .listing-card-img{
flex:0 0 160px;width:160px;min-width:160px;
overflow:hidden;
border-radius:var(--radius-md) 0 0 var(--radius-md);
background:var(--clr-bg);
}
.listing-list .listing-card-img a{
display:block;width:100%;height:100%;min-height:130px;
}
.listing-list .listing-card-img img{
width:160px;height:130px;object-fit:cover;display:block;
transition:transform 0.35s cubic-bezier(.4,0,.2,1);
}
.listing-list .listing-card:hover .listing-card-img img{transform:scale(1.04);}
.listing-list .listing-basicinfo{
flex:1 1 auto;min-width:0;
padding:14px 16px;
display:flex;flex-direction:column;
justify-content:center;
}
.listing-list .listing-card .currency-value{margin:4px 0 6px 0;font-size:21px;line-height:23px;overflow:visible;position:relative;color:var(--clr-orange);font-weight:800;}
.listing-list .desc{line-height:20px;max-height:80px;overflow:hidden;color:var(--clr-muted);}
.listing-list .listing-details{font-size:13px;margin:0 0 5px 0;color:var(--clr-muted);}
.listing-list .listing-details>span:after{content:"/";margin:0 5px 0 10px;opacity:.4;}
.listing-list .listing-details>span:last-child:after{display:none;}
.listing-list .listing-details>span:empty{display:none;}
.listing-list .fi_make_favorite.fi_make{top:20px;bottom:auto;}
/* ── THUMBNAILS ──────────────────────────────────────────────────
loop-single.php renders ![]()
,
NOT .listing-card-img — without these the img falls back to its
width/height attributes and every card ends up a different size.
picture/img are pinned with inset:0 (not width/height:100%) so there is
no flow-based sizing involved at all — no baseline gap is possible. */
.listing-thumb{position:relative;display:block;overflow:hidden;font-size:0;line-height:0;}
.listing-thumb picture,
.listing-thumb img{
/* The root cause, found via DevTools: ![]()
HTML attributes make the browser auto-derive aspect-ratio:auto 240/200.
When width/height are BOTH auto (as in the previous version of this
rule), the browser sizes the image from that aspect-ratio instead of
the inset positioning — completely ignoring top/right/bottom/left.
width/height:100% here are explicit (not auto), so aspect-ratio has
nothing left to fill in and can never override them. */
position:absolute !important;
top:0 !important;left:0 !important;
width:100% !important;height:100% !important;
aspect-ratio:auto !important;
max-width:none !important;max-height:none !important;
margin:0 !important;padding:0 !important;
display:block !important;
object-fit:cover !important;
transition:transform 0.35s cubic-bezier(.4,0,.2,1);
}
/* .listing-card is a row flex container (default align-items:stretch), so
.listing-thumb — a normal in-flow flex item, not pulled out with
position:absolute — is stretched to exactly match .listing-detail's
height every time, with no separate height math that can drift out of
sync (the old top:0/bottom:0 trick left a few px gap at the bottom). */
.listing-list .listing-card{
display:flex;flex-direction:row;border-radius:var(--radius-md);margin-bottom:12px;
overflow:hidden;min-height:146px;
}
.listing-list .listing-thumb{
flex:0 0 186px;width:186px;
background:var(--clr-bg);
border-radius:var(--radius-md) 0 0 var(--radius-md);
}
.listing-list .listing-card:hover .listing-thumb img{transform:scale(1.04);}
.listing-list .listing-detail{flex:1 1 auto;min-width:0;display:flex;}
.listing-list .listing-cell,.listing-list .listing-data{width:100%;min-width:0;}
/* keep every card the same height regardless of description length */
.listing-list .desc{
max-height:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;
}
.listing-grid .listing-thumb{
width:100%;aspect-ratio:4/3;
background:var(--clr-bg);
border-radius:var(--radius-md) var(--radius-md) 0 0;
}
.listing-grid .listing-card:hover .listing-thumb img{transform:scale(1.04);}
/* ── SEARCH BAR ─────────────────────────────────────────────── */
.main-search{
display:block;width:100%;
background:#fff;border-radius:var(--radius-xl);
box-shadow:var(--shadow-xl);
padding:18px 18px;margin:24px 0 36px 0;float:left;
border:1px solid var(--clr-border-lt);
}
.main-search>.cell{float:left;width:50%;padding-right:16px;}
.main-search>.cell input[type="text"],.main-search>.cell select,.main-search>.cell button{width:100%;margin:0;border-radius:var(--radius-md);}
.main-search>.cell.c2{width:30%}
.main-search>.cell.c3{width:20%;padding-right:0;}
form.search h1{text-align:center;margin:50px 0 40px 0;}
/* ── HOME CATEGORIES ────────────────────────────────────────── */
#home-cats{
float:left;clear:both;width:100%;
border-radius:var(--radius-xl);
background:linear-gradient(135deg,#fff 0%,rgba(247,244,250,.6) 100%);
border:1.5px solid var(--clr-border-lt);
box-shadow:var(--shadow-md);
padding:28px 20px 16px 28px;margin:0;
}
#home-cats h2{margin:0 0 22px 0;font-size:22px;line-height:28px;color:var(--clr-plum);}
#home-cats a{
float:left;width:110px;padding:12px 6px 0 6px;margin:0 10px 14px 0;height:122px;
background:#fff;border:1.5px solid var(--clr-border-lt);
border-radius:var(--radius-lg);text-align:center;
box-shadow:var(--shadow-xs);
transition:all var(--transition);
}
#home-cats a:hover{
border-color:var(--clr-orange);
box-shadow:0 4px 18px var(--clr-orange-glow);
transform:translateY(-2px);
}
#home-cats a .icon{width:100%;display:block;margin:0 0 10px 0;color:var(--clr-orange);}
#home-cats a .icon i{font-size:34px;line-height:52px;}
#home-cats a strong{width:100%;display:block;color:var(--clr-plum);line-height:18px;max-height:36px;overflow:hidden;word-break:break-word;font-size:13px;font-weight:700;}
/* ── HOME REGIONS ───────────────────────────────────────────── */
#home-regs{float:left;clear:both;width:100%;padding:28px 0;}
#home-regs h2{margin:0 0 20px 0;font-size:22px;line-height:28px;color:var(--clr-plum);}
#home-regs .wrap>div{float:left;width:100%;padding-right:0;margin:0 0 10px 0;}
#home-regs a{font-weight:normal;font-size:15px;line-height:18px;color:var(--clr-plum);}
#home-regs a:hover{color:var(--clr-orange);}
#home-regs .wrap>div:nth-of-type(1n+10){display:none;}
#home-regs a i{color:var(--clr-muted);float:left;font-size:15px;line-height:18px;margin:0 5px 0 0;}
#home-regs a em{font-style:normal;font-size:13px;}
.home-latest{float:left;clear:both;width:100%;margin:0 0 40px 0;}
.home-latest h2{margin:16px 0 16px 0;font-size:22px;line-height:28px;color:var(--clr-plum);}
/* ── HOME PAGE MAP (Leaflet + OpenStreetMap) ────────────────────── */
.home-map{float:left;clear:both;width:100%;margin:0 0 24px 0;}
.home-map h2{margin:16px 0 16px 0;font-size:22px;line-height:28px;color:var(--clr-plum);}
.home-map-wrap{
background:#fff;border:1.5px solid var(--clr-border-lt);border-radius:var(--radius-lg);
box-shadow:var(--shadow-sm);padding:12px;overflow:hidden;
}
#sigma-listings-map{
width:100%;height:380px;border-radius:var(--radius-md);
background:var(--clr-bg);z-index:1;
}
#sigma-listings-map .leaflet-popup-content-wrapper,
#sigma-listings-map .leaflet-tooltip{
font-family:var(--font-sans);font-size:13px;
}
.map-status{
padding:10px 12px 0 12px;font-size:13px;font-weight:600;color:var(--clr-muted);
}
/* ── ITEM-POST LOCATION PICKER ──────────────────────────────── */
.location-map-group .map-hint{
margin:0 0 10px 0;font-size:13px;color:var(--clr-muted);font-weight:500;
}
.item-location-map{
width:100%;height:320px;border-radius:var(--radius-md);
border:1.5px solid var(--clr-border-lt);background:var(--clr-bg);z-index:1;
}
.location-map-group .map-status{padding:10px 0 0 0;}
.map-locate-btn{
display:inline-flex;align-items:center;gap:8px;
font-size:13px;padding:8px 16px;margin:0 0 10px 0;
}
.map-locate-btn:disabled{opacity:.6;cursor:default;}
.map-radius-box{
display:flex;align-items:center;gap:14px;flex-wrap:wrap;
padding:14px 12px 4px 12px;
}
.map-radius-box label{
font-size:14px;font-weight:700;color:var(--clr-plum);white-space:nowrap;
}
.map-radius-box #sigma-map-radius-value{color:var(--clr-orange);}
.map-radius-box input[type="range"]{flex:1 1 160px;min-width:120px;accent-color:var(--clr-orange);}
.map-radius-box .btn{white-space:nowrap;}
.user-location-marker span{
display:block;width:14px;height:14px;border-radius:50%;
background:#e0245e;border:3px solid #fff;
box-shadow:0 0 0 4px rgba(224,36,94,.3),0 2px 6px rgba(0,0,0,.3);
}
/* ── WIDGET BOX ─────────────────────────────────────────────── */
.widget-box{
background:#fff;padding:16px;margin-bottom:18px;
border-radius:var(--radius-lg);
border:1.5px solid var(--clr-border-lt);
box-shadow:var(--shadow-sm);
}
/* "For sale by" box specifically — flat, no border/shadow, matching the
other de-carded sidebar sections (item-actions-box, mark-as-box). */
#sidebar #contact.widget-box{border:none;box-shadow:none;}
.widget-box h3{margin:0 0 10px 0;}
.widget-box ul{margin:0;padding:0;list-style:none;}
.widget-box #error_list{margin-bottom:5px;}
.widget-box li a{
text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
width:100%;font-weight:normal;font-size:13px;display:block;padding:5px 7px;
border-radius:var(--radius-sm);margin:0 0 1px 0;
border-bottom:1px solid var(--clr-border-lt);
color:var(--clr-text);transition:all var(--transition);
}
.widget-box li li a:hover{background:var(--clr-orange);border-color:transparent;color:#fff;border-radius:var(--radius-sm);}
body.item #sidebar .widget-box,
body.user-public-profile #sidebar .widget-box{padding:20px;float:left;clear:both;width:100%;}
body.item #sidebar .widget-box h2,
body.user-public-profile #sidebar .widget-box h2{margin:0 0 10px 0;font-size:20px;line-height:24px;}
/* ── ITEM DETAIL PAGE ───────────────────────────────────────── */
body.item #main,body.user-public-profile #main{width:640px;float:left;}
body.item.item-post #main{width:100%;max-width:780px;}
body.user #main{float:right;width:728px;}
body.search #main{float:none;width:auto;min-width:0;}
body.home #main{width:640px;float:left;}
#item-content h1{font-size:26px;line-height:31px;margin:0 0 8px 0;color:var(--clr-plum);font-weight:800;}
#item-content .price{
display:inline-block;margin:0 0 22px 0;font-weight:800;font-size:34px;
line-height:36px;color:#fff;
background:linear-gradient(135deg,var(--clr-orange) 0%,var(--clr-orange-lt) 100%);
padding:14px 22px;border-radius:var(--radius-lg);
box-shadow:var(--shadow-orange);letter-spacing:-0.5px;
}
/* ── ROW 1: title block + meta line ─────────────────────────── */
.item-title-row{float:left;clear:both;width:100%;margin:0 0 18px 0;}
.item-meta-line{
display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;
font-size:14px;color:var(--clr-muted);font-weight:600;
}
.item-meta-line i{margin-right:5px;color:var(--clr-orange);}
#edit_item_view{float:left;clear:both;width:100%;margin:10px 0 0 0;}
/* ── SIDEBAR: share / like / views box (row 1, col 2) ───────── */
.item-actions-box{
float:left;clear:both;width:100%;margin:0 0 18px 0;padding:16px;
background:#fff;border-radius:var(--radius-lg);
}
.item-share{display:flex;align-items:center;gap:8px;margin:0 0 14px 0;flex-wrap:wrap;}
.item-actions-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-muted);width:100%;margin:0 0 4px 0;}
.share-ico{
width:36px;height:36px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:var(--clr-bg);color:var(--clr-plum);font-size:15px;
transition:all var(--transition);flex:0 0 auto;
}
.share-ico:hover{color:#fff;background:var(--clr-orange);text-decoration:none;}
.share-fb:hover{background:#1877f2;}
.share-tw:hover{background:#000;}
.share-wa:hover{background:#25d366;}
.share-vb:hover{background:#7360f2;}
.share-tg:hover{background:#229ed9;}
.share-copy{border:0;padding:0;font:inherit;cursor:pointer;}
.share-copy:hover{background:var(--clr-orange);color:#fff;}
.share-ico.copied{background:#1a7f37;color:#fff;}
.item-like-btn{
display:flex;align-items:center;gap:8px;width:100%;
background:#fff;border:1.5px solid var(--clr-border);border-radius:var(--radius-md);
padding:10px 14px;font-size:14px;font-weight:700;color:var(--clr-plum);
cursor:pointer;margin:0 0 12px 0;transition:all var(--transition);
}
.item-like-btn i{color:var(--clr-muted);transition:color var(--transition);}
.item-like-btn:hover{border-color:#e0245e;color:#e0245e;}
.item-like-btn:hover i,.item-like-btn.is-liked i{color:#e0245e;}
.item-like-btn.is-liked{border-color:#e0245e;color:#e0245e;}
.item-views-count{
display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--clr-muted);font-weight:600;
}
.item-views-count i{color:var(--clr-orange);}
/* ── SIDEBAR: seller box — phone reveal / chat / whatsapp ────── */
#contact .reveal-phone-btn,
#contact .show-contact-btn,
#contact .btn-whatsapp{
display:flex;align-items:center;justify-content:center;gap:8px;
width:100%;margin:0 0 10px 0;float:left;clear:both;
}
#contact .btn-whatsapp{background:#25d366;color:#fff;box-shadow:0 2px 12px rgba(37,211,102,.35);}
#contact .btn-whatsapp:hover{background:#1ebe57;color:#fff;}
#contact .reveal-phone-btn.is-revealed{background:var(--clr-bg);color:var(--clr-plum);cursor:default;}
.item-photos{
margin:0 0 25px 0;display:flex;float:left;width:100%;
flex-direction:row;gap:10px;align-items:flex-start;
}
.item-photos .main-photo{flex:1 1 auto;min-width:0;overflow:hidden;border-radius:var(--radius-lg);}
.item-photos .main-photo img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);}
.item-photos .thumbs{
flex:0 0 72px;width:72px;
display:flex;flex-direction:column;gap:8px;
padding:0;
}
.item-photos .thumbs img{
width:72px;height:72px;object-fit:cover;display:block;
border:2px solid var(--clr-border);
border-radius:var(--radius-sm);
transition:all var(--transition);cursor:pointer;
}
.item-photos .thumbs img:hover{border-color:var(--clr-orange);box-shadow:0 2px 8px var(--clr-orange-glow);}
.item-photos .thumbs img.active-thumb{border-color:var(--clr-orange);box-shadow:0 2px 8px var(--clr-orange-glow);}
.item-header{
margin:0 0 18px 0;padding:14px 8px;
border-top:2px solid var(--clr-border-lt);
border-bottom:2px solid var(--clr-border-lt);
border-radius:0;
}
.item-header #type_dates{float:right;}
.item-header #type_dates em{font-style:normal;}
.item-header>div{margin:2px 0;}
.item-header>div:empty{display:none;}
#item_location{list-style:none;margin:0;padding:0;}
#item_location li{display:inline;}
#description{clear:both;display:block;float:left;width:100%;}
#description .desc{clear:both;display:block;float:left;width:100%;line-height:26px;margin:0 0 25px 0;color:var(--clr-text);}
#description .item-hook h2,#description .item-hook h3{display:inline-block;width:100%;border:none;font-size:18px;line-height:24px;font-weight:700;color:var(--clr-plum);margin:0 0 6px 0;}
#description .item-hook .table-attributes{display:inline-block;width:100%;margin:0 0 22px 0;}
#description .item-hook .table-attributes table{margin:0;width:100%;border-spacing:0;}
#description .item-hook .table-attributes table label{font-weight:normal;margin:0;}
#description .item-hook .table-attributes table td{padding:6px 4px;width:65%;border-bottom:1px solid var(--clr-border-lt);}
#description .item-hook .table-attributes table td:first-child{width:35%;color:var(--clr-muted);}
#description .item-hook .table-attributes table td:last-child,
#description .item-hook .table-attributes table td:last-child label{font-weight:700;color:var(--clr-plum);}
#custom_fields .meta{font-weight:700;}
#custom_fields .meta strong{font-weight:normal;display:inline-block;width:35%;color:var(--clr-muted);}
#custom_fields .meta>span{margin-bottom:5px;display:inline-block;}
.contact_button{clear:both;display:block;float:left;width:100%;margin:0 0 25px 0;}
.item-hook,#custom_fields{clear:both;display:block;float:left;width:100%;margin:0 0 25px 0;}
.item-hook:empty,#custom_fields:empty{display:none;}
.contact_button a{margin-right:12px;padding:10px 20px;float:left;clear:none;border-radius:var(--radius-pill);}
#useful_info{
float:left;clear:both;width:100%;margin:0 0 22px 0;padding:20px;
border:2px solid var(--clr-border-lt);border-radius:var(--radius-lg);
font-size:15px;line-height:20px;background:#fff;box-shadow:var(--shadow-sm);
}
#useful_info h2{margin:0 0 10px 0;font-size:16px;line-height:20px;color:var(--clr-plum);}
#useful_info ul{list-style-type:disc;padding:0 0 0 20px;}
#useful_info ul li{clear:both;margin:0 0 5px 0;}
/* ── COMMENTS ───────────────────────────────────────────────── */
.item #comments{
clear:both;float:left;width:100%;
background:#fff;padding:24px 24px 32px 24px;
margin:12px 0 0 0;border-radius:var(--radius-xl);
box-shadow:var(--shadow-md);border:1.5px solid var(--clr-border-lt);
}
.item #comments .comments_list{margin-bottom:22px;float:left;width:100%;}
.item #comments .comment{
margin:0;padding:16px 6px;
border-top:1px solid var(--clr-border-lt);position:relative;
}
.item #comments .comment.has-user-img{padding-left:62px;}
.item #comments .comment:last-child{border-bottom:1px solid var(--clr-border-lt);}
.item #comments .comment h3{color:var(--clr-plum);margin-bottom:5px;}
.item #comments .comment h3 em{color:var(--clr-muted);font-size:13px;font-weight:normal;}
.item #comments .comment p{color:#555;line-height:20px;font-size:15px;}
.item #comments .comment .user-img{position:absolute;left:0;top:16px;width:48px;height:48px;overflow:hidden;border-radius:var(--radius-pill);}
.item #comments .new-comment{display:block;float:left;width:100%;}
.item #comments .paginate+.new-comment{margin-top:22px;}
.item #comments .paginate{display:block;margin:0 0 22px 0;float:left;width:100%;}
.item #comments .paginate:empty{display:none;}
.item #comment-replies{display:block;margin:15px 0;}
.item #comment-replies .comment:last-child{border-bottom:none;}
.item #comments .comment-reply-row{margin-top:8px;}
.item #comments .comment-delete-row{margin-top:8px;}
.item #comments .reply-text:empty{display:none;}
.item #comments .reply-text{padding-left:30%;margin-top:8px;font-style:italic;color:var(--clr-muted);margin-bottom:4px;cursor:pointer;transition:color var(--transition);}
.item #comments .reply-text:hover{color:var(--clr-orange);}
.item #comments input[type="text"]{height:42px;padding:8px 10px;width:60%;margin:0;border-radius:var(--radius-md);}
.item #comments textarea{height:120px;padding:10px;width:90%;margin:0;border-radius:var(--radius-md);}
.item #comments h2{margin:0 0 12px 0;color:var(--clr-plum);}
.item #comments h3{font-size:16px;line-height:20px;margin:0 0 10px 0;}
.item #comments .empty{float:left;clear:both;width:100%;margin:0 0 12px 0;color:var(--clr-muted);}
.comment-rating{margin:0 0 5px 0;}
.comment-rating i{margin:0 -3px 0 0;font-size:16px;line-height:16px;color:#ddd;}
.comment-rating i.fill,.comment-leave-rating i.is-rating-item.fill{color:#f59e0b;}
.comment-leave-rating{margin:7px 0;float:left;}
.comment-leave-rating i.is-rating-item{cursor:pointer;float:left;width:26px;text-align:center;height:26px;line-height:26px;font-size:22px;color:#ddd;margin:0;display:block;transition:color var(--transition);}
.comment-leave-rating:hover i.is-rating-item{color:#f59e0b;}
.comment-leave-rating:hover i.is-rating-item:hover~i.is-rating-item{color:#ddd;}
.comment-rating-selected{float:left;margin:15px 0 0 5px;line-height:16px;font-size:13px;}
.comment-rating span{margin:0 0 0 4px;font-size:12px;}
.form-horizontal.new-comment .controls .red{padding-top:11px;color:var(--clr-orange);display:inline-block;width:100%;line-height:18px;}
/* ── PAGINATION ─────────────────────────────────────────────── */
.paginate{text-align:center;clear:both;margin:28px 0;float:left;width:100%;}
.paginate li{display:inline;list-style-type:none;}
.paginate a,.paginate span{
display:inline-block;font-weight:700;text-decoration:none;margin:0 2px;
padding:9px 5px;text-align:center;border-radius:var(--radius-md);
height:42px;min-width:42px;line-height:22px;
background:#fff;border:1.5px solid var(--clr-border);
color:var(--clr-plum);
box-shadow:var(--shadow-xs);transition:all var(--transition);
}
.paginate a:hover{border-color:var(--clr-orange);color:var(--clr-orange);box-shadow:0 2px 10px var(--clr-orange-glow);}
.paginate span.searchPaginationSelected{
background:linear-gradient(135deg,var(--clr-orange) 0%,var(--clr-orange-lt) 100%);
border-color:var(--clr-orange);color:#fff;
box-shadow:var(--shadow-orange);
}
/* ── FLASH MESSAGES ─────────────────────────────────────────── */
.flashmessage{
font-size:16px;padding:18px 50px 18px 18px;width:100%;top:0;z-index:8;
text-align:center;color:#fff;position:relative;
border-radius:var(--radius-md);margin-bottom:8px;
}
.flashmessage+.flashmessage,.flashmessage+#flash_js+.flashmessage{margin-top:8px;}
.flashmessage-warning,.help-box{background:linear-gradient(135deg,#d0a52a,#c09118);border:1px solid #93741e;}
.flashmessage-error{background:linear-gradient(135deg,#c44e20,#a93c15);border:1px solid #873616;}
.flashmessage-ok{background:linear-gradient(135deg,#5a8a2e,#4a7122);border:1px solid #3a5a1a;}
.flashmessage-info{background:linear-gradient(135deg,#2176b0,#1860a0);border:1px solid #1060a8;}
.flashmessage a{color:#fff;text-decoration:underline;}
.flashmessage a:hover{color:#fff;text-decoration:none;}
.help-box{padding:6px 12px;display:inline-block;color:#fff;font-size:14px;margin:10px 0;border-radius:var(--radius-sm);}
.flashmessage .ico-close{
transition:0.1s;position:absolute;top:50%;right:5px;float:right;
font-size:18px;color:white;text-shadow:none;text-decoration:none;
font-weight:bold;cursor:pointer;padding:0;line-height:40px;border:none;
width:40px;height:40px;margin-top:-20px;background:rgba(0,0,0,.2);
border-radius:var(--radius-sm);
}
.flashmessage .ico-close:hover{background:rgba(0,0,0,.35);}
/* ── ERROR LIST ─────────────────────────────────────────────── */
#error_list,.error_list,#comment_error_list{
text-align:left;background:#fff0f0;border:2px solid #ffcccc;
color:#c0392b;padding:14px;list-style:none;display:none;margin:15px 0;
border-radius:var(--radius-md);
}
#error_list li,.error_list li,#comment_error_list li{list-style:none;padding:0;}
#error_list li label,.error_list li label,#comment_error_list li label{margin-top:0;float:none;width:auto;font-weight:normal;margin:2px 0;padding:0;text-align:left;}
#comment_error_list{margin-top:0;}
.wrapper-flash{margin-bottom:20px;}
/* ── USER CARD ──────────────────────────────────────────────── */
.user-card{
background:#fff;position:relative;padding-left:130px;min-height:120px;
margin-bottom:28px;border-radius:var(--radius-xl);
box-shadow:var(--shadow-md);border:1.5px solid var(--clr-border-lt);
overflow:hidden;
}
.user-card ul{padding:18px 18px 18px 0;margin:0;list-style:none;}
.user-card .name{font-size:25px;line-height:30px;font-weight:800;margin:0 0 5px 0;color:var(--clr-plum);}
.user-card .website{margin:0 0 5px 0;}
.user-card img{position:absolute;left:0;top:0;width:120px;height:100%;object-fit:cover;}
/* ── BREADCRUMB ─────────────────────────────────────────────── */
div.breadcrumb{line-height:18px;font-size:14px;height:auto;margin:0 0 20px 0;width:auto;padding:0;}
ul.breadcrumb{list-style:none;margin:0;padding:0;}
ul.breadcrumb li{float:left;padding:0 3px;font-weight:normal;color:var(--clr-muted);}
ul.breadcrumb li a{color:var(--clr-orange);}
/* ── PAGE CARD WRAPPER (search results) — 2 col: sidebar / ads ── */
body.search .wrapper{width:1200px;max-width:96%;}
body.search #content{
background:var(--clr-bg-card);
border:1.5px solid var(--clr-border-lt);
border-radius:var(--radius-xl);
box-shadow:var(--shadow-md);
padding:24px;
margin:20px auto 36px auto;
display:grid;
grid-template-columns:210px minmax(0,1fr);
gap:24px;
align-items:start;
}
/* ── SEARCH HEADER / TOOLBAR ─────────────────────────────────── */
body.search #main h2{font-size:20px;line-height:24px;margin:10px 0;color:var(--clr-plum);}
.list-header{float:left;clear:both;width:100%;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1.5px solid var(--clr-border-lt);position:relative;z-index:30;}
.list-header::after{content:"";display:table;clear:both;}
.list-header .resp-wrapper{width:100%;}
.list-header .resp-wrapper::after{content:"";display:table;clear:both;}
/* Row 1: title+breadcrumb (left) / search bar (right, auto-fills remaining space) */
.list-header-top{
display:flex;align-items:flex-start;justify-content:space-between;
gap:48px;flex-wrap:wrap;width:100%;margin:0 0 16px 0;
}
.list-header-title{flex:0 1 auto;min-width:220px;}
.list-header-title h1{
font-size:24px;line-height:29px;margin:0 0 6px 0;
color:var(--clr-plum);font-weight:800;letter-spacing:-.3px;
}
.list-header-title .breadcrumb{margin:0;}
.list-header .quick-search{
flex:1 1 380px;width:auto;max-width:640px;margin:2px 0 0 0!important;
box-shadow:var(--shadow-sm)!important;
border:1.5px solid var(--clr-border-lt);
}
.list-header .quick-search:focus-within{box-shadow:0 0 0 3px var(--clr-orange-glow)!important;}
.list-header .quick-search input[type="text"]{font-size:15px;}
/* Listings (left) + 160x600 ad (right), sits beside the cards, sticky like the sidebar */
.listing-with-ad{display:flex;align-items:flex-start;gap:24px;width:100%;}
.listing-col{flex:1 1 auto;min-width:0;}
.listing-ad{flex:0 0 200px;position:sticky;top:20px;}
.listing-ad .ad-slot-box{max-width:160px;}
/* Horizontal ad banner, sits below the search row */
.list-header .ad-banner{width:100%;margin:0 0 16px 0;padding:10px;}
.list-header .ad-banner .ad-slot-box{height:90px;}
.list-header .empty{float:left;clear:both;width:100%;margin:0;}
.list-header .actions{
float:none;clear:both;width:100%;
display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;
}
.list-header .counter-search{
float:none;margin:0 0 0 auto;padding:0 4px;
font-size:14px;color:var(--clr-muted);font-weight:600;white-space:nowrap;
}
.list-header .doublebutton{float:none;display:inline-flex;align-items:center;gap:5px;margin:0;}
.list-header .doublebutton a{float:none;margin-left:0;}
.list-header .btn.see_by{float:none;}
body.search .listing-grid .listing-card,.similar_ads .listing-grid .listing-card{width:calc(33.33% - 20px);margin:0 10px 20px 10px;}
.similar_ads h2{margin-top:38px;}
/* ── SIDEBAR FILTERS / SEARCH ───────────────────────────────── */
body.user #sidebar{float:left;width:210px;}
body.search #sidebar{float:none;width:auto;margin:0;}
@media screen and (min-width:768px){
body.search #sidebar{position:sticky;top:20px;align-self:start;}
}
#ad-column{display:flex;flex-direction:column;gap:20px;}
.ad-slot{
background:var(--clr-bg-card);
border:1.5px dashed var(--clr-border);
border-radius:var(--radius-lg);
padding:14px;text-align:center;
}
.ad-slot-label{
display:block;font-size:11px;font-weight:700;text-transform:uppercase;
letter-spacing:.6px;color:var(--clr-muted);margin-bottom:10px;
}
.ad-slot-box{
background:var(--clr-bg);border:1px solid var(--clr-border-lt);border-radius:var(--radius-md);
color:var(--clr-muted);font-size:13px;font-weight:600;
display:flex;align-items:center;justify-content:center;
}
.ad-slot-tall .ad-slot-box{height:600px;max-width:160px;margin:0 auto;}
.ad-slot-med .ad-slot-box{height:200px;}
/* ── REFINE CATEGORY WIDGET ──────────────────────────────────── */
.refine{
float:left;clear:both;width:100%;
background:var(--clr-bg-card);
border:1.5px solid var(--clr-border);
border-radius:var(--radius-lg);
box-shadow:var(--shadow-md);
padding:18px 16px;margin:0 0 18px 0;
transition:box-shadow var(--transition);
}
.refine:hover{box-shadow:var(--shadow-lg);}
.refine h3{margin:0 0 10px 0;}
#sidebar ul.category,#sidebar ul.category ul{padding:0;margin:0;list-style:none;}
#sidebar ul.category li{padding:0;line-height:normal;}
#sidebar ul.category li.cat-all{border-bottom:1px solid var(--clr-border-lt);margin-bottom:6px;padding-bottom:6px;}
#sidebar ul.category a{
display:flex;align-items:center;gap:10px;
padding:9px 10px;margin:1px 0;border-radius:var(--radius-sm);
color:var(--clr-text);font-size:14.5px;font-weight:600;
transition:background var(--transition),color var(--transition);
}
#sidebar ul.category a:hover{background:var(--clr-bg);color:var(--clr-orange);text-decoration:none;}
#sidebar ul.category .cat-ico{flex:0 0 18px;width:18px;text-align:center;font-size:15px;color:var(--clr-muted);}
#sidebar ul.category .cat-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#sidebar ul.category .cat-check{flex:0 0 auto;font-size:12px;color:var(--clr-orange);}
#sidebar ul.category .cat-count{
flex:0 0 auto;font-size:12px;font-weight:600;
color:var(--clr-muted);
}
#sidebar ul.category li.is-active>a .cat-count{color:var(--clr-orange);}
#sidebar ul.category li.is-active>a{background:var(--clr-orange-glow);color:var(--clr-orange);font-weight:700;}
#sidebar ul.category li.is-active>a .cat-ico{color:var(--clr-orange);}
#sidebar ul.category ul{
padding:4px 0 4px 15px;margin:2px 0 6px 0;
border-left:2px solid var(--clr-border-lt);
}
#sidebar ul.category ul a{font-size:13.5px;font-weight:500;padding:7px 10px;}
.price-slice .left{float:left;width:50%;padding-right:6px;}
.price-slice .right{float:left;width:50%;padding-left:6px;}
.price-slice input[type="text"]{width:100%;}
.price-slice span{font-size:13px;line-height:16px;color:var(--clr-muted);}
.alert_form{
background:#fff;padding:18px 14px;float:left;clear:both;margin:0 0 22px 0;width:100%;
border-radius:var(--radius-lg);border:1.5px solid var(--clr-border-lt);
box-shadow:var(--shadow-sm);
}
.alert_form button{width:100%;}
#sidebar .alert_form input[type="text"]{margin-bottom:12px;}
.show-filters-btn{float:left;padding:9px 12px;height:42px;}
.resp-toogle{display:none;}
.fixed-layout .fixed-close{
position:fixed;top:12px;z-index:51;right:16px;cursor:pointer;
background:var(--clr-plum);width:38px;height:38px;text-align:center;
font-size:20px;color:#fff;border-radius:var(--radius-pill);
box-shadow:var(--shadow-md);transition:background var(--transition);
}
.fixed-layout .fixed-close i{line-height:38px;}
.fixed-layout .fixed-close:hover,.fixed-layout .fixed-close:active{background:var(--clr-orange);}
.fixed-layout .btn{width:auto!important;padding-left:25px!important;padding-right:25px!important;}
/* ── ALERT FREQUENCY ────────────────────────────────────────── */
.alert-frequency{display:flex;float:left;align-items:center;flex-wrap:nowrap;margin:6px 0;}
.alert-frequency>a{
padding:6px 12px;font-size:14px;line-height:16px;margin:0 -1px 0 0;
border:1.5px solid var(--clr-border);background:#fff;
color:var(--clr-plum);transition:all var(--transition);
}
.alert-frequency>a:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill);}
.alert-frequency>a:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0;}
.alert-frequency>a.active{background:var(--clr-plum);color:#fff;border-color:var(--clr-plum);font-weight:700;}
.alert-frequency>a:hover{background:var(--clr-bg);color:var(--clr-plum);}
/* ── TABBER ─────────────────────────────────────────────────── */
.tabberlive .tabbertab.tabbertabhide{display:none;}
.tabberlive{margin:6px 0 6px 0;width:100%;}
ul.tabbernav{margin:0;padding:0;font-size:14px;border-bottom:2px solid var(--clr-border);}
ul.tabbernav li{list-style:none;margin:0;display:inline;}
ul.tabbernav li a{
padding:10px 6px 7px 6px;color:var(--clr-muted);margin-bottom:-2px;margin-right:6px;
border-bottom:3px solid transparent;text-decoration:none;display:inline-block;
font-weight:600;transition:all var(--transition);
}
ul.tabbernav li a:hover{border-bottom:3px solid var(--clr-orange);color:var(--clr-plum);}
ul.tabbernav li.tabberactive a{font-weight:800;border-bottom:3px solid var(--clr-plum);color:var(--clr-plum);}
.tabberlive .tabbertab{padding:12px 0;border:none;display:inline-block;width:100%;}
.tabberlive .tabbertab h2,.tabberlive .tabbertab h3{display:none;}
.tabberlive .tabbertab ul{width:100%;display:inline-block;padding:0;}
.tabberlive .tabbertab ul li{width:100%;display:inline-block;margin:0 0 5px 0;}
.tabberlive .tabbertab ul li input[type="text"]{margin-right:5px;}
.tabberlive>button{margin-top:10px;}
/* ── ADS SECTIONS ───────────────────────────────────────────── */
section.header-ad{padding:20px 0 0 0;}
.ads_300,.ads_728,.ads_468{background:rgba(247,244,250,.8);display:block;margin:15px 0;overflow:hidden;text-align:center;border-radius:var(--radius-lg);}
.ads_300{max-width:300px;width:100%;min-height:250px;margin:0 0 16px 0;float:left;clear:both;}
.ads_728{max-width:728px;width:100%;min-height:90px;}
.similar_ads .ads_728{max-width:640px;width:100%;min-height:auto;}
.ads_468{max-width:468px;width:100%;min-height:60px;}
/* ── ADMIN OPTIONS ──────────────────────────────────────────── */
.admin-options{color:var(--clr-muted);float:left;width:100%;clear:both;margin:10px 0 0 0;}
.admin-options span{margin:0 10px 0 0;float:left;}
.admin-options a{
font-size:13px;margin:0 10px 0 0;color:var(--clr-plum);float:left;font-weight:600;
padding:4px 8px;line-height:18px;border:1.5px solid var(--clr-border);
border-radius:var(--radius-sm);transition:all var(--transition);
}
.admin-options a:hover{border-color:var(--clr-orange);color:var(--clr-orange);}
body.item h1 .price{font-weight:800;font-size:24px;float:right;background:linear-gradient(135deg,var(--clr-orange),var(--clr-orange-lt));color:#fff;padding:6px 14px;border-radius:var(--radius-md);}
/* ── ERROR 404 ──────────────────────────────────────────────── */
.error404{text-align:center;padding:30px 0;}
.error404 h1{font-size:180px;line-height:200px;color:var(--clr-plum);opacity:.15;letter-spacing:-10px;}
.error404 h2{font-size:36px;line-height:42px;color:var(--clr-plum);}
.error404 h3{margin-bottom:42px;color:var(--clr-muted);}
.error404 .btn{float:none;display:inline-block;}
/* ── MISC / UTILITIES ───────────────────────────────────────── */
.clear{clear:both;}
.title-has-actions{border-bottom:1px solid var(--clr-border-lt);margin-bottom:12px;}
.title-has-actions h1,.title-has-actions h2,.title-has-actions h3{float:left;margin-bottom:0;}
.title-has-actions a{float:right;margin-left:10px;margin-top:2px;}
.r-list{display:none;margin:0 40px 0 0;padding:0;list-style:none;}
body.home .r-list{display:block;}
.ui-drop-files{box-shadow:none;border:3px dashed rgba(11,43,86,.15);height:100px;background:rgba(247,244,250,.6);border-radius:var(--radius-md);}
.bordered-box{border:1.5px solid var(--clr-border-lt);padding:14px;font-size:14px;border-radius:var(--radius-md);}
.bordered-box h2{font-size:1.2em;margin-top:0;font-weight:700;}
.arrow-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--clr-orange);}
.arrow-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--clr-orange);}
.arrow-left{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--clr-orange);}
.arrow-right{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--clr-orange);}
.hover .arrow-up{border-bottom-color:#fff;}
.hover .arrow-down{border-top-color:#fff;}
.hover .arrow-left{border-right-color:#fff;}
.hover .arrow-right{border-left-color:#fff;}
#mask_as_form{float:left;clear:both;width:100%;margin:0 0 16px 0;}
.latest_ads{padding-top:26px;}
.latest_ads h1{float:left;}
.latest_ads .actions{float:right;margin-top:5px;}
.counter-search{margin:0 0 12px 0;}
#related-searches{margin-top:12px;}
.form-container-box .control-group.act{margin-bottom:20px;}
body.register #main,body.login #main,body.contact #main,body.recover #main{text-align:center;}
body.search #main h2{font-size:20px;line-height:22px;margin:10px 0;}
/* ── ITEM POST ──────────────────────────────────────────────── */
body.item-post #content{text-align:center;}
body.item-post #content #main{max-width:780px;width:100%;text-align:left;float:none;display:inline-block;}
/* Card shell around the whole publish form */
body.item-post .form-container{
background:var(--clr-bg-card);
border:1px solid var(--clr-border-lt);
border-radius:var(--radius-xl);
box-shadow:var(--shadow-lg);
padding:40px 44px 44px 44px;
margin-bottom:44px;
float:left;width:100%;
}
body.item-post .form-container .header h1{
margin:0 0 4px 0;font-size:32px;line-height:38px;
text-align:left;color:var(--clr-plum);font-weight:800;letter-spacing:-.4px;
}
body.item-post .form-container .header{
margin:0 0 28px 0;padding:0 0 22px 0;
border-bottom:1px solid var(--clr-border);
}
body.item-post #error_list{margin:0 0 20px 0;width:100%;}
/* Section headings */
.item.item-post h2{
font-size:13px;line-height:16px;font-weight:800;
text-transform:uppercase;letter-spacing:.08em;
color:var(--clr-orange);
margin:36px 0 18px 0;padding:0 0 12px 0;
border-bottom:1px solid var(--clr-border-lt);
float:left;width:100%;clear:both;
}
.item.item-post h2.gen{margin-top:0;}
/* Location is required when posting — visual cue on the field labels */
.box.location label[for="regionId"]::after,
.box.location label[for="region"]::after,
.box.location label[for="city"]::after{
content:" *";color:var(--clr-orange);font-weight:800;
}
/* Rows, labels, controls */
.item.item-post .form-horizontal .control-group,
.item.item-post .form-horizontal .meta_list .meta{margin-bottom:20px;}
.item.item-post .form-horizontal label:not(.osp-chk){
padding:0;margin:0 0 7px 0;text-align:left;width:100%;
font-size:13.5px;line-height:18px;font-weight:700;color:var(--clr-text);
}
.item.item-post .form-horizontal .controls{width:100%;}
.item.item-post .form-horizontal .controls > input[type=text],
.item.item-post .form-horizontal .controls > input[type=email],
.item.item-post .form-horizontal .controls > input[type=tel],
.item.item-post .form-horizontal .controls > input[type=phone],
.item.item-post .form-horizontal .controls > input[type=number],
.item.item-post .form-horizontal .controls > input[type=url],
.item.item-post .form-horizontal .controls > select,
.item.item-post .form-horizontal .controls > textarea{width:100%;float:none;display:block;}
.item.item-post .form-horizontal .controls > textarea{min-height:190px;padding:12px;resize:vertical;}
/* Price + currency sit on one row */
.item.item-post .control-group-price .controls{display:flex;gap:10px;align-items:stretch;}
.item.item-post .control-group-price .controls > input[type=text]{flex:1 1 auto;width:auto;}
.item.item-post .control-group-price .controls > select{flex:0 0 110px;width:110px;}
/* Checkbox rows read as one line, not a stacked label */
.item.item-post .form-horizontal .controls.checkbox{display:flex;align-items:center;gap:8px;margin:-6px 0 0 0;}
.item.item-post .form-horizontal .controls.checkbox input[type=checkbox]{float:none;margin:0;}
.item.item-post .form-horizontal .controls.checkbox label{margin:0!important;font-weight:500!important;color:var(--clr-muted)!important;width:auto!important;}
/* Publish button */
.item.item-post .form-horizontal .actions{padding:0;margin:32px 0 0 0;border-top:1px solid var(--clr-border);padding-top:28px;}
.item.item-post .form-horizontal .actions .btn,
.item.item-post .form-horizontal .pblbt .btn{padding:14px 42px;font-size:15px;font-weight:700;}
.item-post .form-horizontal .control-group.img,
.item.item-post h1,.item.item-post h2,.item-post .pblbt,.form-horizontal .controls.recpt{padding-left:0;}
/* Math captcha: question + small answer box on one line, not a stacked full-width field.
width:100% is deliberate, not decorative - a bare display:flex block with no width
set computed to 0 in some parent contexts (e.g. #sidebar's alert_form), which then
forced the label's text to break mid-word to fit that near-zero box. Forcing 100%
makes it fill its parent reliably everywhere this renders (item-post, contact,
comments, the sidebar subscribe form, etc), matching how every sibling field in
those same forms is already sized. */
.item.item-post .form-horizontal .mathcaptcha,
.mathcaptcha{
display:flex;align-items:center;flex-wrap:wrap;gap:10px;
width:100%;box-sizing:border-box;
margin:4px 0 18px 0;
}
.item.item-post .form-horizontal .mathcaptcha label,
.mathcaptcha label{
width:auto;float:none;margin:0;font-weight:600;font-size:14px;color:var(--clr-text);
flex:1 1 auto;min-width:0;
}
.mathcaptcha input[type=text]{
width:64px;flex:0 0 64px;height:42px;padding:8px 10px;text-align:center;
}
.item-post .meta select,.item-post .meta input{width:45%;}
.item-post .meta input[type="radio"],.item-post .meta input[type="checkbox"]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0 5px 0 0;}
.item.item-post .form-horizontal input[type="radio"]+label,
.item.item-post .form-horizontal input[type="checkbox"]+label{padding:0;margin:0;line-height:16px;font-weight:normal;}
.meta_list .meta[data-type="RADIO"] ul,.meta_list .meta[data-type="CHECKBOX"] ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:16px;}
.meta_list .meta[data-type="RADIO"] ul li,.meta_list .meta[data-type="CHECKBOX"] ul li{display:flex;width:100%;margin:0 0 7px 0;align-items:center;}
.item-post .meta[data-type="CHECKBOX"]{padding-left:0;}
.item-post .hooks{float:left;width:100%;clear:both;margin-top:25px;}
.item-post .hooks:empty{display:none;}
body .qq-upload-button{padding:14px 28px;color:#fff;background:linear-gradient(135deg,var(--clr-orange),var(--clr-orange-lt));font-weight:700;width:auto;display:inline-block;border-radius:var(--radius-md);}
body #restricted-fine-uploader{margin-bottom:20px;float:left;width:100%;clear:both;padding-left:0;}
.item-post .form-horizontal .control-group.img{padding-left:0;}
/* the ajax uploader stacks its own margins — keep the gap to one rhythm step */
body.item-post .form-horizontal .control-group.img{margin-bottom:0;}
body.item-post #restricted-fine-uploader{margin-bottom:0;}
body.item-post .hooks:empty{display:none;margin:0;}
.primary_image{font-size:14px;}
/* ── FAVORITE ───────────────────────────────────────────────── */
.fi_make_favorite.fi_make{position:absolute;right:10px;bottom:15px;}
.fi_make_favorite.fi_make span{font-family:"Font Awesome 5 Free";font-weight:900;font-size:18px;}
.fi_make_favorite.fi_make:not(.is_favorite) span{color:rgba(11,43,86,.2);}
.fi_make_favorite.fi_make:not(.is_favorite) span:before{content:"\f005";}
/* ── SUBDOMAIN NAVIGATION ───────────────────────────────────── */
body.subdomain-navigation div.m25{margin:25px 0 45px 0;}
body.subdomain-navigation header{text-align:center;}
body.subdomain-navigation header #logo{float:none;display:inline-block;}
body.subdomain-navigation header #logo img{max-height:75px;height:auto;margin:25px 0;}
body.subdomain-navigation section{text-align:center;font-size:18px;}
body.subdomain-navigation section div{display:inline-block;width:100%;}
body.subdomain-navigation section strong{display:inline-block;margin-bottom:15px;}
body.subdomain-navigation footer{background:transparent;text-align:center;padding:20px;margin:30px 0 0 0;color:var(--clr-muted);font-size:14px;}
#subdomains-list{max-width:980px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;flex-direction:row;margin:0 auto;}
#subdomains-list a{display:inline-block;max-width:33.33%;width:100%;font-size:16px;margin:0 0 15px 0;padding:0 15px 0 0;text-align:left;}
#subdomains-list a em{font-size:12px;font-style:normal;line-height:1;color:var(--clr-muted);}
body.subdomain-navigation.sd-with-icon #subdomains-list{display:flex;padding:5px 30px;flex-wrap:wrap;justify-content:center;align-items:flex-start;flex-direction:row;}
body.subdomain-navigation.sd-with-icon #subdomains-list a{display:inline-block;max-width:116px;padding:0;text-align:center;line-height:16px;width:100%;font-size:14px;margin:0 1px 20px 1px;}
body.subdomain-navigation.sd-with-icon #subdomains-list a span{display:block;margin:6px 0 0 0;}
body.subdomain-navigation.sd-with-icon #subdomains-list a img{display:inline-block;height:48px;width:auto;max-width:76px;border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);}
body.subdomain-navigation.sd-with-icon #subdomains-list a.restricted img{opacity:0.4;}
body.subdomain-navigation{padding-top:0;}
/* ── MULTICURRENCY TOOLTIP ──────────────────────────────────── */
.MCtooltip{
display:none;position:absolute;top:auto;bottom:44px;left:10px;
border-radius:var(--radius-md);padding:8px 12px;
background:var(--clr-plum);color:#fff;z-index:9;width:auto;
font-weight:normal;white-space:nowrap;font-size:13px;line-height:16px;
box-shadow:var(--shadow-md);
}
.MCtooltip .fa{display:none;}
.MCtooltip:before{content:"";position:absolute;left:15px;top:auto;bottom:-5px;width:10px;height:10px;background:var(--clr-plum);transform:rotate(-135deg);border-bottom-right-radius:10px;}
*:hover>.MCtooltip{display:block;}
.listing-list .MCtooltip{bottom:30px;left:0;}
#sidebar .price .MCtooltip{right:0;left:auto;bottom:60px;}
/* ── USER PROFILE ───────────────────────────────────────────── */
body.user h1{font-size:26px;line-height:32px;margin:0 0 15px 0;font-weight:800;border-bottom:2px solid var(--clr-border-lt);padding-bottom:15px;color:var(--clr-plum);}
body.user h3{font-size:18px;line-height:24px;margin:0 0 10px 0;width:auto;}
body.user .form-horizontal label{padding-top:16px;font-weight:700;}
body.user .form-horizontal .controls input[type="checkbox"]{margin:15px 6px 0 0;}
body.user .form-horizontal .controls input[type="checkbox"]+label{font-weight:normal;}
body.user .form-horizontal .controls input[type="text"],
body.user .form-horizontal .controls input[type="password"],
body.user .form-horizontal .controls input[type="email"],
body.user .form-horizontal .controls select{width:70%;margin:0;}
body.user .form-horizontal .control-group.bts{padding-left:30%;}
body.user .form-horizontal .controls textarea{width:90%;height:120px;margin:0;}
body.user #error_list,body.user .error_list{margin:0 0 20px 0;padding:14px;}
body.user .form-horizontal .control-group{margin-bottom:16px;}
ul.user_menu li{display:inline-block;width:100%;margin:0 0 8px 0;}
body .bpr-profile h1,#frm-body h1{font-size:36px;line-height:38px;}
.form-horizontal .controls .intl-tel-input{width:100%;}
.osc-has-admin-header header,.osc-has-admin-header #header-search{margin-top:34px;}
body.osc-has-admin-header header{margin-top:0;}
body.home header{background:linear-gradient(135deg,var(--clr-plum) 0%,var(--clr-plum-mid) 60%,#1d5cb3 100%);}
/* ── SEARCH FORM (USER ITEMS) ───────────────────────────────── */
form[name="user-items-search"]{display:flex;flex-direction:row;align-items:flex-end;margin:0 0 14px 0;width:100%;}
form[name="user-items-search"] .control-group{width:fit-content;padding:0 12px 6px 0;}
form[name="user-items-search"] .control-group label{float:left;width:100%;text-align:left;margin:0 0 3px 0;}
form[name="user-items-search"] .control-group .controls{float:left;width:100%;margin:0;}
form[name="user-items-search"] .control-group .controls input,
form[name="user-items-search"] .control-group .controls select{float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-items-search"] .actions{width:fit-content;padding:0 0 6px 0;}
form[name="user-items-search"] .actions button{white-space:nowrap;}
form[name="user-public-profile-search"]{display:flex;flex-direction:row;align-items:flex-end;margin:0 0 14px 0;width:100%;}
form[name="user-public-profile-search"] .control-group{width:fit-content;padding:0 12px 6px 0;}
form[name="user-public-profile-search"] .control-group label{float:left;width:100%;text-align:left;margin:0 0 3px 0;}
form[name="user-public-profile-search"] .control-group .controls{float:left;width:100%;margin:0;}
form[name="user-public-profile-search"] .control-group .controls input,
form[name="user-public-profile-search"] .control-group .controls select{float:left;width:100%;margin:0;max-width:100%;min-width:unset;}
form[name="user-public-profile-search"] .actions{width:fit-content;padding:0 0 6px 0;}
form[name="user-public-profile-search"] .actions button{white-space:nowrap;}
.user-items .empty,.user-public-profile-items .empty{padding:22px 16px;text-align:center;color:var(--clr-muted);background:var(--clr-bg);margin:12px 0;font-size:16px;border-radius:var(--radius-lg);border:1.5px dashed var(--clr-border);}
/* ── FONT AWESOME OVERRIDES ─────────────────────────────────── */
body i.fa:before{font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-post-highlight:before{font-family:"Font Awesome 5 Free";font-weight:900;}
body .frm-post.frm-best:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f164";line-height:44px;font-size:22px;}
body #gdpr-check.styled .input-box-check label:after{font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;text-indent:0;}
body i.fa-dollar:before{content:"\f155";}
body i.fa-lightbulb-o:before{content:"\f0eb";}
body i.fa-thumb-tack:before{content:"\f08d";}
body i.fa-thumbs-o-up:before{content:"\f164";font-weight:400;}
body i.fa-pencil:before{content:"\f303";}
body i.fa-clock-o:before{font-weight:400;content:"\f017";}
body i.fa-mobile:before{content:"\f3cd";}
body i.fa-star-o:before{content:"\f005";font-weight:400;}
body i.fa-warning:before{content:"\f071";}
body i.fa-handshake-o:before{content:"\f2b5";font-weight:400;}
body i.fa-file-archive-o:before{content:"\f1c6";font-weight:400;}
body i.fa-flag-o:before{content:"\f024";font-weight:400;}
body i.fa-trash-o:before{content:"\f1f8";}
body i.fa-envelope-o:before{content:"\f0e0";font-weight:400;}
body i.fa-sign-in:before{content:"\f2f6";}
body i.fa-pencil-square-o:before{content:"\f044";font-weight:400;}
body i.fa-folder-o:before{content:"\f07b";font-weight:400;}
body i.fa-user-o:before{content:"\f007";font-weight:400;}
body i.fa-sign-out:before{content:"\f2f5";}
body i.fa-newspaper-o:before{content:"\f1ea";font-weight:400;}
body i.fab.fa-share{font-family:"Font Awesome 5 Free"!important;}
body i.fab.fa-share:before{content:"\f064";font-weight:900;}
body i.fa.fa-repeat:before{content:"\f01e";font-weight:900;}
body i.fa-mail-reply:before,body i.fa-reply:before{content:"\f3e5";}
body i.fa-youtube:before,body i.fa-vimeo:before,body i.fa-pinterest-p:before,
body i.fa-facebook:before,body i.fa-instagram:before,body i.fa-whatsapp:before,
body i.fa-twitter:before,body i.fa-google-plus:before,body i.fa-linkedin:before,
body i.fa-pinterest:before{font-family:"Font Awesome 5 Brands"!important;}
body i.fa-cc-mastercard:before{font-family:"Font Awesome 5 Brands"!important;font-weight:400;}
body i.fa-youtube:before{content:"\f167";}
body .mobile-box a i.fa-square:before{content:"\f004";}
body .osp-pay-button li a:not(.osp-disabled):after{font-family:"Font Awesome 5 Free";font-weight:900;}
body .bpr-box-check label:after{font-family:"Font Awesome 5 Free";content:"\f00c";font-weight:900!important;}
body#body-custom .osp-body.osp-body-itempay .osp-pay-button{padding:0;}
body #atr-form .atr-input-box label:after,.osp-promote-form label.osp-chk div:hover:after,
body .osp-body-itempay .osp-promote-form .osp-h1:after,
body #atr-search .atr-box:after,body #atr-search .atr-input-box label:after,
.osp-promote-form label.osp-chk div:after{font-family:"Font Awesome 5 Free";font-weight:900;}
body .osp-body-pack .osp-h1:after,body .osp-body-group .osp-h1:after,
body .osp-body-banner .osp-h2:after,body .osp-body-order .osp-h2:after,
body .osp-body-payments .osp-h2:after,body .osp-pay-err:after,body .osp-pay-msg:after,
body .osp-body-pack .osp-pack-bonus:before{font-family:'Font Awesome 5 Free';}
body .ur-button.add-new-rating,.ur-button.show-rating{font-size:14px;}
body #fmp-button{margin:0 8px 15px 0;padding:6px 40px 6px 6px;letter-spacing:-0.3px;}
body #fmp-button:last-child{margin-right:0;}
body .bo_info{clear:both;padding:0 0 0 30%;margin:2px 0 6px 0;}
.social-buttons{float:left;clear:both;width:100%;margin:0 0 15px 0;}
.social-buttons a{float:left;clear:none;margin:0 15px 15px 0;height:36px;}
.social-buttons #ggl-login-link{height:36px;}
.social-buttons #ggl-login-link img{max-height:43px;}
form[name="register"] div[id^="inr_id_"]{display:block;float:left;margin:-15px 0 25px 0;}
body .ui-widget.ui-widget-content{border:2px solid var(--clr-border);border-radius:var(--radius-sm);border-top:none;font-size:14px;font-family:var(--font-sans);line-height:18px;padding:4px 0;}
body .ui-widget-content a{padding:3px 8px;height:auto;display:inline-block;}
body .ui-widget-content a.ui-state-focus,body .ui-widget-content a:hover{background:var(--clr-bg);border-color:transparent;text-decoration:none;color:var(--clr-plum);}
body #fi_user_new_list .fi_new_name{margin:0;height:auto;}
/* ── PLUGIN HOOK ────────────────────────────────────────────── */
#plugin-hook{float:left;clear:both;width:100%;}
#plugin-hook .row{clear:both;margin-bottom:12px;float:left;width:100%;}
#plugin-hook .row._20{padding-left:30%;}
/* ── ADB ATR SEARCH ─────────────────────────────────────────── */
body #atr-search .control-group>label{text-align:left;line-height:22px;}
body #atr-search select,body #atr-search textarea,body #atr-search input[type="text"],
body #atr-search input[type="url"],body #atr-search input[type="email"],
body #atr-search input[type="phone"],body #atr-search input[type="date"],
body #atr-search input[type="number"]{box-shadow:none;font-size:14px;border-width:1.5px;}
body #atr-search select+select{margin-top:6px;}
body #atr-search.atr-styled .atr-input-box{margin-top:1px;margin-bottom:1px;}
body #atr-search.atr-styled .atr-input-box label{padding-left:24px!important;}
body #atr-search .control-group.atr-type-select,
body #atr-search .control-group.atr-type-daterange{margin-bottom:15px;}
/* ── SIDEBAR SECTION DIVIDER ─────────────────────────────────── */
.sidebar-divider{
float:left;clear:both;width:100%;height:1px;margin:0 0 18px 0;
border:none;background:var(--clr-border);
box-shadow:0 2px 4px -1px rgba(11,43,86,.18);
}
/* ── MARK AS / REPORT AD ─────────────────────────────────────── */
.mark-as-box{
float:left;clear:both;width:100%;margin:0 0 18px 0;padding:12px 14px;
background:#fff;border-radius:var(--radius-lg);
display:flex;align-items:center;gap:10px;
}
.mark-as-box>i{flex:0 0 auto;color:var(--clr-muted);font-size:15px;}
.mark-as-box #mask_as_form{float:none;clear:none;width:100%;margin:0;}
.mark-as-box select.mark_as{
width:100%;height:38px;margin:0;padding:6px 10px;
border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);
background:#fff;color:var(--clr-muted);font-size:13.5px;font-weight:600;
cursor:pointer;transition:border-color var(--transition);
}
.mark-as-box select.mark_as:hover,
.mark-as-box select.mark_as:focus{border-color:var(--clr-orange);color:var(--clr-plum);outline:none;}
.user-public-profile .similar_ads h2,.user-public-profile h2{margin-bottom:5px;}
/* ── RATING STARS ───────────────────────────────────────────── */
body .rating.s1 i.i2:before,body .rating.s1 i.i3:before,body .rating.s1 i.i4:before,body .rating.s1 i.i5:before{font-weight:400;content:"\f005";}
body .rating.s2 i.i3:before,body .rating.s2 i.i4:before,body .rating.s2 i.i5:before{font-weight:400;content:"\f005";}
body .rating.s3 i.i4:before,body .rating.s3 i.i5:before{font-weight:400;content:"\f005";}
body .rating.s4 i.i5:before{font-weight:400;content:"\f005";}
body .rating.h1 i.i2:before,body .rating.h1 i.i3:before,body .rating.h1 i.i4:before,body .rating.h1 i.i5:before{font-weight:400;content:"\f005";}
body .rating.h2 i.i3:before,body .rating.h2 i.i4:before,body .rating.h2 i.i5:before{font-weight:400;content:"\f005";}
body .rating.h3 i.i4:before,body .rating.h3 i.i5:before{font-weight:400;content:"\f005";}
body .rating.h4 i.i5:before{font-weight:400;content:"\f005";}
body .rating.s1 i.i1:before{content:"\f005";font-weight:400;}
body .rating.s1 i.i2:before,body .rating.s1 i.i3:before,body .rating.s1 i.i4:before,body .rating.s1 i.i5:before{content:"\f005";font-weight:400;}
body .rating.s2 i.i1:before,body .rating.s2 i.i2:before{content:"\f005";font-weight:bold;}
body .rating.s2 i.i3:before,body .rating.s2 i.i4:before,body .rating.s2 i.i5:before{content:"\f005";font-weight:400;}
body .rating.s3 i.i1:before,body .rating.s3 i.i2:before,body .rating.s3 i.i3:before{content:"\f005";font-weight:bold;}
body .rating.s3 i.i4:before,body .rating.s3 i.i5:before{content:"\f005";font-weight:400;}
body .rating.s4 i.i1:before,body .rating.s4 i.i2:before,body .rating.s4 i.i3:before,body .rating.s4 i.i4:before{content:"\f005";font-weight:bold;}
body .rating.s4 i.i5:before{content:"\f005";font-weight:400;}
body .rating.s5 i.i1:before,body .rating.s5 i.i2:before,body .rating.s5 i.i3:before,body .rating.s5 i.i4:before,body .rating.s5 i.i5:before{content:"\f005";font-weight:bold;}
body .rating.h1 i.i1:before{content:"\f005";font-weight:bold;}
body .rating.h1 i.i2:before,body .rating.h1 i.i3:before,body .rating.h1 i.i4:before,body .rating.h1 i.i5:before{content:"\f005";}
body .rating.h2 i.i1:before,body .rating.h2 i.i2:before{content:"\f005";font-weight:bold;}
body .rating.h2 i.i3:before,body .rating.h2 i.i4:before,body .rating.h2 i.i5:before{content:"\f005";}
body .rating.h3 i.i1:before,body .rating.h3 i.i2:before,body .rating.h3 i.i3:before{content:"\f005";font-weight:bold;}
body .rating.h3 i.i4:before,body .rating.h3 i.i5:before{content:"\f005";}
body .rating.h4 i.i1:before,body .rating.h4 i.i2:before,body .rating.h4 i.i3:before,body .rating.h4 i.i4:before{content:"\f005";font-weight:bold;}
body .rating.h4 i.i5:before{content:"\f005";}
body .rating.h5 i.i1:before,body .rating.h5 i.i2:before,body .rating.h5 i.i3:before,body .rating.h5 i.i4:before,body .rating.h5 i.i5:before{content:"\f005";font-weight:bold;}