/* VietnamLocal Custom Styles */
.vnl-hero{position:relative;height:520px;background:linear-gradient(rgba(9,16,87,.55),rgba(9,16,87,.7)),var(--hero-bg) center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin:-30px -30px 0;padding:0 20px}
.vnl-hero h1{font-family:'Raleway',sans-serif;font-size:48px;font-weight:900;margin-bottom:12px;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.vnl-hero p{font-size:18px;opacity:.9;margin-bottom:32px;max-width:550px;margin-left:auto;margin-right:auto}
.vnl-search{display:flex;background:#fff;border-radius:50px;overflow:hidden;max-width:520px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.vnl-search input{flex:1;border:none;padding:16px 24px;font-size:16px;font-family:'Raleway';outline:none}
.vnl-search button{background:#00A8E8;color:#fff;border:none;padding:16px 28px;font-weight:700;cursor:pointer;font-family:'Raleway';font-size:15px}
.vnl-section{padding:60px 20px;max-width:1200px;margin:0 auto}
.vnl-title{font-family:'Raleway',sans-serif;font-size:28px;font-weight:900;margin-bottom:8px;color:#091057}
.vnl-sub{color:#666;font-size:15px;margin-bottom:32px}
.vnl-dest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.vnl-dest-card{border-radius:16px;overflow:hidden;position:relative;height:240px;cursor:pointer;transition:transform .3s}
.vnl-dest-card:hover{transform:translateY(-6px)}
.vnl-dest-card img{width:100%;height:100%;object-fit:cover}
.vnl-dest-card .overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.vnl-dest-card .overlay h3{font-family:'Raleway',sans-serif;font-size:18px;font-weight:700}
.vnl-dest-card .overlay span{font-size:12px;opacity:.8}
.vnl-picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vnl-pick-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s}
.vnl-pick-card:hover{transform:translateY(-4px)}
.vnl-pick-card .img{height:180px;position:relative;overflow:hidden}
.vnl-pick-card .img img{width:100%;height:100%;object-fit:cover}
.vnl-badge{position:absolute;top:12px;left:12px;background:#00A8E8;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}
.vnl-verified{position:absolute;top:12px;right:12px;background:#22c55e;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}
.vnl-pick-card .info{padding:16px}
.vnl-pick-card .info h4{font-family:'Raleway',sans-serif;font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.3;color:#091057}
.vnl-pick-card .info .meta{font-size:12px;color:#888;margin-bottom:8px}
.vnl-tag{background:#f0f7ff;color:#024caa;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;margin:2px}
.vnl-cat-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.vnl-cat-item{text-align:center;cursor:pointer;transition:transform .3s}
.vnl-cat-item:hover{transform:translateY(-4px)}
.vnl-cat-item .icon{width:72px;height:72px;background:rgba(0,168,232,.12);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 10px}
.vnl-cat-item span{font-size:14px;font-weight:700;color:#091057}
.vnl-cta{background:linear-gradient(135deg,#091057,#024caa);border-radius:24px;padding:60px;text-align:center;color:#fff;max-width:900px;margin:0 auto}
.vnl-cta h2{font-family:'Raleway',sans-serif;font-size:32px;font-weight:900;margin-bottom:12px}
.vnl-cta p{opacity:.85;margin-bottom:32px;font-size:16px}
.vnl-plans{display:flex;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.vnl-plan{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:24px 32px;min-width:200px}
.vnl-plan.premium{border-color:#00A8E8;background:rgba(0,168,232,.15)}
.vnl-plan h4{font-size:18px;margin-bottom:4px}
.vnl-plan .price{font-size:28px;font-weight:900}
.vnl-plan .price small{font-size:14px;font-weight:400;opacity:.7}
.vnl-plan ul{text-align:left;margin-top:12px;font-size:13px;list-style:none;padding:0}
.vnl-plan ul li{padding:3px 0}
.vnl-plan ul li::before{content:"✓ ";color:#00A8E8;font-weight:700}
.vnl-btn{display:inline-block;background:#00A8E8;color:#fff!important;padding:14px 40px;border-radius:50px;font-weight:700;font-size:16px;transition:.3s;text-decoration:none!important}
.vnl-btn:hover{background:#0090c8;transform:scale(1.05)}
.vnl-view-all{text-align:center;margin-top:24px}
.vnl-view-all a{color:#00A8E8;font-weight:700;font-size:15px}
/* Destination page */
.vnl-dest-hero{position:relative;height:380px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin:-30px -30px 0;padding:0 20px}
.vnl-dest-hero h1{font-family:'Raleway',sans-serif;font-size:52px;font-weight:900;margin-bottom:8px}
.vnl-dest-hero p{font-size:18px;opacity:.85}
.vnl-tabs{display:flex;justify-content:center;gap:8px;padding:20px;flex-wrap:wrap}
.vnl-tab{padding:10px 24px;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;transition:.3s;border:2px solid #e5e5e5;color:#666;text-decoration:none!important;display:inline-block}
.vnl-tab:hover{border-color:#00A8E8;color:#00A8E8}
.vnl-tab.active{background:#00A8E8;color:#fff!important;border-color:#00A8E8}
.vnl-listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.vnl-list-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.vnl-list-card .thumb{height:200px;position:relative;overflow:hidden;background:#ddd}
.vnl-list-card .thumb img{width:100%;height:100%;object-fit:cover}
.vnl-list-card .badges{position:absolute;top:12px;left:12px;display:flex;gap:6px}
.vnl-b{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff}
.vnl-b-verified{background:#22c55e}
.vnl-b-pick{background:#f59e0b}
.vnl-b-budget{background:rgba(0,0,0,.5)}
.vnl-list-card .body{padding:20px}
.vnl-list-card .body h3{font-family:'Raleway',sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.3;color:#091057}
.vnl-list-card .body .desc{font-size:13px;color:#666;line-height:1.6;margin-bottom:12px}
.vnl-list-card .body .stars{color:#f59e0b;font-size:13px;margin-bottom:12px}
.vnl-list-card .lock{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px dashed #ddd;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.vnl-list-card .lock span{font-size:12px;color:#888}
.vnl-btn-unlock{background:#091057;color:#fff!important;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-decoration:none!important}
@media(max-width:768px){
.vnl-dest-grid{grid-template-columns:repeat(2,1fr)}
.vnl-picks-grid{grid-template-columns:repeat(2,1fr)}
.vnl-listing-grid{grid-template-columns:1fr}
.vnl-hero h1{font-size:32px}
.vnl-dest-hero h1{font-size:36px}
.vnl-plans{flex-direction:column;align-items:center}
}

/* === FIX: Override WP FSE theme constraints === */
.vnl-hero,
.vnl-dest-hero {
    margin-left: calc(-1 * var(--wp--style--root--padding-left, 1rem)) !important;
    margin-right: calc(-1 * var(--wp--style--root--padding-right, 1rem)) !important;
    width: calc(100% + var(--wp--style--root--padding-left, 1rem) + var(--wp--style--root--padding-right, 1rem)) !important;
    max-width: none !important;
}
.vnl-section {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 60px 20px !important;
}
.vnl-dest-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
}
.vnl-dest-card {
    display: block !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 240px !important;
    text-decoration: none !important;
}
.vnl-dest-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.vnl-dest-card .overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 20px !important;
    background: linear-gradient(transparent, rgba(0,0,0,.75)) !important;
    color: #fff !important;
}
.vnl-dest-card .overlay h3 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 2px !important;
}
.vnl-dest-card .overlay span {
    font-size: 12px !important;
    opacity: .8 !important;
}
.vnl-picks-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}
.vnl-pick-card .img {
    height: 180px !important;
    overflow: hidden !important;
}
.vnl-pick-card .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
/* Remove WP default link underlines inside our components */
.vnl-dest-card:where(:not(.wp-element-button)),
.vnl-cat-item:where(:not(.wp-element-button)),
.vnl-btn:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}
/* Tabs fix */
.vnl-tabs {
    margin-left: calc(-1 * var(--wp--style--root--padding-left, 1rem)) !important;
    margin-right: calc(-1 * var(--wp--style--root--padding-right, 1rem)) !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
.vnl-listing-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}
@media(max-width:768px) {
    .vnl-dest-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .vnl-picks-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .vnl-listing-grid { grid-template-columns: 1fr !important; }
}