/* Pinscribe listing details (map-details.php). Colours, fonts and corners
   come from the map's Appearance screen through the --psd- variables set on
   each block; text colour and size come from the theme. */
.pinscribe-details { margin: 2.5em 0; font-family: var(--psd-font, inherit); container-type: inline-size; }
.pinscribe-details-grid { display: grid; gap: 22px; }
/* Side by side only when the cards have the room, wherever they are placed. */
@container (min-width: 820px) { .pinscribe-details-two .pinscribe-details-grid { grid-template-columns: 1fr 1fr; align-items: start; } .pinscribe-details-two .pinscribe-details-wide { grid-column: 1 / -1; } }
.pinscribe-details-card { container-type: inline-size; margin: 0 !important; border: 1px solid color-mix(in srgb, currentColor 12%, transparent); border-radius: var(--psd-radius, 14px); box-shadow: var(--psd-shadow, 0 1px 2px rgba(0,0,0,.04)); overflow: hidden; }
.pinscribe-details .pinscribe-details-heading { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 16px 22px !important; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent); font-family: var(--psd-heading-font, var(--psd-font, inherit)); font-size: 1.05em !important; font-weight: 600; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; }
.pinscribe-details-badge { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: none; border-radius: 50%; color: var(--psd-accent); background: color-mix(in srgb, var(--psd-accent) 11%, transparent); }
.pinscribe-details-body { padding: 18px 22px 20px; line-height: 1.6; }
.pinscribe-details-body > :last-child { margin-bottom: 0 !important; }
.pinscribe-details a { color: inherit; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; }
.pinscribe-details a:hover { color: var(--psd-accent); }
.pinscribe-details-rows { display: grid; gap: 14px; margin: 0 !important; }
.pinscribe-details-rows > div { display: grid; grid-template-columns: 8em 1fr; gap: 4px 14px; align-items: center; }
@container (max-width: 440px) { .pinscribe-details-rows > div { grid-template-columns: 1fr; } .pinscribe-details-hours th { width: 8.5em !important; } .pinscribe-details .pinscribe-details-heading, .pinscribe-details .pinscribe-details-body { padding-left: 16px !important; padding-right: 16px !important; } }
.pinscribe-details .pinscribe-details-rows dt { display: flex; align-items: center; gap: 10px; margin: 0; font-size: inherit; font-weight: 500; }
.pinscribe-details-rows dt svg { opacity: .55; flex: none; }
.pinscribe-details-rows dd { margin: 0 !important; min-width: 0; overflow-wrap: anywhere; }
.pinscribe-details-social { display: flex; flex-wrap: wrap; gap: 8px; }
.pinscribe-details .pinscribe-details-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); text-decoration: none; }
.pinscribe-details .pinscribe-details-social a:hover { border-color: var(--psd-accent); }
.pinscribe-details-open { display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; font-weight: 600; }
.pinscribe-details-open::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #b3261e; }
.pinscribe-details-open.is-open { color: #2e7d4f; }
.pinscribe-details-open.is-open::before { background: #2e9e5b; }
.pinscribe-details-open[hidden] { display: none; }
.pinscribe-details-hours { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse; }
.pinscribe-details-hours th, .pinscribe-details-hours td { padding: 5px 0 !important; border: 0 !important; background: none !important; text-align: left; font-weight: 400; vertical-align: top; }
.pinscribe-details-hours th { width: calc(8em + 14px); }
.pinscribe-details-hours tr.is-today { font-weight: 700; }
.pinscribe-details-hours tr.is-today th, .pinscribe-details-hours tr.is-today td { font-weight: 700; }
.pinscribe-details-about { margin: 0; }
.pinscribe-details-services { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pinscribe-details-services li { display: flex; align-items: center; gap: 8px; margin: 0 !important; }
.pinscribe-details-services svg { color: var(--psd-accent); }
.pinscribe-details-address { margin: 0 0 14px !important; }
.pinscribe-details-map { margin: 0 0 14px; border-radius: calc(var(--psd-radius, 14px) - 4px); overflow: hidden; }
.pinscribe-details-map .pinscribe-on-post, .pinscribe-details-map > * { margin: 0 !important; }
.pinscribe-details-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.pinscribe-details .pinscribe-details-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 10px; background: var(--psd-accent); color: var(--psd-accent-text); font-weight: 600; line-height: 1.2; text-decoration: none; }
.pinscribe-details .pinscribe-details-button:hover { color: var(--psd-accent-text); filter: brightness(1.08); }
.pinscribe-details .pinscribe-details-button.is-quiet, .pinscribe-details .pinscribe-details-button.is-quiet:hover { background: transparent; color: var(--psd-accent); box-shadow: inset 0 0 0 1px currentColor; }
.pinscribe-details .pinscribe-details-actions { display: flex; flex-wrap: wrap; gap: 8px; }