/* ============================================================
   I DO IN GREECE — Directory Theme v1.3
   Targeted rewrite based on real rendered HTML
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Lato:wght@300;400;700&display=swap');

:root {
    --idig-blue:       #1449AD;
    --idig-blue-dark:  #0f3a8a;
    --idig-blue-pale:  #f0f4fb;
    --idig-cream:      #faf8f4;
    --idig-linen:      #f4f0e8;
    --idig-warm-grey:  #8a8278;
    --idig-text:       #2c2820;
    --idig-text-light: #6b6560;
    --idig-gold:       #c8a96e;
    --idig-white:      #ffffff;
    --idig-border:     #e4ddd4;
    --font-display:    'Playfair Display', Georgia, serif;
    --font-body:       'Lato', 'Helvetica Neue', sans-serif;
}

/* ── Page background ──────────────────────────────────────── */
#wpbdp-listings-wrapper,
.wpbdp-page {
    font-family: var(--font-body) !important;
    color: var(--idig-text) !important;
    background: var(--idig-cream) !important;
}

/* ── Category list ────────────────────────────────────────── */
#wpbdp-listings-wrapper ul.wpbdp-categories,
.wpbdp-categories {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 2rem !important;
}

#wpbdp-listings-wrapper ul.wpbdp-categories li,
.wpbdp-categories li {
    margin: 0 !important;
    padding: 0 !important;
}

#wpbdp-listings-wrapper ul.wpbdp-categories li::before,
#wpbdp-listings-wrapper ul.wpbdp-categories li::marker {
    display: none !important;
    content: none !important;
}

#wpbdp-listings-wrapper ul.wpbdp-categories li a,
.wpbdp-categories li a {
    display: inline-block !important;
    font-family: var(--font-body) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--idig-text-light) !important;
    text-decoration: none !important;
    padding: 0.4rem 1rem !important;
    border: 1px solid var(--idig-border) !important;
    border-radius: 20px !important;
    background: var(--idig-white) !important;
    transition: all 0.2s ease !important;
}

#wpbdp-listings-wrapper ul.wpbdp-categories li a:hover,
.wpbdp-categories li a:hover {
    background: var(--idig-blue) !important;
    border-color: var(--idig-blue) !important;
    color: var(--idig-white) !important;
}

/* ── Listing wrapper — clear floats, reset layout ─────────── */
.wpbdp-listing.wpbdp-listing-excerpt,
#wpbdp-listings-wrapper .wpbdp-listing {
    background: var(--idig-white) !important;
    border: 1px solid var(--idig-border) !important;
    border-radius: 6px !important;
    margin-bottom: 1.5rem !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(20,73,173,0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: grid !important;
    grid-template-columns: 200px 1fr !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    position: relative !important;
}

.wpbdp-listing.wpbdp-listing-excerpt:hover,
#wpbdp-listings-wrapper .wpbdp-listing:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(20,73,173,0.1) !important;
}

/* Featured — gold left accent */
.wpbdp-listing.wpbdp-featured-listing {
    border-left: 4px solid var(--idig-gold) !important;
}

/* ── Founding Partner stamp — reposition cleanly ──────────── */
.wpbdp-listing .wpbdp-featured-badge,
.wpbdp-listing .wpbdp-sticky-tag,
.wpbdp-listing .listing-sticky-tag {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 56px !important;
    height: 56px !important;
    z-index: 3 !important;
}

.wpbdp-listing .wpbdp-featured-badge img,
.wpbdp-listing .wpbdp-sticky-tag img,
.wpbdp-listing .listing-sticky-tag img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
}

/* ── Thumbnail column ─────────────────────────────────────── */
.wpbdp-listing .wpbdmthumbs,
.wpbdp-listing a.wpbdmthumbs,
.wpbdp-listing .wpbdp-excerpt-thumbnail {
    display: block !important;
    width: 200px !important;
    height: 200px !important;
    overflow: hidden !important;
    background: var(--idig-linen) !important;
    flex-shrink: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
}

.wpbdp-listing .wpbdmthumbs img,
.wpbdp-listing a.wpbdmthumbs img,
.wpbdp-listing .wpbdp-excerpt-thumbnail img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
    float: none !important;
}

/* ── Content column ───────────────────────────────────────── */
.wpbdp-listing .listing-body,
.wpbdp-listing .wpbdp-listing-body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 1.25rem 1.5rem 1.25rem 1.25rem !important;
    background: var(--idig-white) !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

/* ── Clear any legacy floats ──────────────────────────────── */
.wpbdp-listing::after,
.wpbdp-listing .listing-body::after {
    content: '' !important;
    display: table !important;
    clear: both !important;
}

