/* ========== MODERN, CLEAN CSS ========== */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI',Roboto,sans-serif; }
:root {
    --black:#0a0a0a; --dark:#151515; --yellow:#FFD700; --orange:#FF8C00; --deep-orange:#FF4500;
    --gold-grad:linear-gradient(135deg,#FFD700,#FF8C00,#FF4500); --orange-grad:linear-gradient(135deg,#FF8C00,#FF4500);
    --card-bg:rgba(20,20,20,0.85); --text-light:#f0f0f0; --radius:24px; --transition:0.25s;
}
html { scroll-behavior:smooth; scroll-padding-top:80px; }
body {
    background: var(--black);
    color: var(--text-light);
    line-height: 1.5;
    overflow-x: hidden;
    position: relative;
}
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url('../images/nightindesert.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.12;
    z-index: -1;
}
#loading-screen { position:fixed; inset:0; background:#000; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:10000; transition:opacity 0.8s; }
.loading-logo { width:200px; height:120px; display:flex; align-items:center; justify-content:center; animation:pulse 2s infinite; }
.loading-logo img { max-width:100%; max-height:100%; object-fit:contain; }
.loading-text { font-size:2rem; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:bold; margin-top:20px; }
@keyframes pulse { 0%,100%{ opacity:0.9; transform:scale(1); } 50%{ opacity:1; transform:scale(1.03); } }
header { background:rgba(10,10,10,0.97); padding:0.8rem 5%; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:999; box-shadow:0 4px 20px rgba(255,140,0,0.15); backdrop-filter:blur(12px); flex-wrap:wrap; }
.logo-container { display:flex; align-items:center; gap:12px; flex-wrap:wrap; cursor:pointer; position:relative; }
.logo-container:hover { opacity:0.9; }
.logo-img { width:55px; height:55px; border-radius:12px; overflow:hidden; background:#1a1a1a; border:1px solid var(--orange); }
.logo-img img { width:100%; height:100%; object-fit:cover; }
.logo-text { font-size:1.7rem; font-weight:800; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:0.5px; }
.admin-badge { display:none; position:absolute; top:-5px; right:-5px; background:var(--orange); color:white; font-size:0.6rem; width:18px; height:18px; border-radius:50%; align-items:center; justify-content:center; font-weight:bold; z-index:2; }
.admin-mode .admin-badge { display:flex; }
nav ul { display:flex; list-style:none; gap:1.2rem; flex-wrap:wrap; }
nav a { color:#eee; text-decoration:none; font-weight:600; font-size:0.95rem; padding:0.5rem 0.2rem; transition:0.2s; border-bottom:2px solid transparent; white-space:nowrap; }
nav a:hover, nav a.active { color:var(--yellow); border-bottom-color:var(--orange); }
.mobile-menu-btn { display:none; background:none; border:none; color:white; font-size:2rem; cursor:pointer; }

/* Language & Currency Switcher */
.lang-switcher, .currency-switcher { display:flex; gap:6px; margin-left:0.5rem; }
.lang-btn, .currency-select {
    background:transparent;
    border:1px solid #555;
    color:#ccc;
    padding:4px 10px;
    border-radius:20px;
    cursor:pointer;
    font-size:0.8rem;
    transition: all 0.2s;
}
.lang-btn.active { background:var(--orange); color:white; border-color:var(--orange); }
.lang-btn:hover, .currency-select:hover { border-color:var(--orange); color:var(--yellow); }

/* Dark grey currency select */
.currency-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #2a2a2a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFD700' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 28px;
    min-width: 70px;
    text-align: left;
    color: #ccc;
}
.currency-select:focus {
    outline: none;
    border-color: var(--orange);
    box-shadow: 0 0 0 2px rgba(255,140,0,0.3);
}

.video-hero { position:relative; width:100%; height:85vh; min-height:550px; max-height:900px; overflow:hidden; background:#000; }
.video-hero video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }
.video-overlay { position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.4)); z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; }
.hero-down-arrow { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); z-index:3; color:var(--yellow); font-size:2rem; animation:bounce 2s infinite; cursor:pointer; }
@keyframes bounce { 0%,20%,50%,80%,100%{ transform:translateX(-50%) translateY(0); } 40%{ transform:translateX(-50%) translateY(-10px); } 60%{ transform:translateX(-50%) translateY(-5px); } }
.video-content { max-width:900px; z-index:3; animation:fadeUp 1s; }
.video-content h1 { font-size:4rem; margin-bottom:1rem; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 4px 15px rgba(0,0,0,0.5); line-height:1.2; }
.video-content p { font-size:1.6rem; margin-bottom:2rem; color:#f0f0f0; text-shadow:0 2px 8px rgba(0,0,0,0.8); }
.video-btn { display:inline-block; background:var(--orange-grad); color:#fff; padding:14px 48px; border-radius:40px; font-weight:700; font-size:1.3rem; text-decoration:none; box-shadow:0 8px 20px rgba(255,140,0,0.4); transition:0.2s; border:none; cursor:pointer; }
.video-btn:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(255,140,0,0.6); }
section { padding:5rem 5%; position:relative; z-index:1; }
.section-title { font-size:3rem; text-align:center; margin-bottom:1.5rem; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:700; letter-spacing:-0.5px; }
.section-subtitle { font-size:2.2rem; color:var(--yellow); margin:3rem 0 1.5rem; text-align:center; position:relative; display:inline-block; left:50%; transform:translateX(-50%); padding-bottom:8px; border-bottom:2px solid var(--orange); }
.btn { display:inline-block; background:var(--orange-grad); color:#fff; padding:12px 32px; border-radius:40px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:all var(--transition); box-shadow:0 4px 12px rgba(255,140,0,0.3); text-align:center; border:1px solid transparent; font-size:1rem; }
.btn:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(255,140,0,0.5); border-color:rgba(255,255,255,0.2); }
.btn-sm { padding:6px 14px; font-size:0.85rem; }
.admin-toolbar { position:fixed; bottom:0; left:0; right:0; background:rgba(0,0,0,0.95); border-top:2px solid var(--orange); padding:0.5rem 2rem; display:none; align-items:center; justify-content:space-between; z-index:9999; font-size:0.85rem; }
.admin-mode .admin-toolbar { display:flex; }
.admin-toolbar .session-time { color:var(--yellow); }
.admin-toolbar .quick-actions { display:flex; gap:1rem; align-items:center; }
.admin-toolbar .quick-actions button { background:transparent; border:1px solid #555; color:#ccc; padding:4px 12px; border-radius:20px; cursor:pointer; font-size:0.8rem; transition:0.2s; }
.admin-toolbar .quick-actions button:hover { background:var(--orange); color:white; border-color:var(--orange); }
.save-reminder { color:var(--yellow); animation:pulse 1s infinite; display:none; }
.save-reminder.show { display:inline; }
.tours-scroll-wrapper { position:relative; }
.tours-scroll-arrows { display:flex; justify-content:space-between; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); pointer-events:none; z-index:2; padding:0 1rem; }
.tours-scroll-arrow { background:rgba(0,0,0,0.6); border:none; color:var(--yellow); width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; pointer-events:auto; transition:0.2s; font-size:1.2rem; }
.tours-scroll-arrow:hover { background:var(--orange); }
.tours-scroll { display:flex; overflow-x:auto; gap:2rem; padding-bottom:1rem; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; }
.tours-scroll::-webkit-scrollbar { height:8px; }
.tours-scroll::-webkit-scrollbar-track { background:#1a1a1a; border-radius:4px; }
.tours-scroll::-webkit-scrollbar-thumb { background:var(--orange); border-radius:4px; }
.tour-card { background:var(--card-bg); border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,140,0,0.3); transition:0.3s; backdrop-filter:blur(10px); display:flex; flex-direction:column; box-shadow:0 10px 20px rgba(0,0,0,0.5); flex:0 0 auto; width:320px; scroll-snap-align:start; height:100%; }
.tours-grid .tour-card { width:100%; }
.tour-card:hover { transform:translateY(-12px); box-shadow:0 25px 35px rgba(255,140,0,0.2); border-color:var(--orange); }
.tour-img { height:200px; overflow:hidden; background-color:#1a1a1a; }
.tour-img img { width:100%; height:100%; object-fit:cover; display:block; }
.tour-header { padding:1.5rem 1.5rem 0.5rem; }
.tour-title { font-size:1.8rem; color:var(--yellow); line-height:1.2; }
.tour-price { font-size:2.2rem; font-weight:800; color:var(--orange); margin-top:5px; }
.tour-duration { color:#ccc; margin-bottom:0.5rem; font-size:1rem; }
.tour-body { padding:0 1.5rem 1.8rem; flex:1; display:flex; flex-direction:column; }
.tour-actions { display:flex; gap:10px; margin-top:auto; }
.tour-actions .btn { flex:1; text-align:center; padding:10px 8px; }
.search-container { text-align:center; margin:2rem 0; display:flex; justify-content:center; align-items:center; gap:1rem; flex-wrap:wrap; }
.search-container input, .search-container select { padding:0.9rem 1.5rem; background:#0a0a0a; border:1px solid var(--orange); border-radius:40px; color:white; font-size:1rem; max-width:300px; }
#tourCount { color:#ccc; font-size:0.9rem; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem; }
.gallery-item { position:relative; border-radius:16px; overflow:hidden; box-shadow:0 8px 18px black; background:#222; aspect-ratio:4/3; cursor:pointer; transition:transform 0.3s; }
.gallery-item:hover { transform:scale(1.03); box-shadow:0 12px 24px rgba(255,140,0,0.3); }
.gallery-item img { width:100%; height:100%; object-fit:cover; display:block; }
.gallery-item .placeholder-overlay { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#1a1a1a; color:#888; font-size:1.2rem; }
.reviews-carousel { position:relative; max-width:800px; margin:0 auto; }
.review-card { background:#1e1e1e; padding:1.5rem 2rem; border-radius:20px; border-left:6px solid var(--orange); margin:0; color:#eee; }
.review-header { display:flex; justify-content:space-between; margin-bottom:0.5rem; }
.review-rating i { color:gold; margin-right:2px; }
.review-reply { margin-top:1rem; padding:1rem; background:#151515; border-radius:12px; border-left:3px solid var(--yellow); color:#ccc; }
.carousel-controls { display:flex; justify-content:center; align-items:center; gap:2rem; margin-top:1.5rem; }
.carousel-arrow { background:rgba(255,140,0,0.3); border:1px solid var(--orange); color:white; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:0.2s; font-size:1.5rem; }
.carousel-arrow:hover { background:var(--orange); transform:scale(1.05); }
.carousel-indicator { color:#ccc; font-size:1rem; }
.step-indicator { display:flex; justify-content:center; margin-bottom:2rem; gap:0; }
.step-dot { width:40px; height:40px; border-radius:50%; background:#333; display:flex; align-items:center; justify-content:center; font-weight:bold; border:2px solid #555; transition:0.3s; }
.step-dot.active { background:var(--orange); border-color:var(--orange); }
.step-dot.completed { background:var(--yellow); border-color:var(--yellow); color:#000; }
.step-line { flex:1; height:2px; background:#555; align-self:center; max-width:60px; }
.booking-form { max-width:850px; margin:0 auto; background:rgba(18,18,18,0.95); padding:2.5rem; border-radius:30px; border:1px solid rgba(255,140,0,0.5); backdrop-filter:blur(8px); box-shadow:0 20px 30px rgba(0,0,0,0.6); }
.form-row { display:flex; gap:1.2rem; margin-bottom:1rem; }
.form-group { flex:1; margin-bottom:1.2rem; }
label { display:block; margin-bottom:8px; color:#ddd; font-weight:500; }
input, select, textarea { width:100%; padding:0.9rem 1.2rem; background:#0a0a0a; border:1px solid #555; border-radius:14px; color:white; font-size:1rem; transition:0.2s; }
input:focus, select:focus, textarea:focus { border-color:var(--orange); outline:none; box-shadow:0 0 0 3px rgba(255,140,0,0.2); }
.modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.95); z-index:2000; align-items:center; justify-content:center; padding:1rem; backdrop-filter:blur(6px); }
.modal-content { background:#1e1e1e; max-width:900px; width:100%; max-height:90vh; overflow-y:auto; padding:2rem; border-radius:var(--radius); border:2px solid var(--orange); position:relative; color:#eee; }
.close-modal { position:absolute; top:1rem; right:1.2rem; background:none; border:none; color:#fff; font-size:2rem; cursor:pointer; }
.close-modal:hover { color:var(--orange); }
#detailTitle { font-size:2.2rem; margin-bottom:1.5rem; text-align:center; background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.itinerary-day { background:rgba(255,140,0,0.08); padding:1.2rem; border-radius:16px; margin-bottom:1.5rem; border-left:6px solid var(--yellow); }
.itinerary-day h4 { color:var(--yellow); font-size:1.3rem; margin-bottom:0.8rem; display:flex; align-items:center; gap:8px; }
.itinerary-day ul { margin-left:1.5rem; list-style-type:disc; color:#ddd; }
.itinerary-day li { padding:0.3rem 0; border-bottom:none; display:list-item; }
.pdf-btn-container { margin-top:2rem; text-align:center; }
.staff-card { display:flex; align-items:center; gap:2.5rem; background:rgba(30,30,30,0.9); border-radius:40px; padding:2.5rem; max-width:750px; margin:2rem auto; border:1px solid var(--orange); backdrop-filter:blur(8px); }
.staff-img { width:170px; height:170px; border-radius:50%; background:#333; border:4px solid var(--yellow); overflow:hidden; flex-shrink:0; }
.staff-img img { width:100%; height:100%; object-fit:cover; }
.why-choose-us { background:#111; border-radius:30px; padding:3rem; border:1px solid var(--orange); max-width:900px; margin:0 auto; }
.why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2rem; margin-top:2rem; }
.why-item { text-align:center; padding:1rem; }
.why-item i { font-size:2.5rem; color:var(--orange); margin-bottom:1rem; }
.fab-book { position:fixed; background:var(--orange-grad); color:#fff; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.8rem; box-shadow:0 8px 20px rgba(255,140,0,0.5); z-index:1500; transition:0.3s; text-decoration:none; }
.fab-whatsapp { bottom:8rem; right:2rem; background:#25D366; }
.fab-book-now { bottom:3rem; right:2rem; }
.fab-book:hover { transform:scale(1.1); }
.destination-guide { max-width:800px; margin:0 auto; }
.guide-accordion { background:#1a1a1a; border-radius:16px; margin-bottom:1rem; overflow:hidden; }
.guide-accordion-header { padding:1.2rem 1.5rem; cursor:pointer; font-size:1.3rem; color:var(--yellow); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #333; }
.guide-accordion-body { padding:1.5rem; display:none; color:#ccc; line-height:1.8; }
.guide-accordion.active .guide-accordion-body { display:block; }
.admin-overlay { position:fixed; top:0; right:0; width:100%; max-width:800px; height:100%; background:#111; z-index:10000; transform:translateX(100%); transition:transform 0.3s; box-shadow:-4px 0 20px rgba(0,0,0,0.8); display:flex; flex-direction:column; overflow-y:auto; padding:2rem; }
.admin-overlay.open { transform:translateX(0); }
.admin-overlay-close { position:absolute; top:1rem; right:1rem; background:none; border:none; color:var(--yellow); font-size:2rem; cursor:pointer; }
.admin-dashboard { margin:0; border:none; max-height:none; }
.admin-tabs { display:flex; gap:0.5rem; margin-bottom:2rem; flex-wrap:wrap; }
.admin-tab { background:#1a1a1a; border:1px solid #444; color:#ccc; padding:0.6rem 1.2rem; border-radius:30px; cursor:pointer; font-weight:600; }
.admin-tab.active { background:var(--orange); color:white; border-color:var(--orange); }
.admin-tab-content { display:none; max-height:60vh; overflow-y:auto; }
.admin-tab-content.active { display:block; }
.admin-feedback { margin-top:1rem; padding:0.8rem; border-radius:12px; font-weight:600; }
.admin-feedback.success { background:#064e06; color:#8f8; border:1px solid green; }
.admin-feedback.error { background:#4e0606; color:#faa; border:1px solid red; }
.itinerary-editor { background:#1a1a1a; border-radius:20px; padding:1.2rem; margin-top:1rem; }
.itinerary-day-editor { background:#0f0f0f; border-radius:14px; padding:1rem; margin-bottom:1rem; border-left:4px solid var(--orange); }
.itin-detail-row { display:flex; gap:8px; margin:0.5rem 0; }
.itin-detail-row input { flex:1; }
.admin-logout-btn { position:absolute; top:1rem; right:4rem; background:#dc3545; color:white; border:none; padding:8px 20px; border-radius:20px; cursor:pointer; font-weight:600; font-size:0.9rem; z-index:10; }
.admin-logout-btn:hover { background:#c82333; }
.inline-edit-btn { background:none; border:none; color:var(--orange); cursor:pointer; font-size:0.9rem; margin-left:8px; }
.inline-edit-btn:hover { color:var(--yellow); }
.inline-delete-btn { background:none; border:none; color:#dc3545; cursor:pointer; font-size:0.9rem; margin-left:4px; }
.inline-delete-btn:hover { color:#ff6b6b; }
.inline-add-row { display:flex; gap:8px; margin-top:0.5rem; }
.inline-add-row input { flex:1; padding:0.5rem; background:#0a0a0a; border:1px solid #555; border-radius:8px; color:white; font-size:0.9rem; }
.payment-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; max-width:1000px; margin:0 auto; }
.payment-card { background:var(--card-bg); border-radius:var(--radius); padding:2rem; border:1px solid rgba(255,140,0,0.3); transition:0.3s; backdrop-filter:blur(10px); text-align:center; }
.payment-card:hover { border-color:var(--orange); transform:translateY(-5px); box-shadow:0 15px 25px rgba(255,140,0,0.15); }
.payment-card i { font-size:2.5rem; margin-bottom:1rem; }
.payment-card h3 { color:var(--yellow); font-size:1.5rem; margin-bottom:0.5rem; }
.payment-card .bank-detail { background:rgba(0,0,0,0.3); border-radius:12px; padding:1rem; margin:1rem 0; text-align:left; font-size:0.95rem; line-height:1.6; }
.payment-card .bank-detail strong { color:var(--orange); }
.lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.95); z-index:3000; align-items:center; justify-content:center; }
.lightbox img { max-width:90%; max-height:90%; border-radius:12px; }
footer { background:#050505; padding:4rem 5% 1rem; border-top:3px solid var(--orange); position:relative; z-index:10; }
.footer-container { max-width:1300px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; align-items:start; }
.footer-col h3 { color:var(--yellow); font-size:1.3rem; font-weight:700; margin-bottom:1.5rem; position:relative; padding-bottom:0.5rem; }
.footer-col h3::after { content:''; position:absolute; bottom:0; left:0; width:40px; height:3px; background:var(--orange); border-radius:2px; }
.footer-col p, .footer-col a { color:#bbb; font-size:0.95rem; line-height:1.7; display:block; margin-bottom:0.5rem; transition:color 0.3s; text-decoration:none; }
.footer-col a:hover { color:var(--yellow); }
.footer-col .contact-icon { width:20px; margin-right:8px; display:inline-block; text-align:center; color:var(--orange); }
.footer-links li { margin-bottom:0.4rem; }
.footer-links a i { width:18px; margin-right:6px; color:var(--orange); font-size:0.8rem; }
.social-icons { display:flex; gap:12px; margin-top:1rem; }
.social-icons a { display:inline-flex; width:42px; height:42px; background:#1a1a1a; border-radius:50%; align-items:center; justify-content:center; color:white; font-size:1.2rem; border:1px solid #333; transition:all 0.3s; }
.social-icons a:hover { background:var(--orange); transform:translateY(-3px); border-color:var(--orange); }
.ntb-badge { display:flex; align-items:center; gap:12px; margin-top:1.5rem; background:rgba(255,140,0,0.08); padding:0.8rem 1.2rem; border-radius:12px; border:1px solid #2a2a2a; }
.ntb-badge img { width:45px; height:45px; object-fit:contain; border-radius:8px; background:#111; padding:4px; }
.ntb-badge span { font-size:0.9rem; color:#ccc; line-height:1.4; }
.footer-bottom { max-width:1300px; margin:2.5rem auto 0; padding-top:1.8rem; border-top:1px solid #222; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem; font-size:0.9rem; color:#888; text-align:center; }
.footer-bottom .back-to-top { display:none; align-items:center; gap:6px; color:var(--orange); text-decoration:none; font-weight:600; font-size:0.9rem; transition:color 0.3s; }
.footer-bottom .back-to-top:hover { color:var(--yellow); }
.admin-session-warning { position:fixed; bottom:2rem; left:50%; transform:translateX(-50%); background:#e74c3c; color:white; padding:1rem 2rem; border-radius:30px; z-index:20000; display:none; animation:fadeUp 0.3s; }
@media (max-width:768px) {
    .video-content h1 { font-size:2.8rem; }
    .mobile-menu-btn { display:block; }
    nav ul { display:none; position:absolute; top:100%; left:0; width:100%; background:rgba(10,10,10,0.98); flex-direction:column; padding:1.5rem; gap:0.8rem; backdrop-filter:blur(10px); }
    nav ul.show { display:flex; }
    .form-row { flex-direction:column; gap:0; }
    .section-title { font-size:2.4rem; }
    .staff-card { flex-direction:column; text-align:center; }
    .fab-book { width:50px; height:50px; font-size:1.5rem; }
    .fab-whatsapp { bottom:7rem; right:1.5rem; }
    .fab-book-now { bottom:2.5rem; right:1.5rem; }
    .footer-container { grid-template-columns:1fr; gap:2rem; }
    .footer-bottom { flex-direction:column; text-align:center; }
    .tours-scroll-arrows { display:none; }
    .admin-overlay { max-width:100%; }
}
@keyframes fadeUp { from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); } }
@media print {
    body > *:not(#tourDetailsModal) { display:none !important; }
    #tourDetailsModal { display:flex !important; position:static !important; background:white !important; width:100% !important; height:auto !important; overflow:visible !important; }
    .modal-content { border:none !important; box-shadow:none !important; background:white !important; color:black !important; max-height:none !important; overflow:visible !important; padding:20px !important; }
    .close-modal, .pdf-btn-container, .inline-edit-btn, .inline-delete-btn, .inline-add-row, .no-print { display:none !important; }
    #detailTitle { color:#FF8C00 !important; font-size:2rem !important; margin-bottom:1.5rem !important; background:none !important; -webkit-text-fill-color:#FF8C00 !important; }
    .itinerary-day { background:#f9f9f9 !important; border-left:4px solid #FFD700 !important; padding:1rem !important; margin-bottom:1rem !important; page-break-inside:avoid; }
    .itinerary-day h4 { color:#FF8C00 !important; font-size:1.1rem !important; }
    h3 { color:#FF8C00 !important; border-bottom:2px solid #FFD700 !important; padding-bottom:0.3rem !important; }
    ul { margin-left:1.5rem !important; }
    li { color:#333 !important; }
    p { color:#333 !important; }
    @page { margin:1.5cm; size:A4; }
}
/* ========== NEATER ADMIN PANEL ========== */
.admin-overlay {
    font-size: 0.95rem;
    border-left: 2px solid var(--orange);
}
.admin-dashboard {
    padding-top: 1rem;
}
.admin-tab {
    font-size: 0.85rem;
    transition: all 0.2s;
}
.admin-tab:hover {
    color: var(--yellow);
}
.admin-dashboard input,
.admin-dashboard select,
.admin-dashboard textarea {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #eee;
    font-size: 0.9rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
}
.admin-dashboard label {
    color: #bbb;
    font-weight: 600;
    margin-bottom: 4px;
}
.admin-dashboard .btn {
    font-size: 0.9rem;
    padding: 10px 24px;
}
.admin-dashboard .btn-sm {
    padding: 6px 14px;
    font-size: 0.82rem;
}
.admin-feedback.success {
    background: #0b3a0b;
    color: #a5ffa5;
    border: 1px solid #1f7a1f;
}
.admin-feedback.error {
    background: #3a0b0b;
    color: #ffa5a5;
    border: 1px solid #7a1f1f;
}
.admin-dashboard ::-webkit-scrollbar {
    width: 6px;
}
.admin-dashboard ::-webkit-scrollbar-track {
    background: #222;
}
.admin-dashboard ::-webkit-scrollbar-thumb {
    background: var(--orange);
    border-radius: 3px;
}