/* Skellig Soaps Stockists — frontend styles */

/* Base text colour */
.skellig-stockists,
.skellig-stockists h2,
.skellig-stockists h3,
.skellig-stockists p {
    color: #2F2F2F;
}

/* County heading */
.skellig-stockists-county-title {
    font-size: 28px !important;
    line-height: 1.3;
    margin: 35px 0 20px;
    color: #5B6B4F;
    margin-left: 30px !important;
}

/* Individual stockist card */
.skellig-stockist {
    background: #FAF8F4;
    border: 1px solid #E6E1D8;
    border-radius: 8px;
    padding: 22px 24px;
    margin-bottom: 18px;
    margin-left: 30px;
    margin-right: 30px;
}

.skellig-stockist-name {
    font-size: 22px !important;
    line-height: 1.3;
    margin: 0 0 6px !important;
}

.skellig-stockist-town,
 .skellig-stockist-phone a, 
 .skellig-stockist-links,
 .skellig-stockist-address,
 .skellig-stockist-phone-label {
    margin: 0 !important;
    font-size: 16px !important;
}

/* Two-column desktop/tablet grid — mobile rule will be added after testing */
.skellig-stockists-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
/* Stockists - action links */
.skellig-stockist-links a {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid #5B6B4F;
    border-radius: 5px;
    color: #5B6B4F;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
}

.skellig-stockist-links a:hover {
    background: #5B6B4F;
    color: #FFFFFF;
}
/* Stockists - keep actions aligned at bottom of cards */
.skellig-stockist {
    display: flex;
    flex-direction: column;
}

.skellig-stockist-links {
    margin-top: auto !important;
    padding-top: 18px;
}
/* Space between stockist action buttons */
.skellig-stockist-links a + a {
    margin-left: 10px;
}
/* Stockists page introductory description */
.skellig-stockist-page-description {
    max-width: 1000px;
    margin: 22px auto 34px !important;
    padding: 0 20px;
    text-align: center;
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #666666;
}
/* MOBILE MAX 767 */
/* Stockists - mobile layout */
@media (max-width: 767px) {
    .skellig-stockists-list {
        grid-template-columns: 1fr;
    }
    .skellig-stockists-county-title {
    margin-top: 25px !important;
}
.skellig-stockist {
    min-height: 0 !important;
}

.skellig-stockist-links {
    margin-top: 20px !important;
}
}
/* SMALL MOBILE - 320px */
@media (max-width: 340px) {

    .entry-content h2.hero-h2 {
        font-size: 27px !important;
        line-height: 1.15 !important;
    }
    .skellig-stockist-page-description {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
     .skellig-stockist-links {
        display: flex;
        gap: 6px;
        align-items: center;
    }

    .skellig-stockist-links a + a {
        margin-left: 0;
    }

    .skellig-stockist-links a {
        font-size: 13px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        white-space: nowrap;
    }
    .skellig-stockist-links {
    margin-top: 0 !important;
    padding-top: 18px;
}


}
/* =========================================================
   TABLET — STOCKISTS
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    /* County heading */
    .skellig-stockists-county-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }

    /* Stockist name */
     .entry-content h3.skellig-stockist-name {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    /* Town */
    .skellig-stockist-town {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    /* County heading */
 .entry-content h2.skellig-stockists-county-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
    }
/* Page content title */
.entry-content h2.hero-h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
}

}