/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 30-Mar-2026, 6:18:47 am
    Author     : Raimech_Aero
*/
/* MOBILE DEFAULT */
.tour-grid a{
    text-decoration: none;
    color: #1e5250;
}
.tour-grid a:active{
    text-decoration: none;
    color: #1e5250;
}
.tour-grid a:hover{
    text-decoration: none;
    color: #1e5250;
}
.tour-info p{
   
    color: #1e5250;
}
.page_container
{
    display:block;
}
.explore_head{
    color:#1e88e5;
}
.tour-grid{
display:grid;
grid-template-columns:1fr;
gap:20px;
padding:15px;
}

.tour-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.tour-img-wrap{
position:relative;
height:180px;
overflow:hidden;
}

.tour-img-wrap img{
width:100%;
height:100%;
object-fit:cover;
}

.tour-overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:12px;
background:linear-gradient(transparent,rgba(0,0,0,0.8));
color:#fff;
}

.tour-overlay h3{
margin:0;
font-size:16px;
}

.tour-overlay p{
margin:5px 0 0;
font-size:13px;
}

.tour-info{
padding:12px;
}

.tour-itinerary{
font-size:13px;
color:#666;
margin:8px 0;
}

.tour-btn{
display:inline-block;
padding:7px 12px;
background:#ff6b00;
color:#fff;
text-decoration:none;
border-radius:5px;
font-size:13px;
}

.buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.edit_button,
.remove_button{
width:auto;
margin-left:0;
margin-top:10px;
}

/* PAGINATION MOBILE */

.pagination{
display:flex;
flex-wrap:wrap;
gap:6px;
list-style:none;
margin-top:20px;
}

.pagination li a{
padding:6px 10px;
font-size:14px;
}
.pagination{
display:flex;
gap:8px;
list-style:none;
margin-top:30px;
}

.pagination li a{
padding:8px 14px;
border:1px solid #ddd;
text-decoration:none;
color:#333;
border-radius:6px;
background:white;
}

.pagination li a:hover{
background:#f5f5f5;
}

.pagination li.active span{
background:#1e88e5;
color:white;
padding:8px 14px;
border-radius:6px;
border:1px solid #1e88e5;
}
.buttons{
    display: flex;

}
.edit_button{
    background: #1e88e5;
    color: white;
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid #1e88e5;
    width:50px;
    text-align: center;
    margin-left:10px;
    margin-top:20px;
}
.edit_button a{
    color:white;
    text-decoration: none;
}

.remove_button{
    background: #fb9754;
    color: white;
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid #bf6020;
    width:50px;
    text-align: center;
    margin-left:10px;
    margin-top:20px;
  
}
.remove_button a{
    color:white;
    text-decoration: none;
}

/* TABLET */

@media (max-width:991px)
{
.tour-grid{
grid-template-columns:repeat(2,1fr);
}
.search_row{
    display: block;
    margin-left: 8.33%;
    margin-bottom: 25px;
}

.search_col {
    display: flex;
    
}
.search_col input[type="text"]
{
    width:80%;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.search_col select{
    width:80%;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.search_btn{
    display: flex;
}
.search_btn button{
    width: 80%;
    height: 25px;
    margin-left: 10%;
    margin-bottom: 25px;
    border-radius: 8px;
}

}
@media (min-width: 992px)
{
.page_container
{
    display:block;
}
.tour-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
padding:20px;
}

.search_row{
    display: flex;
    margin-left: 8.33%;
    margin-bottom: 25px;
}

.search_col {
    display: flex;
    
}
.search_col input[type="text"]
{
    width:80%;
    margin-left: auto;
    margin-right: auto;
}
.search_col select{
    width:80%;
    margin-left: auto;
    margin-right: auto;
}
.search_btn{
    display: flex;
}
.search_btn button{
    width: 80%;
    margin-left: 10%;
}

.tour-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
transition:transform .3s, box-shadow .3s;
}

.tour-card:hover{
transform:translateY(-8px);
box-shadow:0 12px 25px rgba(0,0,0,0.2);
}

.tour-img-wrap{
position:relative;
height:220px;
overflow:hidden;
}
.tour-img-wrap a{
    text-decoration: none;
    color: orange;
}
.tour-img-wrap img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .4s;
}

.tour-card:hover img{
transform:scale(1.1);
}

.tour-overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:15px;
background:linear-gradient(transparent,rgba(0,0,0,0.8));
color:#fff;
}

.tour-overlay h3{
margin:0;
font-size:18px;
}

.tour-overlay p{
margin:5px 0 0;
font-size:14px;
}

.tour-info{
padding:15px;
}

.tour-itinerary{
font-size:14px;
color:#666;
margin:10px 0;
}

.tour-btn{
display:inline-block;
padding:8px 14px;
background:#ff6b00;
color:#fff;
text-decoration:none;
border-radius:5px;
font-size:14px;
transition:background .3s;
}

.tour-btn:hover{
background:#e65c00;
}

.tour-grid{
grid-template-columns:repeat(3,1fr);
}
.alert_success {
	text-align: center;
	color: #6da318;
	font-size: 1.75rem;
	display: block;
	box-shadow: 3px 5px 18px gray;
	height: 50px;
	border-radius: 12px;
}
.alert_error
{
        text-align: center;
        color : red;
        font-size: 1.75rem;
        display: block;
        box-shadow: 3px 5px 18px gray;
        height: 50px;
        border-radius: 12px;
}

}