/*
 * Theme Name:   Divi5 Quote Child
 * Theme URI:    https://yoursite.com
 * Description:  Child theme for Divi 5 — adds a static "Quote" post format display.
 *               Titles, featured images, and content render as plain text with no
 *               clickable links whatsoever.
 * Author:       Your Name
 * Author URI:   https://yoursite.com
 * Template:     Divi
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  divi5-quote-child
 */

/* ============================================================
   QUOTE FORMAT — CARD WRAPPER
   ============================================================ */

.format-quote-card {
    position: relative;
    max-width: 780px;
    margin: 0 auto 3rem auto;
    padding: 0;
    font-family: 'Georgia', 'Times New Roman', serif;
}

/* Left accent bar */
.format-quote-card::before {
    content: '';
    position: absolute;
    left: -2.5rem;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #1a1a1a;
    border-radius: 2px;
}

/* ============================================================
   QUOTE MARK ICON (decorative)
   ============================================================ */

.format-quote-card__mark {
    display: block;
    font-size: 5rem;
    line-height: 1;
    color: #1a1a1a;
    margin-bottom: 0.25rem;
    font-family: 'Georgia', serif;
    user-select: none;
    pointer-events: none;
}

/* ============================================================
   TITLE — static, no link, no hover
   ============================================================ */

.format-quote-card__title {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 1.9rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1.3;
    color: #1a1a1a;
    margin: 0 0 1.25rem 0;
    /* Ensure any accidental <a> inside loses link styling */
    pointer-events: none;
}

.format-quote-card__title a,
.format-quote-card__title a:link,
.format-quote-card__title a:visited,
.format-quote-card__title a:hover,
.format-quote-card__title a:active,
.format-quote-card__title a:focus {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
    outline: none !important;
}

/* ============================================================
   META / DATE / CATEGORIES — static labels only
   ============================================================ */

.format-quote-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    align-items: center;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #888;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    margin-bottom: 1.5rem;
}

.format-quote-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

/* Kill all links inside meta */
.format-quote-card__meta a,
.format-quote-card__meta a:link,
.format-quote-card__meta a:visited,
.format-quote-card__meta a:hover,
.format-quote-card__meta a:active,
.format-quote-card__meta a:focus {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
    outline: none !important;
}

/* ============================================================
   FEATURED IMAGE — static, no link wrapper
   ============================================================ */

.format-quote-card__thumbnail {
    display: block;
    margin-bottom: 1.75rem;
    overflow: hidden;
    border-radius: 3px;
}

.format-quote-card__thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    /* No hover effects — this is purely static */
}

/* Kill any link wrapping the thumbnail (post-thumbnail anchor) */
.format-quote-card__thumbnail a,
.format-quote-card__thumbnail a:link,
.format-quote-card__thumbnail a:visited,
.format-quote-card__thumbnail a:hover,
.format-quote-card__thumbnail a:active,
.format-quote-card__thumbnail a:focus {
    display: block;
    pointer-events: none !important;
    cursor: default !important;
    outline: none !important;
}

/* ============================================================
   CONTENT BODY
   ============================================================ */

.format-quote-card__content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #2d2d2d;
}

.format-quote-card__content p {
    margin: 0 0 1.2em 0;
}

.format-quote-card__content p:last-child {
    margin-bottom: 0;
}

/* Kill ALL links inside content */
.format-quote-card__content a,
.format-quote-card__content a:link,
.format-quote-card__content a:visited,
.format-quote-card__content a:hover,
.format-quote-card__content a:active,
.format-quote-card__content a:focus {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
    outline: none !important;
}

/* Attribution / blockquote inside content */
.format-quote-card__content blockquote {
    margin: 1.5rem 0 1.5rem 0;
    padding: 0 0 0 1.5rem;
    border-left: 3px solid #1a1a1a;
    font-style: italic;
    color: #555;
}

.format-quote-card__content cite {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    font-style: normal;
    letter-spacing: 0.05em;
    color: #888;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* ============================================================
   DIVIDER BELOW CARD
   ============================================================ */

.format-quote-card__footer {
    margin-top: 2.5rem;
    border-top: 1px solid #e8e8e8;
    padding-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    user-select: none;
}

.format-quote-card__footer::before {
    content: '❝';
    font-size: 1rem;
    color: #ccc;
}

/* ============================================================
   SINGLE POST VIEW — same static treatment
   ============================================================ */

.single.postformat-quote .entry-title a,
.single.postformat-quote .entry-title a:link,
.single.postformat-quote .entry-title a:visited,
.single.postformat-quote .entry-title a:hover,
.single.postformat-quote .entry-title a:active {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.single.postformat-quote .post-thumbnail a,
.single.postformat-quote .post-thumbnail a:link,
.single.postformat-quote .post-thumbnail a:visited,
.single.postformat-quote .post-thumbnail a:hover,
.single.postformat-quote .post-thumbnail a:active {
    pointer-events: none !important;
    cursor: default !important;
}

/* Also suppress "read more" or "continue reading" links that
   Divi or WordPress might inject automatically */
.format-quote .more-link,
.format-quote .more-link:link,
.format-quote .more-link:visited,
.format-quote .more-link:hover {
    display: none !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
    .format-quote-card {
        margin-left: 0;
    }

    .format-quote-card::before {
        left: -1rem;
    }

    .format-quote-card__title {
        font-size: 1.5rem;
    }

    .format-quote-card__mark {
        font-size: 3.5rem;
    }
}