/* ── Business Name — make it a proper serif heading ───────── */
.wpbdp-listing .wpbdp-field-display-name .wpbdp-field-value,
.wpbdp-listing .wpbdp-field-display-name .wpbdp-field-value a,
.wpbdp-listing h3.listing-title,
.wpbdp-listing h3.listing-title a {
    font-family: var(--font-display) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    color: var(--idig-text) !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
    margin: 0 0 0.4rem !important;
    display: block !important;
}

.wpbdp-listing .wpbdp-field-display-name .wpbdp-field-value a:hover,
.wpbdp-listing h3.listing-title a:hover {
    color: var(--idig-blue) !important;
}

/* Hide the "Business Name" label since the value is the heading */
.wpbdp-listing .wpbdp-field-display-name .wpbdp-field-label {
    display: none !important;
}

/* ── All field labels — small, muted, uppercase ───────────── */
.wpbdp-listing .wpbdp-field-label {
    font-family: var(--font-body) !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    color: var(--idig-warm-grey) !important;
    display: inline !important;
    margin-right: 0.3rem !important;
}

/* ── Field values ─────────────────────────────────────────── */
.wpbdp-listing .wpbdp-field-value {
    font-family: var(--font-body) !important;
    font-size: 0.855rem !important;
    color: var(--idig-text-light) !important;
    display: inline !important;
    line-height: 1.6 !important;
}

/* ── All fields ───────────────────────────────────────────── */
.wpbdp-listing .wpbdp-field {
    margin-bottom: 0.4rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    font-size: 0.855rem !important;
    line-height: 1.6 !important;
}

/* ── Category — badge style ───────────────────────────────── */
.wpbdp-listing .wpbdp-field-listing_category .wpbdp-field-value,
.wpbdp-listing .wpbdp-field-listing_category .wpbdp-field-value a {
    display: inline-block !important;
    font-family: var(--font-body) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    color: var(--idig-blue) !important;
    background: var(--idig-blue-pale) !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    margin-bottom: 0.5rem !important;
}

.wpbdp-listing .wpbdp-field-listing_category .wpbdp-field-label {
    display: none !important;
}

/* ── Short description — slightly larger ──────────────────── */
.wpbdp-listing .wpbdp-field-short_description .wpbdp-field-value,
.wpbdp-listing .wpbdp-field-short-description .wpbdp-field-value {
    font-size: 0.9rem !important;
    color: var(--idig-text-light) !important;
    line-height: 1.65 !important;
    display: block !important;
    margin-top: 0.1rem !important;
}

.wpbdp-listing .wpbdp-field-short_description .wpbdp-field-label,
.wpbdp-listing .wpbdp-field-short-description .wpbdp-field-label {
    display: none !important;
}

/* ── Links ────────────────────────────────────────────────── */
.wpbdp-listing .wpbdp-field-value a {
    color: var(--idig-blue) !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

.wpbdp-listing .wpbdp-field-value a:hover {
    text-decoration: underline !important;
}

/* ── Social icons ─────────────────────────────────────────── */
.wpbdp-listing .wpbdp-social-links,
.wpbdp-listing .listing-social-links {
    margin-top: 0.75rem !important;
    display: flex !important;
    gap: 0.4rem !important;
    align-items: center !important;
}

/* ── Edit/Delete links — muted for logged-in view ─────────── */
.wpbdp-listing .listing-edit-link,
.wpbdp-listing .wpbdp-listing-edit {
    font-size: 0.72rem !important;
    color: var(--idig-warm-grey) !important;
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
    border-top: 1px solid var(--idig-border) !important;
    display: block !important;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 640px) {
    .wpbdp-listing.wpbdp-listing-excerpt,
    #wpbdp-listings-wrapper .wpbdp-listing {
        grid-template-columns: 1fr !important;
    }

    .wpbdp-listing .wpbdmthumbs,
    .wpbdp-listing a.wpbdmthumbs {
        width: 100% !important;
        height: 180px !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .wpbdp-listing .wpbdmthumbs img,
    .wpbdp-listing a.wpbdmthumbs img {
        width: 100% !important;
        height: 180px !important;
    }

    .wpbdp-listing .listing-body,
    .wpbdp-listing .wpbdp-listing-body {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}
.wpbdp-listing .wpbdp-field-display-name a,
.wpbdp-listing .wpbdp-field-display-name a:link,
.wpbdp-listing .wpbdp-field-display-name a:visited {
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    color: #2c2820 !important;
    text-decoration: none !important;
    display: block !important;
}