/*
Theme Name: VisaCheck Pro
Theme URI: https://checkvisaonlinenow.com
Author: Sehrai
Author URI: https://checkvisaonlinenow.com
Description: Professional visa verification theme - Canada red default, India tricolor option, fully responsive
Version: 1.0
License: GPL v2 or later
*/

* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: 'Inter', sans-serif;
    background: #fff;
    color: #111;
    overflow-x: hidden;
}

/* ========== SKY BACKGROUND ========== */
.sky-bg {
    position: fixed; top:0; left:0; width:100vw; height:100vh; z-index:-2;
    background: linear-gradient(180deg, #4db8ff 0%, #b3e0ff 40%, #e6f7ff 100%);
    overflow: hidden;
}
.cloud-layer {
    position: absolute; width:200%; height:200px; background:rgba(255,255,255,0.8); border-radius:50%;
    animation: moveClouds linear infinite; filter:blur(0.5px);
}
.cloud-layer:nth-child(1){ top:10%; left:-50%; animation-duration:60s; opacity:0.9; }
.cloud-layer:nth-child(2){ top:25%; left:-30%; animation-duration:45s; opacity:0.7; transform:scale(1.2); }
.cloud-layer:nth-child(3){ top:45%; left:-70%; animation-duration:55s; opacity:0.6; transform:scale(0.8); }
.cloud-layer:nth-child(4){ top:70%; left:-60%; animation-duration:50s; opacity:0.75; transform:scale(1.1); }
.cloud-layer:nth-child(5){ top:85%; left:-40%; animation-duration:65s; opacity:0.5; transform:scale(1.3); }
@keyframes moveClouds { 0%{ transform:translateX(0); } 100%{ transform:translateX(100%); } }
.plane {
    position:absolute; font-size:2.5rem; color:#fff; text-shadow:0 5px 15px rgba(0,0,0,0.2);
    animation:flyPlane linear infinite;
}
.plane1 { top:15%; left:-100px; animation-duration:16s; }
.plane2 { top:55%; left:-150px; animation-duration:22s; animation-delay:6s; font-size:2rem; }
.plane3 { top:75%; left:-80px; animation-duration:18s; animation-delay:10s; font-size:2.2rem; }
@keyframes flyPlane { 0%{ transform:translateX(0) rotate(3deg); } 100%{ transform:translateX(calc(100vw + 300px)) rotate(-3deg); } }
.main-content { position:relative; z-index:1; }

/* ========== COLOR VARIABLES ========== */
:root {
    --primary: #D80621;
    --primary-hover: #b20000;
    --bg-light: rgba(255,255,255,0.9);
}
body.scheme-india {
    --primary: #FF9933;
    --primary-hover: #e68a00;
}

/* ========== NAVBAR ========== */
.navbar {
    display:flex; justify-content:space-between; align-items:center;
    padding:15px 5%; background: var(--bg-light); backdrop-filter:blur(15px);
    box-shadow:0 2px 15px rgba(0,0,0,0.05);
    position:sticky; top:0; z-index:1000;
}
.logo { font-size:1.8rem; font-weight:900; color:var(--primary); text-decoration:none; }
.logo span { color:#000; }
.menu-toggle {
    display:none;
    background:none; border:none; font-size:2rem; color:var(--primary); cursor:pointer;
}
.nav-links {
    display:flex; align-items:center; gap:15px;
}
.nav-links a {
    text-decoration:none; color:var(--primary); font-weight:600; font-size:0.95rem; transition:0.3s;
}
.nav-links a:hover { color:#000; }
.btn-apply {
    background:var(--primary); color:#fff !important; padding:10px 24px; border-radius:50px;
    font-weight:700; box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.lang-switch { margin-left:10px; }
.lang-switch a { color:var(--primary); font-weight:600; text-decoration:none; padding:0 3px; }

/* Mobile menu styles */
@media (max-width:768px) {
    .menu-toggle { display:block; }
    .nav-links {
        display:none;
        flex-direction:column;
        position:absolute; top:60px; left:0; width:100%;
        background:rgba(255,255,255,0.98); backdrop-filter:blur(10px);
        padding:20px; box-shadow:0 10px 20px rgba(0,0,0,0.1);
        align-items:flex-start;
    }
    .nav-links.active { display:flex; }
    .nav-links a { margin:10px 0; }
    .lang-switch { margin-left:0; margin-top:10px; }
}

/* ========== HERO & SEARCH ========== */
.hero { padding:50px 5% 30px; text-align:center; }
.hero h1 { font-size:2.5rem; font-weight:900; color:var(--primary); margin-bottom:15px; }
.hero p { font-size:1.1rem; color:#222; max-width:700px; margin:0 auto 30px; }
.search-card {
    background:rgba(255,255,255,0.85); backdrop-filter:blur(25px);
    border-radius:30px; padding:35px 25px; max-width:800px; margin:0 auto;
    box-shadow:0 25px 50px rgba(0,0,0,0.1);
}
.form-row { display:flex; flex-wrap:wrap; gap:15px; margin-bottom:15px; }
.form-group { flex:1 1 45%; text-align:left; }
.form-group.full { flex:1 1 100%; }
.form-group label { font-weight:700; color:var(--primary); margin-bottom:5px; display:block; }
.form-group input, .form-group select {
    width:100%; padding:12px 15px; border:2px solid #eee; border-radius:12px;
    font-family:'Inter', sans-serif; font-size:1rem; transition:0.3s; background:#fff;
}
.form-group input:focus, .form-group select:focus {
    border-color:var(--primary); box-shadow:0 0 0 4px rgba(216,6,33,0.1); outline:none;
}
.btn-search {
    width:100%; background:var(--primary); color:#fff; border:none; padding:16px;
    font-size:1.2rem; font-weight:700; border-radius:50px; cursor:pointer;
    transition:0.3s; box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.btn-search:hover { background:var(--primary-hover); transform:translateY(-2px); }

/* Responsive form */
@media (max-width:768px) {
    .hero h1 { font-size:1.8rem; }
    .hero p { font-size:1rem; }
    .form-group { flex:1 1 100%; }
}

/* ========== COUNTRY SECTIONS ========== */
.country-section { display:flex; flex-wrap:wrap; align-items:center; padding:60px 5%; gap:30px; }
.country-img { flex:1 1 45%; border-radius:25px; overflow:hidden; box-shadow:0 25px 50px rgba(0,0,0,0.2); }
.country-img img { width:100%; height:auto; display:block; transition:0.5s; }
.country-img:hover img { transform:scale(1.05); }
.country-info { flex:1 1 45%; }
.country-info h2 { font-size:2.2rem; font-weight:900; color:var(--primary); margin-bottom:15px; }
.country-info p { font-size:1.05rem; line-height:1.7; color:#333; margin-bottom:20px; }
.btn-country {
    background:var(--primary); color:#fff; padding:12px 28px; border-radius:50px;
    text-decoration:none; font-weight:700; display:inline-block; transition:0.3s;
}
.btn-country:hover { background:var(--primary-hover); transform:translateY(-3px); }

@media (max-width:768px) {
    .country-section { flex-direction:column !important; } /* force stack, even row-reverse */
    .country-img { flex:1 1 100%; }
    .country-info { flex:1 1 100%; }
}

/* ========== GALLERY ========== */
.gallery-section { padding:60px 5%; background:rgba(255,255,255,0.8); }
.section-title { text-align:center; font-size:2.2rem; color:var(--primary); margin-bottom:40px; }
.gallery-grid {
    display:grid; grid-template-columns: repeat(3, 1fr);
    gap:20px; max-width:1200px; margin:0 auto;
}
.gallery-item img {
    width:100%; border-radius:15px; box-shadow:0 10px 20px rgba(0,0,0,0.1);
    transition:0.3s; display:block;
}
.gallery-item img:hover { transform:scale(1.03); }

@media (max-width:768px) {
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:480px) {
    .gallery-grid { grid-template-columns: 1fr; justify-items:center; }
    .gallery-item { max-width:280px; }
    .gallery-item img { width:100%; }
}

/* ========== JOBS TABLE ========== */
.jobs-section { padding:60px 5%; }
.jobs-table-wrap { overflow-x:auto; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.05); }
.jobs-table { width:100%; border-collapse:collapse; background:#fff; min-width:600px; }
.jobs-table th, .jobs-table td { padding:12px 15px; text-align:left; border-bottom:1px solid #eee; }
.jobs-table th { background:var(--primary); color:#fff; font-weight:600; }
.btn-apply-job {
    background:var(--primary); color:#fff !important; padding:6px 14px;
    border-radius:20px; text-decoration:none; font-size:0.9rem; display:inline-block;
}

/* ========== TESTIMONIALS ========== */
.testimonials { padding:60px 5%; text-align:center; background:rgba(255,255,255,0.6); }
.testimonial-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:25px; }
.testimonial-card {
    background:#fff; padding:30px 25px; border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05); flex:1 1 240px; max-width:320px;
    border-left:5px solid var(--primary);
}
.stars { color:var(--primary); margin-bottom:10px; }

/* ========== STATS ========== */
.stats-section {
    background:rgba(255,255,255,0.8); display:flex; flex-wrap:wrap;
    justify-content:center; gap:30px; padding:50px 5%; text-align:center;
}
.stat-item h3 { font-size:2.5rem; font-weight:900; color:var(--primary); margin-bottom:5px; }
.stat-item p { font-weight:600; color:#333; }

/* ========== FOOTER ========== */
.footer {
    background:var(--primary); color:#fff; padding:50px 5% 20px;
    display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px;
}
.footer-col h3 { font-size:1.5rem; margin-bottom:15px; }
.footer-col p, .footer-col a { color:#fff; opacity:0.9; text-decoration:none; display:block; margin-bottom:8px; }
.footer-description { max-width:400px; line-height:1.6; margin-bottom:15px; }
.footer-bottom { width:100%; text-align:center; padding-top:20px; border-top:1px solid rgba(255,255,255,0.3); margin-top:20px; }

/* ========== MODAL ========== */
.modal-overlay {
    display:none; position:fixed; top:0; left:0; width:100%; height:100%;
    background:rgba(0,0,0,0.5); z-index:2000; justify-content:center; align-items:center;
}
.modal {
    background:#fff; border-radius:20px; padding:30px 20px; max-width:480px; width:95%;
    box-shadow:0 30px 60px rgba(0,0,0,0.3); max-height:90vh; overflow-y:auto;
}
.modal h2 { color:var(--primary); margin-bottom:20px; text-align:center; }
.modal .form-group { margin-bottom:15px; }
.modal .btn-apply { width:100%; padding:14px; }
.close-modal { float:right; font-size:1.5rem; cursor:pointer; color:#999; }

/* ========== GLOBAL RESPONSIVE FINE-TUNE ========== */
@media (max-width:768px) {
    .section-title { font-size:1.8rem; }
    .stat-item h3 { font-size:2rem; }
    .footer { flex-direction:column; text-align:center; }
    .footer-col { width:100%; }
}
@media (max-width:480px) {
    .hero h1 { font-size:1.5rem; }
    .btn-apply, .btn-search { font-size:1rem; padding:12px; }
}