:root{--green:#0b3825;--green2:var(--green);--green3:var(--green);--gold:#ddb42e;--cream:#f7f4e9;--text:#102b20;--muted:#5f7068;--white:#fff;--shadow:0 14px 35px rgba(9,29,20,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Tajawal',Tahoma,sans-serif;color:var(--text);background:var(--cream);line-height:1.8}.site-header{height:120px;background:var(--green);display:flex;align-items:center;padding:14px 3%;position:sticky;top:0;z-index:50;box-shadow:0 4px 15px rgba(0,0,0,.1)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;margin-left:auto;color:var(--white)}.brand img{width:72px;height:76px;object-fit:contain;border:2px solid var(--gold);border-radius:12px}.brand span{display:flex;flex-direction:column}.brand b{font-size:27px;color:var(--gold)}.brand small{font-size:18px;color:#b9c7c0}.site-header nav{display:flex;gap:34px;margin:auto}.site-header nav a{text-decoration:none;color:#d5ddd8;font-size:22px;font-weight:700;transition:.2s}.site-header nav a:hover,.site-header nav a.active{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:32px}.hero,.dark{background:linear-gradient(135deg,var(--green),var(--green));color:#fff}.hero{min-height:740px;padding:40px 20px;background-image:radial-gradient(color-mix(in srgb,var(--gold) 20%,transparent) 1px,transparent 1px),linear-gradient(135deg,var(--green),var(--green));background-size:48px 48px,auto}.hero-inner{max-width:1120px;margin:auto;text-align:center}.eyebrow,.heading span{font-size:32px;font-weight:800;color:var(--gold)}.hero h1{font-size:68px;line-height:1.35;max-width:900px;margin:25px auto}.lead{font-size:23px;max-width:850px;margin:0 auto 35px}.location-card{border:1px solid var(--gold);border-radius:24px;background:color-mix(in srgb,var(--green) 75%,transparent);display:flex;align-items:center;gap:28px;padding:28px;text-align:right;box-shadow:var(--shadow)}.location-card img{width:34%;height:180px;object-fit:cover;border-radius:14px}.location-card h2{color:var(--gold)}.location-card p{font-size:19px}.scroll{display:block;margin-top:18px;color:#a8b3ad}.section,.page-hero{padding:90px 24px}.page-hero{min-height:700px}.light{background:var(--cream)}.heading{text-align:center;max-width:900px;margin:0 auto 58px}.heading h1,.heading h2{font-size:48px;margin:5px 0;color:var(--text)}.heading i{display:block;width:75px;height:3px;background:var(--gold);margin:20px auto}.heading p{font-size:20px;color:var(--text)}.heading.inverse h1,.heading.inverse h2{color:#fff}.heading.inverse p{color:#d1ddd6}.cards{max-width:1850px;margin:auto;display:grid;gap:30px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.two{grid-template-columns:repeat(2,1fr);max-width:1120px}.card,.green-card{background:#fff;border-radius:24px;padding:40px 34px;text-align:center;box-shadow:var(--shadow);min-height:310px}.icon{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:16px;background:var(--green);color:var(--gold);font-size:33px}.card h3{font-size:23px}.card p,.green-card p{font-size:18px;color:var(--text)}.feature-panel{max-width:1850px;margin:auto;border:1px solid var(--gold);border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--green)}.feature-panel h2{font-size:31px}.feature{padding:12px 0}.feature b{display:block;font-size:20px}.feature small{color:#c3d2ca;font-size:16px}.location-placeholder{min-height:260px;border-radius:20px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(color-mix(in srgb,var(--green) 48%,transparent),color-mix(in srgb,var(--green) 87%,transparent)),url('../images/camp.jpg') center/cover;color:#fff;font-size:24px}.location-placeholder img{width:100%;height:220px;object-fit:cover;border-radius:12px}.location-placeholder small{font-size:17px}.journey .card{position:relative;border:1px solid var(--gold)}.round{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--green);color:var(--gold);margin:0 auto 20px;font-size:30px}.journey em{font-style:normal;background:color-mix(in srgb,var(--gold) 16%,var(--cream));color:var(--gold);border-radius:20px;padding:5px 18px;font-weight:bold}.green-card{background:var(--green);border:1px solid var(--gold);text-align:right;color:#fff}.green-card h3{color:var(--gold)}.green-card h4{font-size:20px}.green-card p{color:#dce6e0}.faq-list{max-width:960px;margin:auto}.faq-list details{background:#fff;border-radius:16px;margin:16px 0;box-shadow:0 3px 8px #00000012;border:1px solid transparent;overflow:hidden}.faq-list details[open]{border-color:var(--gold)}.faq-list summary{cursor:pointer;list-style:none;padding:26px 34px;font-size:20px;font-weight:600;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list details div{padding:22px 34px;border-top:1px solid #eee;font-size:19px;color:var(--text)}.cta{max-width:1120px;margin:70px auto;padding:50px;border-radius:28px;background:linear-gradient(135deg,var(--green),var(--green));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 30px 55px #0004}.cta span,.cta h2{color:var(--gold)}.cta h2{font-size:36px;margin:5px 0;color:#fff}.cta p{max-width:680px}.btn{display:inline-block;background:var(--gold);color:var(--green);text-decoration:none;font-weight:800;padding:18px 30px;border-radius:16px;white-space:nowrap}.footer{background:var(--green);color:#cad5cf;padding:60px 3% 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;max-width:1500px;margin:auto}.footer-brand img{width:100px}.footer h3{color:var(--gold)}.footer section>a{display:block;color:#b6c3bc;text-decoration:none;margin:8px 0}.social{display:flex;gap:10px}.social a{background:#15231d;color:#bbb;padding:8px 12px;border-radius:10px;text-decoration:none}.copyright{text-align:center;border-top:1px solid #243129;margin-top:45px;padding-top:25px;color:#66766d}.wa{position:fixed;bottom:22px;left:22px;background:#1faf5b;color:white;text-decoration:none;padding:13px 20px;border-radius:30px;box-shadow:var(--shadow);z-index:20}.admin-link{display:none}@media(max-width:1000px){.site-header{height:88px}.brand img{width:54px;height:58px}.brand b{font-size:20px}.brand small{font-size:14px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--green);padding:18px;flex-direction:column;gap:5px}.site-header nav.open{display:flex}.site-header nav a{padding:10px;border-bottom:1px solid #ffffff12;font-size:18px}.hero h1{font-size:43px}.cards.four,.cards.three{grid-template-columns:repeat(2,1fr)}.feature-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:650px){.site-header{padding:10px 16px}.brand span{display:none}.hero{min-height:auto;padding:55px 16px}.hero h1{font-size:36px}.eyebrow,.heading span{font-size:24px}.lead{font-size:18px}.location-card{flex-direction:column}.location-card img{width:100%}.section,.page-hero{padding:60px 16px}.heading h1,.heading h2{font-size:36px}.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}.card{min-height:auto}.feature-panel{padding:24px 18px}.cta{margin:35px 16px;padding:32px 22px;flex-direction:column;text-align:center}.cta h2{font-size:29px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.wa{font-size:14px;padding:10px 15px}}
/* ==========================================
   صفحة المسار التفصيلي للرحلة
========================================== */

.journey-details-hero {
    padding: 65px 20px 35px;
    background: var(--cream);
    text-align: center;
}

.journey-details-heading {
    width: min(850px, 100%);
    margin: 0 auto;
}

.journey-details-heading > span {
    display: block;
    margin-bottom: 12px;
    color: var(--gold);
    font-size: 20px;
    font-weight: 800;
}

.journey-details-heading h1 {
    margin: 0;
    color: var(--green);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 800;
}

.journey-details-heading i {
    display: block;
    width: 55px;
    height: 3px;
    margin: 20px auto;
    background: var(--gold);
    border-radius: 10px;
}

.journey-details-heading p {
    max-width: 750px;
    margin: 0 auto;
    color: var(--text);
    font-size: 17px;
    line-height: 2;
}

.journey-timeline-section {
    padding: 45px 20px 80px;
    background: var(--cream);
}

.journey-timeline {
    position: relative;
    width: min(1000px, 100%);
    margin: 0 auto;
}

/* الخط الرأسي */

.journey-timeline::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 34px;
    bottom: 20px;
    width: 3px;
    background: var(--gold);
    border-radius: 10px;
}

