/*==============================
======= GOLF CARD NS ===========
==============================*/

.golf-card {
    border: 2px solid transparent;
    width: 300px;
    padding: 15px;
    margin: 12px 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    transition: all 0.25s ease;
}

/* Region border colors */
.golf-card.western      { border-color: #800080; }
.golf-card.south-shore  { border-color: #F28C28; }
.golf-card.valley       { border-color: #0099FF; }
.golf-card.hrm          { border-color: #D4AF37; }
.golf-card.northern     { border-color: #808000; }
.golf-card.eastern      { border-color: #D2B48C; }
.golf-card.cape-breton  { border-color: #003366; }

/* Left accent bar */
.golf-card.western      { border-left: 6px solid #800080; }
.golf-card.south-shore  { border-left: 6px solid #F28C28; }
.golf-card.valley       { border-left: 6px solid #0099FF; }
.golf-card.hrm          { border-left: 6px solid #D4AF37; }
.golf-card.northern     { border-left: 6px solid #808000; }
.golf-card.eastern      { border-left: 6px solid #D2B48C; }
.golf-card.cape-breton  { border-left: 6px solid #003366; }

/* Hover glow */
.golf-card:hover {
    background: linear-gradient(180deg, #f3fff3 0%, #ffffff 100%);
    box-shadow: 0 0 12px rgba(0,128,0,0.28);
    transform: translateY(-3px);
}

.golf-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.golf-name {
    font-size: 20px;
    color: #009900;
    margin-bottom: 8px;
}

.golf-meta div,
.golf-contact div {
    margin-bottom: 4px;
}

.golf-contact a {
    color: #0066cc;
    text-decoration: none;
}

.golf-contact a:hover {
    text-decoration: underline;
}



/*---------GOLF CARD PEI ----------*/
.golf-card-glb {
    border: 2px solid #2a7f2a;
    padding: 12px;
    margin: 12px 0;
    border-radius: 10px;
    background: #c5e0c5;
}
/* North Cape */
.golf-card-glb.north-cape {
    border-color: #1e90ff; /* blue */
}

/* Green Gables */
.golf-card-glb.green-gables {
    border-color: #ff8c00; /* orange */
}

/* Charlottetown */
.golf-card-glb.charlottetown {
    border-color: #cc0000; /* red */
}

/* Summerside */
.golf-card-glb.summerside {
    border-color: #8a2be2; /* purple */
}

/* Red Sands Shore */
.golf-card-glb.red-sands-shore {
    border-color: #d2691e; /* brownish sand */
}

/* Points East */
.golf-card-glb.points-east {
    border-color: #228b22; /* forest green */
}


/*********END GOLF CARD GLOBAL *********/

/********** HIKING CARDS 🥾🪨🌲******** */

.hiking-card {
    border: 2px solid #556b2f;          /* earthy green */
    border-radius: 14px;
    padding: 10px 14px;
    margin: 10px 0;
    background: linear-gradient(135deg, #f7fff0, #e8f5e1); /* soft forest tones */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

/* tighten top spacing */
.hiking-card h2 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 1.15rem;
}

/* add rock + boot emoji */
.hiking-card h2::before {
    content: "🥾🪨 ";
}

/* label color */
.hiking-card strong {
    color: #2f4f4f; /* deep forest green/grey */
}

/* map button with rugged feel */
.hiking-card .map-button {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #6b8e23; /* olive green */
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.hiking-card .map-button::before {
    content: "📍 ";
}

.hiking-card .map-button:hover {
    background: #556b2f;
}
.hiking-page-title {
    margin: 0 0 6px 0;
    font-weight: 600;
    font-size: 1.1rem;
    color: #556b2f;
}
.hiking-attributes {
    margin-top: 10px;
}


/*****************************
******   SKI CARD       ******
*****************************/
.ski-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ski-card {
    flex: 1 1 280px;   /* minimum width */
    max-width: 325px;  /* maximum width */

    border: 2px solid #0099cc;
    padding: 12px;
    padding-top: 5px;
    margin: 12px 0;
    border-radius: 10px;
    background: #f0faff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ski-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
    background: #9fd5f5; /* barely-there winter tint */
}

.ski-name {
    font-size: 16px;
    color: #006699;
    margin-bottom: 8px;
}

.ski-meta div,
.ski-contact div {
    margin-bottom: 4px;
}

.ski-contact a {
    color: #0066cc;
    text-decoration: none;
}

.ski-contact a:hover {
    text-decoration: underline;
}

/*==========================
====== waterfalls   ========
=========================*/
.waterfall-info-box {
    background: var(--card-bg, #f5f9ff);
    padding: 8px 12px;
    border-radius: 10px;
    margin: 25px auto;
    max-width: 900px;
    font-size: 1.05em;
    line-height: 1.55;
    border: 1px solid var(--card-border, #dce6f9);
}

.waterfall-info-box strong {
    font-size: 1.1em;
}

.waterfall-info-link {
    color: var(--link-color, #0066cc);
    text-decoration: underline;
    margin-left: 6px;
}

.waterfall-info-box p {
    margin-top: 10px;
}

.waterfall-info-content {
    max-width: 900px;
    margin: 15px auto;
    padding: 10px 5px;
    line-height: 1.6;
}

.waterfall-info-content h2 {
    margin-top: 5px;
    font-size: 1.4em;
}

.waterfall-info-content ul {
    margin: 5px 0 10px 12px;
}

.waterfall-info-content li {
    margin-bottom: 8px;
}