/**
 * HASH Content Engine - Standalone Frontend Styles
 * Author: HASH (https://hash.ba)
 * Description: Universal responsive styling for video embeds, social media, internal figures, and source credits across ANY WordPress theme.
 * Version: 1.0.4
 */

/* 1. Responzivni Video Embeds (YouTube, Vimeo, Dailymotion, HTML5) */
.single-content iframe[src*="youtube.com"],
.single-content iframe[src*="youtube-nocookie.com"],
.single-content iframe[src*="vimeo.com"],
.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtube-nocookie.com"],
.entry-content iframe[src*="vimeo.com"],
.post-content iframe[src*="youtube.com"],
.post-content iframe[src*="youtube-nocookie.com"],
.post-content iframe[src*="vimeo.com"],
article iframe[src*="youtube.com"],
article iframe[src*="youtube-nocookie.com"],
article iframe[src*="vimeo.com"],
.hce-video-wrapper iframe {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    border: none !important;
    border-radius: 12px;
    margin: 2rem 0;
    display: block;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* 2. Responzivne objave sa društvenih mreža (Instagram, Twitter/X, TikTok) */
.single-content .instagram-media,
.single-content .twitter-tweet,
.single-content blockquote.tiktok-embed,
.entry-content .instagram-media,
.entry-content .twitter-tweet,
.entry-content blockquote.tiktok-embed,
article .instagram-media,
article .twitter-tweet,
article blockquote.tiktok-embed {
    margin: 2rem auto !important;
    max-width: 100% !important;
    border-radius: 12px !important;
}

/* 3. Unutrašnje slike u tekstu i Figure blokovi */
.hce-figure,
.single-content figure.hce-figure,
.entry-content figure.hce-figure {
    margin: 2.2rem auto;
    text-align: center;
    max-width: 100%;
}

.hce-figure img,
.single-content figure.hce-figure img,
.entry-content figure.hce-figure img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hce-figure figcaption,
.single-content figure.hce-figure figcaption,
.entry-content figure.hce-figure figcaption {
    margin-top: 0.75rem;
    font-size: 0.88rem;
    color: #64748b;
    font-style: italic;
    line-height: 1.45;
    text-align: center;
    padding: 0 1rem;
}

/* 4. Navođenje izvora na dnu članka (SEO & Transparentnost) */
.hce-source-credit {
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    border-top: 1px dashed #e2e8f0;
    font-size: 0.92rem;
    color: #64748b;
    font-style: italic;
    line-height: 1.5;
}

.hce-source-credit a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.hce-source-credit a:hover {
    color: #0f172a;
}

/* Dark mode podrška */
[data-theme="dark"] .hce-source-credit {
    border-top-color: #334155;
    color: #94a3b8;
}

[data-theme="dark"] .hce-source-credit a:hover {
    color: #f1f5f9;
}

[data-theme="dark"] .hce-figure figcaption {
    color: #94a3b8;
}

[data-theme="dark"] .hce-figure img {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}