/*
Single Trail migration slice
Keep this in sync with the legacy trail-page rules in style.css
until the old selectors are fully retired.
*/

.btv-single-trail-page{
    width:100%;
    padding:40px 20px;
}

@media (max-width:768px){

    .btv-single-trail-page{
        padding:0;
    }

}

.btv-single-trail{
    background:#F5F2E8;
    max-width:1100px;
    margin:0 auto;
    padding:40px;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

@media (max-width:768px){

    .btv-single-trail{
        background:transparent;
        padding:5px;
        border-radius:0;
        box-shadow:none;
    }

}

.btv-single-trail__header{
    margin-bottom:24px;
}

.btv-single-trail__breadcrumbs{
    font-size:.9rem;
    margin-bottom:14px;
    color:#777;
}

.btv-single-trail__breadcrumbs a{
    text-decoration:none;
    color:#6E7359;
}

.btv-single-trail__breadcrumbs a:hover{
    text-decoration:underline;
}

.btv-single-trail__breadcrumbs .separator{
    margin:0 6px;
}

.btv-single-trail__content{
    max-width:850px;
    margin:0 auto;
}

.btv-single-trail__archive-heading{
    margin-top:28px;
    margin-bottom:10px;
}

.btv-single-trail__archive-intro{
    margin:0 0 20px;
}

.btv-single-trail__archive-links{
    margin-top:1.5rem;
}

.btv-single-trail__archive-item + .btv-single-trail__archive-item{
    margin-top:1.5rem;
}

.btv-single-trail__archive-item h3{
    margin:0;
    font-size:1.1rem;
    font-weight:600;
    color:#777;
    line-height:1.4;
}

.btv-single-trail__archive-item p{
    margin:.2rem 0 0;
    line-height:1.6;
}

.btv-single-trail__archive-links a{
    font-size:1.05rem;
    font-weight:500;
    text-decoration:none;
}

.btv-single-trail__archive-links a:hover,
.btv-single-trail__archive-links a:focus{
    text-decoration:underline;
}

@media (max-width:768px){
    .btv-single-trail__header{
        margin-bottom:18px;
    }

    .btv-single-trail__archive-heading{
        margin-top:24px;
    }
}


/* Trail component migration layer: legacy copies remain in style.css during verification. */
.beesaya-snapshot{

    background:#fbf9f2;
    border:1px solid #e8e2d2;
    border-radius:10px;

    padding:20px 24px;

    margin:35px 0;

}

.beesaya-title{

    margin:0 0 8px;

    font-size:1.35rem;

    font-weight:700;

}

.beesaya-title::after{

    content:"";

    display:block;

    width:60px;

    height:2px;

    background:#d9cda9;

    margin-top:8px;

}

.beesaya-difficulty{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:4px 12px;

    border-radius:999px;

    font-size:.82rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    margin:8px 0 18px;
	line-height:2.1;

}

/* Difficulty Colors */

.beesaya-easy{
    background:#4CAF50;
    color:#ffffff;
}

.beesaya-mild{
    background:#0F52BA;
    color:#ffffff;
}

.beesaya-tough{
    background:#F28C28;
    color:#ffffff;
}

.beesaya-epic{
    background:#9C27B0;
    color:#ffffff;
}

/* ===========================================
   Snapshot Rows
=========================================== */

.beesaya-grid{

    margin-bottom:22px;

}

.beesaya-grid div{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:9px 0;

    border-bottom:1px solid #ece7db;

}

.beesaya-grid div:last-child{

    border-bottom:none;

}

.beesaya-grid span{

    color:#666;

    font-size:.95rem;

}

.beesaya-grid strong{

    color:#222;

    font-size:1rem;

    font-weight:700;

}

/* ===========================================
   Rating Reasons
=========================================== */

.beesaya-rating{

    margin-top:10px;

}

.beesaya-rating h3{

    margin:0 0 12px;

    font-size:1.15rem;

    font-weight:700;

}

.beesaya-reason{

    padding:8px 0;

    line-height:1.5;

    border-bottom:1px solid #ece7db;

}

.beesaya-reason:last-child{

    border-bottom:none;

}

/* ===========================================
   Mobile
=========================================== */

@media (max-width:700px){

    .beesaya-snapshot{

        padding:18px;

    }

}

/* GPX Link */

.beesaya-grid strong a{

    color:#4d533f;

    text-decoration:none;

    font-weight:700;

}

.beesaya-grid strong a:hover{

    text-decoration:underline;

}

/* ==================================================
Route Thumbnail
================================================== */

.beesaya-rating-layout{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}

.beesaya-rating{
    flex:1 1 auto;
    min-width:0;
}

.beesaya-route-map{
    flex:0 0 260px;
    width:260px;
}

.beesaya-trail-features{
    margin:4px 0 0;
    font-size:15px !important;
    line-height:1.5;
     width:100%;
}

.beesaya-trail-features span{
    color:#777;
    font-weight:500;
}

.beesaya-trail-features a,
.beesaya-trail-features a:visited{
    color:#999;
    text-decoration:none;
}

.beesaya-trail-features a:hover{
    color:#4D533F;
    text-decoration:underline;
}

.beesaya-feature-separator{
    color:#bbb;
}



.beesaya-route-link{
 	cursor:pointer;
	position:relative;
    display:block;
    text-decoration:none;
    overflow:hidden;
    border-radius:16px;
}

/* Only animate the static route map */
.beesaya-route-map > .beesaya-route-link > svg{
    display:block;
    width:260px;
    height:auto;
    transition:transform .25s ease;
}

.beesaya-route-map > .beesaya-route-link:hover > svg{
    transform:scale(1.02);
}

.beesaya-open-map{
    position:absolute;
    top:16px;
    right:10px;

    width:30px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(245,242,232,.95);
    border:1px solid #d8d2bf;
    border-radius:50%;
    z-index:5;
}

@media (max-width:768px){

    .beesaya-open-map{
        right:21px;
    }

}

.beesaya-open-map svg{
    width:14px;
    height:14px;
    flex:none;
    display:block;
}

.beesaya-route-link:hover .beesaya-open-map{

    background:#4D533F;

    color:#fff;

}

.beesaya-route-map > .beesaya-route-link > svg{
    display:block;
    width:260px;
    height:auto;
}

/* Mobile */

@media (max-width:768px){

    .beesaya-rating-layout{
        display:block;
    }

    .beesaya-route-map{
        width:100%;
        margin-top:20px;
    }

    .beesaya-route-map svg{
        width:100%;
        max-width:320px;
        height:auto;
    }
}
.beesaya-info-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 4px;
    color: #888;
    font-size: 10px;
    cursor: help;

    transform: translateY(3px);
}


