@font-face{
	font-family:IRANSans;
	src:url("https://webassets.cafebazaar.ir/fonts/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"),
	url("https://webassets.cafebazaar.ir/fonts/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
	url("https://webassets.cafebazaar.ir/fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"),
	url("https://webassets.cafebazaar.ir/fonts/IRANSansWeb(FaNum)_Light.ttf") format("truetype")
}
body{
	margin:0;
	font-family: IRANSans,EnIRANSans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
	text-align: right;
	background: #3e3e3f;
	background-attachment: fixed;
	color:#ffffff;
 }
 a,p{color:#ffffff;}
.header {
	top:0;
	margin:0px;
	height:60px;
	position:fixed;
	width:100%;
	overflow: hidden;
    backdrop-filter: blur(10px); 
    background: rgba(100, 100, 100, 0.2);
    z-index: 1000;
	box-shadow: 0 0 10px #0F1010;
}
.widths{
	width: 95%;
}
.panel{
	background:url('../image/img222.png') no-repeat;
}
.panelpic_top{float:right;margin-right:10px;margin-top:15px;height:28px;width:28px;}


.item {
  margin-top:10px;
  border-radius:5px;
  background-color:#ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
  overflow:hidden;
}
.tik_,.tik_2{
    background-repeat: no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
}
.tik_2{
    background-image: url('https://farsroom.ir/image/m.png');
}
input[type=text] {
  width: 200px;
  border: 1px solid #bfbfbf;
  font-size: 16px;
  background-color: white;
  background-image: url('https://farsroom.ir/image/searchicon.png');
  background-position: 10px 5px; 
  background-repeat: no-repeat;
  padding: 5px 10px 8px 30px;
  text-align:right;
  direction:rtl;
  border-radius: 30px;
}
.panelpic{width:12px;height:12px;float:right;margin-right:20px;}
.itembig{
  border-radius:1px;
  background-color:#000000;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  overflow:hidden;
}
.h1{
	font-size: 1.75rem;
}
.div_{
	width: 30%;
	height: 160px;
}
.color{
  background-color: #0ea960;
}
.dot{
  height: 150px;
  width: 100%;
  background-color: #0ea960;
  border-radius: 50%;
  display: inline-block;
  margin-top: 88px;
}
.button_bazaar{
font-family: IRANSans,EnIRANSans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
background-color:#0ea960;color:#fefefe;border:0;outline:none;cursor:pointer;border-radius:200px;padding: 4px 15px;white-space: nowrap;min-width: 90px;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-decoration: none;
}
.menu{border:1px solid #000000;background:#000000;color:#000000;cursor:default;margin:1px;width:220px;height:40px;}
.menu:hover{border:1px solid #3a996d;background:#6db594;color:#000000;cursor:default;margin:1px;width:220px;}
.menuOk{border:1px solid #3a996d;background:#6db594;color:#000000;cursor:default;margin:1px;width:220px;}
.ths, .tds {
    padding: 8px;
}

.trs:nth-child(even){background-color: #f2f2f2}

.ths {
    background-color: #0ea960;
    color: white;
}
.imgs{
	box-shadow:0 2px 4px rgba(0,0,0,.2);
	border-radius:110px;
}

        .post_container {
            max-width: 300px;
            margin: 20px auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        /* هدر بالا */
        .post_header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 20px;
            border-bottom: 1px solid #37373b;
            background: #37373b;
        }
        
        /* بخش راست هدر - عکس و نام کاربر */
        .post_user-section {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .post_user-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #37373b;
            background: #e8e8e8;
        }
        
        .post_user-info {
            display: flex;
            flex-direction: column;
        }
        
        .post_user-name {
            font-size: 12px;
            font-weight: bold;
            color: white;
        }
        
        .post_user-username {
            font-size: 10px;
            color: #bbbbbb;
            margin-top: 4px;
        }
        
        /* بخش چپ هدر - تاریخ شمسی */
        .post_date-section {
            text-align: left;
            font-size: 10px;
        }
        
        .post_persian-date {
            color: #5a6a7a;
            background: #edf0f3;
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 13px;
        }
        
        /* محتوای پست */
        .post_content {
            padding: 0;
            background: #37373b;
        }
        
        .post_image {
            width: 100%;
            height: auto;
            display: block;
            background: #d0d7de;
        }
        
        /* بخش بازدید */
        .post_stats {
            display: flex;
            justify-content: flex-end;
            padding: 15px 20px;
            border-top: 1px solid #37373b;
            background: #37373b;
        }
        
        .post_views-count {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #2c3e50;
            font-size: 15px;
            background: #edf0f3;
            padding: 6px 14px;
            border-radius: 30px;
        }
        
        .post_views-icon {
            font-size: 18px;
        }




.app-container {
    margin: 0;
    font-family: tahoma;
    background: #3e3e3f;
    display: flex;
    justify-content: center;
    min-height: 100vh; /* جایگزین body height */
}

.map-container{
    position:relative;
    width:800px;
    height:800px;
    background-image:url("http://farsroom.ir/image/map.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

/* استایل عمومی استان‌ها */
.province{
    position:absolute;
    padding:4px 8px;
    border-radius:6px;
    font-size:13px;
    white-space:nowrap;
    transform:translate(-50%, -50%);
    font-weight:bold;
    cursor:pointer;
    transition:0.2s;
    color:#000;
}

.province:hover{
    transform:translate(-50%, -50%) scale(1.1);
    box-shadow:0 0 6px rgba(0,0,0,0.4);
}

/* شمال */
.gilan { top:155px; left:249px; }
.mazandaran { top:189px; left:324px; }
.golestan { top:162px; left:431px; }

/* شمال غرب */
.ardabil { top:114px; left:207px; }
.east_azar { top:138px; left:114px; }
.west_azar { top:188px; left:55px; }
.zanjan { top:192px; left:192px; }

/* غرب */
.kurdistan { top:237px; left:107px; }
.kermanshah { top:294px; left:89px; }
.ilan { top:364px; left:99px; }
.lorestan { top:342px; left:181px; }
.hamedan { top:279px; left:193px; }

/* مرکز */
.tehran { top:252px; left:319px; }
.alborz { top:232px; left:284px; }
.qazvin { top:215px; left:245px; }
.qom { top:290px; left:294px; }
.markazi { top:317px; left:249px; }
.isfahan { top:351px; left:342px; }

/* شرق */
.khorasan_north { top:135px; left:532px; }
.khorasan_razavi { top:241px; left:606px; }
.khorasan_south { top:361px; left:586px; }
.semnan { top:261px; left:441px; }

/* جنوب */
.fars { top:540px; left:395px; }
.kerman { top:500px; left:527px; }
.hormozgan { top:622px; left:501px; }
.boushehr { top:567px; left:288px; }
.kohgiluyeh { top:465px; left:280px; }
.chaharmahal { top:411px; left:281px; }
.khuzestan { top:441px; left:191px; }

/* جنوب شرق */
.sistan { top:550px; left:664px; }

/* یزد */
.yazd { top:411px; left:428px; }