/*
Theme Name: Charsoogh Ad Feed (قالب ثبت آگهی)
Description: قالب ساده ثبت و نمایش آگهی‌ها با صفحه اول بدون محتوای تبلیغاتی و بارگذاری خودکار هنگام اسکرول.
Version: 2.1.0
Author: Claude
Text Domain: lpg-gas
Requires PHP: 7.4
*/
:root{--c1:#0b3d91;--c2:#ff6a00;--bg:#f4f7fb;--tx:#1c2733;--mut:#667085;--br:#e3e8ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;line-height:1.9;direction:rtl}
a{color:var(--c1);text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.topbar{background:var(--c1);color:#fff;font-size:13px;padding:6px 0}
.topbar .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.site-header{background:#fff;border-bottom:1px solid var(--br);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;font-size:20px;color:var(--c1)}
.brand span{color:var(--c2)}
.nav a{margin-inline-start:18px;color:var(--tx);font-weight:600}
.btn{display:inline-block;background:var(--c2);color:#fff;border:0;border-radius:12px;padding:12px 26px;font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.btn:hover{filter:brightness(.92)}
.btn.alt{background:#fff;color:var(--c1);border:2px solid var(--c1)}
.btn[disabled]{opacity:.6;cursor:wait}
.hero{background:linear-gradient(135deg,#0b3d91,#1565d8);color:#fff;padding:64px 0}
.hero .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.hero h1{font-size:38px;line-height:1.5;margin:0 0 12px}
.hero p{font-size:17px;opacity:.92;margin:0 0 24px}
.hero svg{width:100%;max-width:260px;display:block;margin:auto}
section{padding:54px 0}
h2.title{font-size:26px;margin:0 0 26px;text-align:center}
.card{background:#fff;border:1px solid var(--br);border-radius:18px;padding:26px;box-shadow:0 6px 22px rgba(16,24,40,.05)}
.product{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}
.product .pic{background:var(--bg);border-radius:14px;padding:20px;text-align:center}
.product .pic img,.product .pic svg{max-height:300px;width:auto;margin:auto}
.price{font-size:22px;font-weight:800;color:var(--c2);margin:8px 0 14px}
.feat{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.feat li:before{content:"✔";color:#12a150;margin-inline-end:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{text-align:center}
.step b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c1);color:#fff;margin-bottom:8px}
.form{max-width:640px;margin:auto}
.form label{display:block;font-weight:700;margin:14px 0 6px}
.form input,.form select,.form textarea{width:100%;border:1px solid #cfd6e0;border-radius:10px;padding:12px;font:inherit;background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #9bbcf5;border-color:var(--c1)}
.form .ltr{direction:ltr;text-align:right}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.locbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
#ljs-locst{font-size:14px;color:var(--mut)}
#ljs-locst.ok{color:#12a150;font-weight:700}
#ljs-locst.err{color:#d92d20}
.form{position:relative}
.hp,.form input.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;inset-inline-start:0!important;top:0!important}
.msg{margin-top:16px;padding:14px;border-radius:10px;display:none;font-weight:600}
.msg.ok{display:block;background:#e7f8ee;color:#087443}
.msg.err{display:block;background:#fde8e7;color:#b42318}
.site-footer{background:#0f1b2d;color:#c7d0dc;padding:28px 0;text-align:center;font-size:14px}
.callfab{display:none}
.entry{background:#fff;padding:26px;border-radius:14px;border:1px solid var(--br)}
@media(max-width:780px){
 .hero .wrap,.product,.steps,.row{grid-template-columns:1fr}
 .hero h1{font-size:28px}.nav{display:none}
 .callfab{display:block;position:fixed;bottom:16px;inset-inline-start:16px;background:#12a150;color:#fff;border-radius:999px;padding:12px 20px;font-weight:700;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.25)}
}
.hero-img{width:100%;max-width:420px;border-radius:18px;display:block;margin:auto;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.thumbs{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.thumbs img{height:60px;width:auto;border-radius:8px;border:2px solid transparent;cursor:pointer;background:#fff}
.thumbs img:hover{border-color:var(--c2)}
.locsec{padding-bottom:40px}
.mapbox iframe{width:100%;height:340px;border:0;border-radius:12px;display:block}
.mapaddr{text-align:center;margin:14px 0 0;color:var(--mut)}
.mapbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}

/* ---- اصلاحات موبایل ---- */
.hero .wrap>*,.product>*,.row>*,.steps>*{min-width:0}
.card,.form,.entry{max-width:100%}
.site-header .wrap{min-height:64px;height:auto;gap:10px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
@media(max-width:780px){
 section{padding:36px 0}
 .wrap{padding:0 14px}
 .topbar .wrap{justify-content:center;text-align:center;font-size:12px}
 .site-header .wrap{justify-content:space-between}
 .site-header .btn{padding:8px 12px;font-size:13px}
 .brand{font-size:17px}
 .hero{padding:36px 0}
 .hero h1{font-size:24px}
 .hero p{font-size:15px}
 .card{padding:18px}
 .mapbox iframe{height:260px}
 .btn{max-width:100%}
}
/* ---- انتخاب موقعیت روی نقشه نشان ---- */
html.ljs-lock{overflow:hidden}
#ljs-modal{display:none;position:fixed;inset:0;z-index:200;background:#fff;flex-direction:column}
#ljs-modal.open{display:flex}
.pk-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--br);font-weight:700}
.pk-head button{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--tx)}
.pk-body{position:relative;flex:1;min-height:0}
#ljs-pickmap{position:absolute;inset:0}
#ljs-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);pointer-events:none;z-index:5}
#ljs-pickhint{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);padding:6px 14px;border-radius:99px;font-size:13px;z-index:6;box-shadow:0 2px 10px rgba(0,0,0,.15);white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
.pk-foot{padding:10px 14px;display:flex;gap:10px;border-top:1px solid var(--br)}
.pk-foot .btn{flex:1;text-align:center;padding:12px 8px}

/* ---- نقشه نشان در فوتر ---- */
.sitemap{position:relative;height:340px;border-radius:12px;overflow:hidden;background:#e9eef5}
.sitemap .mappin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);pointer-events:none;z-index:5}
@media(max-width:780px){.sitemap{height:260px}}

/* =====================================================
   ریسپانسیو کامل: موبایل / تبلت / دسکتاپ
   ===================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg,video,canvas,iframe{max-width:100%}
.card,.entry,.hero p,.step,.feat li,.mapaddr{overflow-wrap:anywhere}
.entry img{height:auto}
.entry iframe{width:100%}
.entry table{display:block;max-width:100%;overflow-x:auto}
.entry pre{max-width:100%;overflow-x:auto}
.form input,.form select,.form textarea{font-size:16px;max-width:100%}

/* عنوان‌ها روان */
.hero h1{font-size:clamp(24px,4.4vw,38px)}
h2.title{font-size:clamp(21px,3.2vw,26px)}
.product h3{font-size:clamp(20px,3vw,24px)!important}

/* نوار مدیریت وردپرس (کاربر لاگین) */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* تبلت */
@media(max-width:1024px){
 .wrap{padding:0 20px}
 section{padding:44px 0}
 .hero{padding:48px 0}
 .hero .wrap{gap:22px}
 .product{gap:22px}
 .nav a{margin-inline-start:12px}
}
@media(min-width:781px) and (max-width:900px){
 .site-header .wrap{height:auto;min-height:64px}
 .site-header .btn{padding:8px 14px;font-size:14px}
}

/* موبایل: منو به‌جای حذف شدن، به‌صورت یک ردیف زیر هدر نمایش داده می‌شود */
@media(max-width:780px){
 .nav{display:flex;order:3;flex:1 0 100%;justify-content:center;gap:18px;padding:0 0 6px;overflow-x:auto;white-space:nowrap}
 .nav a{margin:0;font-size:14px}
 .callfab{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
 .locbox .btn{width:100%;text-align:center}
 .mapbtns .btn{flex:1 1 100%;text-align:center}
}
@media(max-width:380px){
 .wrap{padding:0 12px}
 .btn{padding:11px 18px}
 .hero .btn{display:block;text-align:center}
}
/* گوشی در حالت افقی */
@media(max-height:480px) and (orientation:landscape){
 .hero{padding:28px 0}
 #ljs-pickhint{display:none}
}


/* Clean classifieds feed */
body.lpg-ad-listing{background:#f5f6f8;color:#202124;min-height:100vh}
.ad-feed{width:min(1280px,100%);margin:0 auto;padding:16px}
.ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ad-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .18s ease,transform .18s ease}
.ad-card:hover{box-shadow:0 7px 20px rgba(0,0,0,.09);transform:translateY(-2px)}
.ad-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.ad-card__image{width:100%;aspect-ratio:4/3;background:#eef0f3;overflow:hidden}
.ad-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.ad-card__body{padding:12px;display:flex;flex:1;flex-direction:column;gap:7px}
.ad-card__title{font-size:15px;line-height:1.7;margin:0;font-weight:700;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-card__excerpt{font-size:13px;line-height:1.8;color:#646b73;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ad-card__date{margin-top:auto;padding-top:4px;font-size:11px;color:#8a9098}
.ad-scroll-status{text-align:center;color:#6b7280;font-size:13px;padding:16px;min-height:10px}
#ad-scroll-sentinel{height:2px;width:100%}
.ad-pagination{text-align:center;padding:20px}
.ad-pagination .page-numbers{display:inline-block;padding:5px 10px;margin:2px;border:1px solid #ddd;border-radius:6px}
@media(max-width:1000px){.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:680px){.ad-feed{padding:8px}.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ad-card{border-radius:9px}.ad-card__body{padding:9px;gap:5px}.ad-card__title{font-size:13px}.ad-card__excerpt{font-size:11px}.ad-card__image{aspect-ratio:1/1}}
@media(max-width:360px){.ad-grid{grid-template-columns:1fr}.ad-card__image{aspect-ratio:16/9}}


/* =====================================================
   سبک دیوار (Divar) — هدر، صفحهٔ اول، تک‌آگهی
   نوار کنار فقط در دسکتاپ (≥ 1025px) نمایش داده می‌شود
   ===================================================== */
:root{--dv-red:#a62626;--dv-red-d:#8f1f1f;--dv-tx:#3a3a3a;--dv-mut:#8d8d8d;--dv-line:#e0e0e0;--dv-fill:#f2f2f2}
body.lpg-ad-listing{background:#fff;color:var(--dv-tx);font-family:Vazirmatn,"Vazir",Tahoma,sans-serif;line-height:1.7}
body.lpg-ad-listing a{color:inherit}
body.lpg-ad-listing section{padding:0}

/* ---- هدر ---- */
.dv-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.admin-bar .dv-header{top:32px}
.dv-header__in{max-width:1500px;margin:0 auto;padding:0 14px;height:68px;display:flex;align-items:center;gap:6px}
.dv-logo{font-weight:800;font-size:26px;color:var(--dv-red)!important;padding:0 6px;white-space:nowrap;display:flex;align-items:center}
.dv-logo img{max-height:38px;width:auto;display:block}
.dv-vsep{width:1px;height:28px;background:var(--dv-line);margin:0 8px}
.dv-hbtn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;font:inherit;font-size:15px;color:var(--dv-tx);padding:8px 12px;cursor:pointer;border-radius:6px;white-space:nowrap}
.dv-hbtn:hover{background:var(--dv-fill)}
.dv-catbtn{gap:10px}
.dv-search{flex:1;min-width:120px;max-width:600px;display:flex;align-items:center;gap:8px;background:var(--dv-fill);border-radius:6px;padding:0 14px;height:50px;color:var(--dv-mut);margin:0 6px}
.dv-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;color:var(--dv-tx);outline:0;height:100%;-webkit-appearance:none;appearance:none}
.dv-search input::placeholder{color:#8d8d8d}
.dv-nav{display:flex;align-items:center;margin-inline-start:auto}
.dv-post{background:var(--dv-red);color:#fff!important;font-weight:700;font-size:15px;padding:10px 24px;border-radius:6px;white-space:nowrap;margin-inline-start:6px}
.dv-post:hover{background:var(--dv-red-d)}

/* ---- صفحهٔ اول ---- */
.dv-page{max-width:1500px;margin:0 auto;padding:24px 14px 40px;display:flex;align-items:flex-start;gap:24px}
.dv-sidebar{flex:0 0 310px;width:310px;position:sticky;top:92px;padding-inline-end:6px}
.admin-bar .dv-sidebar{top:124px}
.dv-side__title{font-size:13px;font-weight:500;margin:6px 0 14px;color:var(--dv-tx)}
.dv-side__title small{font-size:13px;color:var(--dv-mut);font-weight:400}
.dv-cats{list-style:none;margin:0;padding:0}
.dv-cats a{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:#4b4b4b;border-radius:6px}
.dv-cats a:hover{color:var(--dv-red)}
.dv-cats svg{flex:none;color:#6b6b6b}
.dv-sep{border:0;border-top:1px solid var(--dv-line);margin:18px 0 22px}
.dv-filter .dv-side__title{font-size:16px;font-weight:700}
.dv-range{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.dv-range span{font-size:14px;color:#6b6b6b;width:18px;text-align:center}
.dv-range input{flex:1;min-width:0;height:50px;border:1px solid #c9c9c9;border-radius:4px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:var(--dv-tx);outline:0}
.dv-range input:focus{border-color:var(--dv-red)}
.dv-main{flex:1;min-width:0;padding:0}
.dv-crumb{margin:8px 0 18px;font-size:13px;color:var(--dv-mut)}
.dv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}

/* ---- کارت آگهی ---- */
.dv-card{background:#fff;border:1px solid var(--dv-line);border-radius:4px;transition:box-shadow .15s}
.dv-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}
.dv-card__link{display:flex;align-items:stretch;gap:20px;padding:20px;min-height:210px;height:100%}
.dv-card__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.dv-card__title{font-size:16px;font-weight:700;line-height:1.9;margin:0;color:#2b2b2b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dv-card__meta{font-size:14px;line-height:2;color:var(--dv-mut);overflow-wrap:anywhere}
.dv-card__img{position:relative;flex:0 0 170px;width:170px;height:170px;background:#eee;border-radius:4px;overflow:hidden}
.dv-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.dv-badge{position:absolute;top:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.62);color:#fff;border-radius:4px;padding:1px 8px;font-size:12px;line-height:22px}
.dv-badge--lg{top:auto;bottom:12px;inset-inline-end:auto;inset-inline-start:12px;font-size:13px}

/* ---- تک‌آگهی ---- */
.dv-single{max-width:1180px;margin:0 auto;padding:30px 20px 60px}
.dv-bc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--dv-mut);margin-bottom:34px}
.dv-bc a:hover{color:var(--dv-red)}
.dv-bc svg{color:#aaa}
.dv-single__cols{display:flex;gap:56px;align-items:flex-start}
.dv-info{flex:1 1 50%;min-width:0}
.dv-gallery{flex:0 0 min(610px,50%);width:min(610px,50%);min-width:0}
.dv-info__title{font-size:28px;font-weight:700;line-height:1.6;margin:0 0 14px;color:#2b2b2b}
.dv-info__sub{font-size:16px;color:#4b4b4b;padding-bottom:22px}
.dv-warn{display:flex;align-items:center;gap:10px;font-size:15px;padding:16px 0;border-top:1px solid var(--dv-line);border-bottom:1px solid var(--dv-line)}
.dv-warn svg{flex:none;color:#4b4b4b}
.dv-actions{display:flex;align-items:center;gap:12px;padding:20px 0 12px}
.dv-btn{font:inherit;font-size:16px;font-weight:700;height:50px;padding:0 28px;border-radius:4px;cursor:pointer;min-width:156px}
.dv-btn--red{background:var(--dv-red);color:#fff;border:1px solid var(--dv-red)}
.dv-btn--red:hover{background:var(--dv-red-d)}
.dv-btn--line{background:#fff;color:var(--dv-tx);border:1px solid #bdbdbd;font-weight:500}
.dv-btn--line:hover{background:var(--dv-fill)}
.dv-icon{background:none;border:0;padding:8px;cursor:pointer;color:#555;border-radius:50%;display:grid;place-items:center}
.dv-icon:hover{background:var(--dv-fill)}
.dv-actions .dv-icon:first-of-type{margin-inline-start:auto}
.dv-rows{margin:0}
.dv-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--dv-line);font-size:16px}
.dv-row dt{color:var(--dv-mut);margin:0;flex:none}
.dv-row dd{margin:0;text-align:end;overflow-wrap:anywhere}
.dv-desc{padding-top:22px;font-size:16px;line-height:2.1;color:#3a3a3a;overflow-wrap:anywhere}
.dv-desc img{height:auto;border-radius:4px}
.dv-gallery__main{position:relative;background:#f5f5f5;border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.dv-gallery__main img{width:100%;height:100%;object-fit:cover;display:block}
.dv-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.dv-thumbs img{height:64px;width:86px;object-fit:cover;border-radius:4px;border:1px solid var(--dv-line);cursor:pointer;flex:none}
.dv-note{display:block;width:100%;margin-top:34px;border:1px solid #bdbdbd;border-radius:4px;padding:14px;font:inherit;font-size:16px;resize:vertical;min-height:150px;outline:0;color:var(--dv-tx)}
.dv-note:focus{border-color:var(--dv-red)}
.dv-note__hint{font-size:13px;color:var(--dv-mut);margin:8px 0 0}

/* ---- دسکتاپ کوچک / تبلت ---- */
@media(max-width:1280px){.dv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){
  /* موبایل و تبلت: بدون نوار کنار */
  .dv-sidebar{display:none}
  .dv-page{display:block;padding:14px 12px 30px}
  .dv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dv-nav .dv-hbtn span{display:none}
  .dv-catbtn,.dv-vsep{display:none}
  .dv-single__cols{flex-direction:column-reverse;gap:22px}
  .dv-gallery{flex:none;width:100%}
  .dv-info{flex:none;width:100%}
  .dv-info__title{font-size:22px}
}
@media(max-width:680px){
  .admin-bar .dv-header{top:46px}
  .dv-header__in{height:58px;padding:0 10px;gap:2px}
  .dv-logo{font-size:21px;padding:0 4px}
  .dv-city span{display:none}
  .dv-hbtn{padding:8px}
  .dv-search{height:40px;margin:0 4px;padding:0 10px}
  .dv-nav{display:none}
  .dv-post{padding:8px 14px;font-size:14px;margin-inline-start:2px}
  .dv-page{padding:6px 0 24px}
  .dv-crumb{display:none}
  .dv-grid{grid-template-columns:1fr;gap:0}
  .dv-card{border-width:0 0 1px;border-radius:0}
  .dv-card:hover{box-shadow:none}
  .dv-card__link{padding:14px 12px;min-height:0;gap:12px}
  .dv-card__img{flex-basis:118px;width:118px;height:118px}
  .dv-card__title{font-size:15px}
  .dv-card__meta{font-size:13px;line-height:1.9}
  .dv-single{padding:10px 12px 40px}
  .dv-bc{margin-bottom:14px}
  .dv-gallery__main{border-radius:0;margin:0 -12px;aspect-ratio:1/1}
  .dv-btn{flex:1;min-width:0;padding:0 12px}
  .dv-actions{flex-wrap:wrap}
}