
:root {
    --forest-green: #1F6D4C; /* brand, headings, primary buttons */
    --river-teal: #0A8C8C; /* highlights, chips, active filters */
    --warm-amber: #FDB94E; /* Book/Reserve buttons, price tags */
    --charcoal: #1A1D21; /* body text */
    --slate: #57606A; /* meta text, labels */
    --mist: #F4F6F7; /* cards, filter panels */
    --background: #FCFDFB; /**/
    --success: #2E7D32; /**/
    --warning: #FFB300; /**/
    --error: #C62828; /**/
    --box-s: 0 4px 15px 0 rgba(26, 29, 33, 0.15);
}

/* Usage:
Primary buttons: Forest background, white text; hover – darken 6 %.
Secondary buttons and chips: Teal border/text; filled when selected.
Category markers on the map: Camps = Forest, Stays = Amber, RVs = Teal.
Do not overuse Amber – keep it only for actionable CTAs. */

.c-box-s {
    box-shadow: var(--box-s);
}

.s-box-item {
    height: 100%;
}

.s-box-item .icon-box-2 {
    height: 100%;
    margin-top: 0;
    box-shadow: var(--box-s)
}

.camplevel_facilities, .propertylevel_fields, .rvs_fields {
    display: none;
}

.f-empty .select2-container--default .select2-selection--single,
.f-empty input[type="text"] {
    border-color: #0A8C8C;
}

.c-repeater-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    margin-top: 40px;
}

.c-repeater-item {
    max-width: max-content;
    padding: 20px;
    border: 1px solid #0A8C8C;
    background: #f6f6f6;
    border-radius: 10px;
}

.c-repeater-wrapper {
    float: left;
}

.c-repeater-fields {
    overflow: auto;
    margin-bottom: 40px;
}
.single-post .post-content h2, 
.single-post .post-content h3, 
.single-post .post-content h4, 
.single-post .post-content ul, 
.single-post .post-content ol, 
.single-post .post-content p {
    margin: 0 0 20px;
}

.single-post .post-content h3 {
    font-weight: 500;
}

.listing-icon-row .icon-row-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.listing-icon-row .icon-row-items .icon-row {
    flex: 1;
}