:root{--primary-color:#1a2b7c;--secondary-color:#d11141;--background-color:#ffcc00;--card-color:#ffffff;--text-color:#333333;--accent-color:#00aeef;--link-color:#0008a7;--link-hover-color:#1a2b7c;--results-background-color:#f0f8ff;--border-radius:10px;--box-shadow:0 4px 15px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto',Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.top-bar{background:#ffcc00;padding:0.5rem 1rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%;border-radius:var(--border-radius)}.theme-toggle-container{display:flex;align-items:center;gap:0.5rem}.theme-switch{position:relative;display:inline-block;width:60px;height:30px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border:1px solid #ccc;transition:.4s;border-radius:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-family:"Font Awesome 5 Free";font-weight:900}.slider::before{content:"\f185";color:#ffcc00;font-size:18px}.slider::after{content:"\f186";color:#d3d3d3;font-size:18px}input:checked+.slider{background-color:#2d2d2d;border-color:#555}input:checked+.slider::before{color:#333333}input:checked+.slider::after{color:#fff}header{background:#ffcc00;padding:1rem;max-width:1200px;margin:0.5rem auto 0;border-radius:var(--border-radius);position:sticky;top:0;z-index:1000;width:100%}.date-container{display:inline-block;white-space:normal;text-align:left}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%;position:relative}.logo img{width:200px;height:auto}.navbar-toggle{display:none;cursor:pointer;font-size:1.5rem;color:var(--link-color);background:none;border:none;padding:0.5rem}.main-nav{display:flex;list-style:none}.main-nav li{margin-left:1.5rem}.nav-links{color:var(--link-color);text-decoration:none;font-size:1rem;padding:0.5rem 1rem;display:block;transition:color 0.3s ease}.nav-links:hover{color:var(--link-hover-color);text-decoration:underline}a{text-decoration:none;color:var(--link-color)}a:hover{text-decoration:underline;color:var(--link-hover-color)}@media (max-width:480px){.logo img{max-width:100px;height:auto}}@media (max-width:820px){.navbar-toggle{display:block}.main-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#ffcc00;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.2);z-index:1000}.main-nav.active{display:flex}.main-nav li{margin:0.5rem 0;margin-left:0}.nav-links{padding:0.75rem 1rem;width:100%;text-align:center}.logo img{width:100%;max-width:140px;height:auto}}main{flex:1;padding:2rem 0}#flight-calculator-section{padding:2rem;background-color:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto;max-width:800px}.flight-calculator-title{color:var(--primary-color);text-align:center;margin-bottom:0.5rem;font-size:2.5rem}.flight-calculator-description{text-align:center;margin-bottom:2rem;color:var(--text-color);opacity:0.9}.flight-calculator-form{display:grid;grid-template-columns:1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:0.5rem;font-weight:500;color:var(--text-color)}.input-wrapper{position:relative;display:flex;align-items:center}.form-group input{padding:0.75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;background-color:var(--card-color);color:var(--text-color)}.form-group input#to-airport{padding-right:2rem}.clear-icon{position:absolute;right:0.75rem;cursor:pointer;color:#999;display:none}.clear-icon:hover{color:var(--text-color)}.form-group .from-airport{background-color:#f0f0f0;cursor:not-allowed;font-weight:500}#flight-results{margin-top:2rem;padding:1.5rem;background-color:var(--results-background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);text-align:center;display:none;transition:all 0.3s ease}#flight-results.visible{display:block}#flight-results h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem}.results-main{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.result-box{flex:1;min-width:200px;padding:1.5rem;border-radius:var(--border-radius);background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.result-box.primary{flex-basis:100%;flex-grow:2;border:2px solid var(--secondary-color);background-color:#fff8f9}.result-label{font-size:1rem;color:var(--text-color);opacity:0.8;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.result-value{font-size:2.8rem;font-weight:700;color:var(--secondary-color);line-height:1.2}.result-value-secondary{font-size:1.8rem;font-weight:700;color:var(--primary-color);line-height:1.2}.flight-extras{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #ccc}.flight-extras p{font-size:1rem;opacity:0.9;margin:0.5rem 0}.flight-extras a{font-weight:700}#flight-results .disclaimer{margin-top:1.5rem;font-size:0.8rem;opacity:0.7}#map{height:400px;margin-top:2rem;border-radius:var(--border-radius);border:1px solid #ccc;display:none}#map.visible{display:block}.tips-section{margin-top:2rem;padding:1.5rem;background-color:aliceblue;border:1px solid var(--accent-color);border-radius:var(--border-radius);display:none}.tips-section.visible{display:block}.tips-section h2,.tips-section h3{color:var(--primary-color);margin-bottom:1rem;text-align:center}.tips-section ul{list-style-type:none;padding-left:0}.tips-section li{margin-bottom:0.8rem;padding-left:1.5rem;position:relative;text-align:left}.tips-section li::before{content:'✈️';position:absolute;left:0;top:2px}.jetlag-section{display:none}.jetlag-section.visible{display:block}
@media (min-width:600px){.flight-calculator-form{grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}}footer{background-color:#232323;color:white;text-align:center;padding:2rem 1rem;margin-top:3rem;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}footer a{color:#ffffff;text-decoration:none;margin:0 0.5rem}footer a:hover{color:#ffcc00;text-decoration:underline}[data-theme="dark"]{--primary-color:#4a6bff;--secondary-color:#ff5277;--background-color:#1a1a1a;--card-color:#2d2d2d;--text-color:#e0e0e0;--results-background-color:#3a3a4a;--link-color:#ffffff;--link-hover-color:#ffcc00}[data-theme=dark] .top-bar,[data-theme=dark] header,[data-theme=dark] .main-nav{background:#2d2d2d}[data-theme=dark] .navbar-toggle,[data-theme=dark] .nav-links{color:var(--link-color)}[data-theme=dark] .nav-links:hover{color:var(--link-hover-color)}[data-theme=dark] body{background-color:var(--background-color)}[data-theme=dark] footer{background-color:#121212}[data-theme=dark] .form-group .from-airport{background-color:#444;color:#ccc}[data-theme=dark] #flight-results{border-color:var(--primary-color)}[data-theme=dark] .result-box{background-color:#272730}[data-theme=dark] .result-box.primary{background-color:#3f2e3c}[data-theme=dark] .tips-section{background-color:#3a3a4a;border-color:var(--accent-color)}[data-theme=dark] .leaflet-tile-pane{filter:brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7)}
.tips-list {
            list-style: none;
            padding: 0;
        }
        .tips-list li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 10px;
        }
        .tips-list li::before {
            position: absolute;
            left: 0;
            font-size: 1.2em;
            line-height: 1.5;
        }
        /* Hasznos Tippek a Repüléshez icons */
        .tips-list li.clock::before {
            content: "🕒"; /* Clock icon for "Indulj időben" */
        }
        .tips-list li.bag::before {
            content: "👜"; /* Bag icon for "Okos kézipoggyász" */
        }
        .tips-list li.clothing::before {
            content: "👕"; /* Clothing icon for "Réteges öltözködés" */
        }
        .tips-list li.ear::before {
            content: "👂"; /* Ear icon for "Füldugulás ellen" */
        }
		
		/* A lakat ikon pozicionálása és stílusa */
#toggle-from-lock {
    position: absolute;
    right: 0.75rem;
    cursor: pointer;
    color: #999;
    top: 50%;
    transform: translateY(-50%);
}
#toggle-from-lock:hover {
    color: var(--text-color);
}
/* Az input mezőnek helyet adunk az ikon számára */
#from-airport {
    padding-right: 2.5rem;
    width: 100%;
}
/* A zárolt állapot stílusa */
#from-airport[readonly] {
    background-color: #f0f0f0;
    cursor: not-allowed;
    font-weight: 500;
}
/* Sötét mód stílus a zárolt állapothoz */
[data-theme=dark] #from-airport[readonly] {
    background-color: #444;
    color: #ccc;
}

/* === BREADCRUMB STYLES START === */
.breadcrumb-nav {
    margin-bottom: 1.5rem;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.breadcrumb li {
    display: inline;
}

.breadcrumb li+li::before {
    content: " > ";
    padding: 0 0.5em;
    color: #6c757d;
}

.breadcrumb li a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb li a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

.breadcrumb li[aria-current="page"] {
    color: var(--text-color);
    font-weight: 500;
}

[data-theme="dark"] .breadcrumb-nav {
    background-color: rgba(0, 0, 0, 0.2);
}

/* === BREADCRUMB STYLES END === */