.journey-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    margin-bottom: 30px;
}

.journey-timeline-marker {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding-top: 18px;
}

.journey-timeline-marker span {
    display: flex;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--cream);
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 5px 18px rgba(0, 47, 34, 0.16);
    color: var(--green);
    font-size: 20px;
    font-weight: 800;
}

.journey-timeline-content {
    padding: 28px 30px;
    border: 1px solid rgba(0, 47, 34, 0.09);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 47, 34, 0.07);
}

.journey-stage-label {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 15px;
    border-radius: 50px;
    background: rgba(214, 167, 47, 0.15);
    color: #a77a08;
    font-size: 14px;
    font-weight: 800;
}

.journey-timeline-content h2 {
    margin: 0 0 14px;
    color: var(--green);
    font-size: 24px;
    font-weight: 800;
}

.journey-description {
    color: var(--text);
    font-size: 16px;
    line-height: 2;
}

.journey-empty {
    padding: 50px 25px;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 28px rgba(0, 47, 34, 0.07);
}

.journey-empty h2 {
    margin: 0 0 10px;
    color: var(--green);
}

.journey-empty p {
    margin: 0;
    color: var(--text);
}

.journey-back-wrapper {
    margin-top: 45px;
    text-align: center;
}

.journey-back-button {
    display: inline-flex;
    min-height: 50px;
    padding: 12px 28px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--green);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    transition: 0.25s ease;
}

.journey-back-button:hover {
    background: var(--gold);
    color: var(--green);
    transform: translateY(-2px);
}

/* الموبايل */

@media (max-width: 700px) {

    .journey-details-hero {
        padding: 45px 18px 25px;
    }

    .journey-details-heading > span {
        font-size: 17px;
    }

    .journey-details-heading p {
        font-size: 15px;
    }

    .journey-timeline-section {
        padding: 30px 14px 60px;
    }

    .journey-timeline::before {
        right: 25px;
    }

    .journey-timeline-item {
        grid-template-columns: 52px 1fr;
        gap: 12px;
        margin-bottom: 22px;
    }

    .journey-timeline-marker span {
        width: 45px;
        height: 45px;
        border-width: 4px;
        font-size: 17px;
    }

    .journey-timeline-content {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .journey-timeline-content h2 {
        font-size: 20px;
    }

    .journey-description {
        font-size: 15px;
        line-height: 1.9;
    }
}