/* GANBOLSA COFFEE THEME V2 */
:root{
--coffee:#4A3428;
--fblue:#0B5CFF;
--yellow:#ffc312;
--blue:#0B5CFF;
--lightblue:#f1f4f7;
--gray:#f0f2f5;
--darkblue:#0B5CFF;
--citygreen:#048276;
--bg:#ffffff;
--card:#FFFFFF;
--text:#2B2B2B;
--muted:#7A726C;
--border:#dadde1;
--border-select:#f1f4f7;
--borderblue:#d2e9ff;
--bordergray:#f1f4f7;
--radius:0px;
--shadow:0 2px 12px rgba(0,0,0,.05);
}

body{background:var(--bg);color:var(--text);}
.site-header{background:var(--bg);border-bottom:1px solid var(--border);}
.quick-item{border:1px solid var(--border);}
.search-card{border-top:0px solid var(--border);border-bottom:0px solid var(--border);border-left:0px solid var(--border);border-right:0px solid var(--border);box-shadow:none!important;}

.listing-card,.blog-card,.card{border-top:0px solid var(--border);border-bottom:1px solid var(--border);border-left:0px solid var(--border);border-right:0px solid var(--border);box-shadow:none!important;}

.select-box-color{border:0px solid var(--border)!important;box-shadow:none!important;}
.select-box{border-top:0px solid var(--border-select);border-bottom:1px solid var(--border-select);border-left:1px solid var(--border-select);border-right:1px solid var(--border-select);!important;box-shadow:none!important;}

.quick-item{color:var(--darkblue)!important;}
.listing-city{color:var(--citygreen)!important;}
.success-box{background: #e8fff0;color: #0b7a2a;!important;border:1px solid var(--border);}
.bottom-nav{border-top:1px solid var(--border)!important;box-shadow:none!important;}
.save-btn,.share-btn,.report-btn{border:0px solid var(--border);}
.blog-category,.action-link:hover,a:hover{color:#ffc312;}


/* ===== Links ===== */
/* Example 1: Fixed dimensions with auto height to maintain aspect ratio */
img {
  width: 300px;
  height: auto;
}

/* Example 2: Responsive scaling using percentages */
.container img {
  width: 100%;
  height: auto;
}


.gb-menu-banner{
    text-align:center;
    padding:0px;
}

.gb-menu-banner img{
    width:220px !important;
    max-width:220px !important;
    height:auto !important;
    display:inline-block;
}

.upload-btn{
    display:block;
    width:100%;
    padding:16px;
    text-align:center;
    border:0px solid var(--border);
    background:#fff;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
}

.upload-btn:hover{
    background:#ffffff;
}

#file-name{
    margin-top:10px;
    font-size:18px;
    color:#0866ff;
    text-align:center;
}

input[type=file]::file-selector-button{
    background:#ffffff;
    color:#ffffff;
    border:none;
    padding:8px 15px;
    font-size:16px;
    cursor:pointer;
}
input[type=file]{
    font-size:0;
}

.luat-thue-title{
        font-size: 20px;
    font-weight: 700;
    color:#050505;
    text-align:center;
  
}