@import url("font.css");

body{
    font-family: 'IRANSans', sans-serif;
}

.page-content{
padding-bottom:70px;
}


.btn-mycolor {
    background-color: #1c3048;   /* رنگ دلخواه */
    color: #fff;                 /* رنگ متن */
    border: none;
}


.btn-mycolor:hover {
    background-color: #a2c338;   /* رنگ هنگام hover */
    color: #1c3048;
}

.btn-outline-mycolor {
    color: #1c3048;
    border: 1px solid #1c3048;
    background-color: transparent;
    transition: all 0.25s;
}

.btn-outline-mycolor:hover {
    background-color: #a2c338;
    color: #1c3048;
}

.bg-mycolor {
    background-color: #1c3048;   /* رنگ دلخواه */
    color: #fff;                 /* رنگ متن */
    border: none;
}

.text-mytext {
    color: white;
}
.text-mytexttwo {
    color: #a2c338;                 /* رنگ متن */
}

/* mobile nav */

.mobile-nav{
position:fixed;
bottom:0;
right:0;
left:0;
background:#fff;
border-top:1px solid #ddd;
display:none;
z-index:999;
}

.mobile-nav a{
flex:1;
text-align:center;
padding:10px;
font-size:14px;
color:#333;
text-decoration:none;
}

.mobile-nav a:hover{
background:#f5f5f5;
}


/* فاصله بین لینک های منو در دسکتاپ و موبایل */
.desktop-nav a + a {
  margin-right: 20px; /* فاصله ۵۰ پیکسل همیشه اعمال شود */
}

@media (max-width:768px){
  .desktop-nav {
    display: none;
  }
  .mobile-nav {
    display: flex;
  }
}





.filter-box{
max-height:200px;
overflow-y:auto;
border:1px solid #eee;
padding:10px;
border-radius:6px;
}

.filter-search{
margin-bottom:8px;
}

.filter-title{
background:#f8f8f8;
padding:10px 12px;
border-radius:6px;
cursor:pointer;
font-weight:600;
position:relative;
transition:0.2s;
}

.filter-title:hover{
background:#f8f8f8;
}

.filter-title::after{
content:"▼";
position:absolute;
left:10px;
font-size:12px;
color:#666;
}


.card-img-top{
height:280px;
object-fit:cover;
}


.card-title{
height:40px;
overflow:hidden;
}

/* فونت پاپ‌آپ نقشه */
.leaflet-popup-content {
    font-family: 'IRANSans', sans-serif !important;
    direction: rtl;
    text-align: right;
}

.tour-description{
    text-align: justify;
    line-height: 2;
}

.place-desc{
    text-align: justify;
    line-height: 2;
}

.main-image{
    width:100%;
    height:100%;
    max-height:360px;
    object-fit:cover;
    cursor:pointer;
}

/* دسکتاپ */

@media (min-width:768px){

.gallery-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    height:360px;
    overflow-y:auto;
}

.gallery-thumb{
    width:100%;
    height:85px;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
}

}

/* موبایل */

@media (max-width:767px){

.gallery-container{
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding-top:10px;
}

.gallery-thumb{
    min-width:120px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
}

}

.gallery-scroll{
    max-height:350px;
    overflow-y:auto;
    padding-left:5px;
}

.gallery-thumb{
    width:100%;
    height:90px;
    object-fit:cover;
    margin-bottom:8px;
    border-radius:8px;
    cursor:pointer;
    transition:0.2s;
}

.gallery-thumb:hover{
    transform:scale(1.03);
}