.beesaya-tooltip {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 1000;

    width: 180px;
    padding: 8px 10px;

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);

    font-size: 13px;
    line-height: 1.4;
    color: #333;
}

.beesaya-info-icon:hover .beesaya-tooltip,
.beesaya-info-icon:focus .beesaya-tooltip,
.beesaya-info-icon:focus-within .beesaya-tooltip {
    display: block;
}

.beesaya-tooltip a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

/*--------------------------------------------------------------
# Trail Snapshot - Related Links
#
# Displays a subtle contextual link beside the difficulty badge.
# Example:
# [MILD] View other Mild trails →
#--------------------------------------------------------------*/

.beesaya-difficulty-row {
    display: flex;
    align-items: center;   /* vertically centers the badge and link */
    gap: 12px;
    margin-bottom: 18px;
}

.beesaya-related-link,
.beesaya-related-link:link,
.beesaya-related-link:visited,
.beesaya-related-link:hover,
.beesaya-related-link:focus {
    font-size: 0.85rem;
    color: #777;
    text-decoration: none !important;
    line-height: 1;

}

/* Restore the complete component rules after the legacy extraction. */
.beesaya-related-link:hover{color:#4D533F;text-decoration:underline !important;}
.beesaya-info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:#888;cursor:help;transform:translateY(3px);}
.beesaya-tooltip{display:none;position:absolute;top:22px;left:0;z-index:1000;width:180px;padding:8px 10px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);font-size:13px;line-height:1.4;color:#333;}
.beesaya-info-icon:hover .beesaya-tooltip,.beesaya-info-icon:focus .beesaya-tooltip,.beesaya-info-icon:focus-within .beesaya-tooltip{display:block;}
.beesaya-tooltip a{color:inherit;font-weight:600;text-decoration:underline;}

.trail-documentation-notice{
    margin-top:16px;
    padding:20px;
    background:#F5F2E8;
    border-left:4px solid #6E7359;
    border-radius:13px;
	
}

.trail-documentation-notice h2{

    margin-top:0;
    margin-bottom:10px;

    font-size:1.1rem;

}

.trail-documentation-notice p{

    margin:0;

    color:#555;

    line-height:1.7;

}

.entry-content > .trail-documentation-notice{
    margin-top:20px;
}

.entry-content > p:empty{
    display:none;
}

.wp-block-spacer{
.beesaya-route-link:hover,
.beesaya-route-link:focus,
.beesaya-route-link:focus-visible{
    outline: none;
}