/* =========================
   PPOB TRAVEL MODAL
========================= */

.ppob-travel-modal{
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:999999;

display:none;
align-items:center;
justify-content:center;

padding:20px;
box-sizing:border-box;

backdrop-filter:blur(3px);
}

/* ACTIVE */
.ppob-travel-modal.is-active{
display:flex;
}

/* BOX */
.ppob-travel-box{
background:#fff;

width:100%;
max-width:1280px;

height:92vh;

border-radius:16px;
overflow:hidden;

display:flex;
flex-direction:column;

box-shadow:
0 25px 80px rgba(0,0,0,.35);

animation:ppobTravelFade .2s ease;
}

/* ANIMATION */
@keyframes ppobTravelFade{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* TITLE */
.ppob-travel-title{
padding:16px;
font-size:18px;
font-weight:700;
text-align:center;

border-bottom:1px solid #eee;

background:#f8fafc;
}

/* BODY */
.ppob-travel-body{
flex:1;
overflow:hidden;
background:#fff;
}

/* IFRAME */
.ppob-travel-body iframe{
width:100%;
height:100%;
border:none;
display:block;
}

/* ACTION */
.ppob-travel-actions{
padding:12px 16px;
border-top:1px solid #eee;

display:flex;
justify-content:flex-end;
gap:10px;

background:#fff;
}

/* CLOSE BUTTON */
.ppob-travel-close{
background:#d63638;
color:#fff;

border:none;
border-radius:8px;

padding:10px 18px;

font-weight:600;
cursor:pointer;

transition:.2s;
}

.ppob-travel-close:hover{
background:#b32d2e;
}

.smitacs-pos-travel-grid{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));
gap:12px;
margin-top:10px;
}

.smitacs-pos-travel-grid
.smitacs-pos-category-item{

position:relative;
display:flex;
align-items:center;

padding:14px;

border:1px solid #ddd;
border-radius:12px;

background:#fff;
cursor:pointer;

transition:.2s;
}

.smitacs-pos-travel-grid
.smitacs-pos-category-item:hover{

border-color:#2271b1;
}

.smitacs-pos-travel-grid
.smitacs-pos-category-item input{

position:absolute;
opacity:0;
width:0;
height:0;
}

.smitacs-pos-travel-grid
.smitacs-pos-category-item:has(input:checked){

border-color:#2271b1;

background:#f0f6fc;

box-shadow:
0 0 0 2px rgba(34,113,177,.15);
}