/**
Theme Name: Wishful Blog
Theme URI: https://www.wishfulthemes.com/themes/wishful-blog/
Author: wishfulthemes
Author URI: https://wishfulthemes.com/
Description: Wishful Blog is simple and attractive free WordPress Blog theme. Wishful Blog is suitable to everykinds of blog you are looking for. It has highly customizable options to manage site and SEO is properly managed for site ranking. Default fallback image is additional features where you rarely get this option in WordPress theme. Beside these, there are layout options for banner and blog list, sidebar options, color options, typography options and many more. You can also find custom widgets of Wishful Blog to make site more attractive and unique. For more details, please visit : https://www.wishfulthemes.com/themes/wishful-blog/
Version: 2.0.2
Requires PHP: 5.6
Tested up to: 6.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wishful-blog
Tags: custom-background, custom-colors, custom-header, custom-logo, custom-menu, one-column , editor-style, entertainment, featured-image-header, featured-images, footer-widgets, full-width-template, grid-layout, news, blog, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, two-columns, block-styles, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wishful Blog WordPress Theme, Copyright (C) 2019, wishfulthemes.
Wishful Blog is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Style pour la section meta du podcast */
.podcast_meta {
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.podcast_meta aside {
    background: #f9f9f9;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 4px solid #e2001a; /* Rouge F1 */
}

.podcast_meta p {
    margin: 8px 0;
    color: #333;
}

.podcast-meta-duration,
.podcast-meta-date {
    font-weight: 500;
    color: #555;
}

/* Style des liens d'abonnement */
.podcast_meta a.podcast-meta-itunes {
    display: inline-flex;
    align-items: center;
    margin: 0 8px;
    padding: 6px 12px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    text-decoration: none !important;
    color: #333;
    font-weight: 500;
    border: 1px solid #eee;
}

/* Icônes personnalisées */
.podcast-meta-itunes[title="Deezer"]::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e2001a"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-.84-1.53-1.54-2.07l-3.53 1.28c.33.43.58.94.58 1.48v.79l5.34-2.01zM7.07 18.89l-1.42-1.42C4.77 15.44 4 13.82 4 12c0-4.41 3.59-8 8-8 3.63 0 6.82 2.26 7.97 5.59l-1.42 1.42C18.37 6.27 15.81 4 12 4 7.59 4 4 7.59 4 12c0 1.66.42 3.2.97 4.59l5.34-2.01L12 12l-1.41 4.29 5.34 2.01z"/></svg>') no-repeat center;
    background-size: contain;
}

.podcast-meta-itunes[title="Spotify"]::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231DB954"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l2.59-2.59L15 13l-5 5zM18 11c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z"/></svg>') no-repeat center;
    background-size: contain;
}

/* Effet au survol */
.podcast_meta a.podcast-meta-itunes:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.podcast_meta a.podcast-meta-itunes[title="Deezer"]:hover {
    background: #e2001a;
    color: white;
    border-color: #e2001a;
}

.podcast_meta a.podcast-meta-itunes[title="Spotify"]:hover {
    background: #1DB954;
    color: white;
    border-color: #1DB954;
}

/* Style pour les séparateurs */
.podcast_meta p:first-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 10px 0;
}

.podcast .entry-content a {
    display:inline-block!important
}

/* ===== RESET MOBILE ===== */
.podcast_meta aside,
.podcast-chapters {
    width: 100%;
    box-sizing: border-box;
}

.podcast-chapters ol {
    padding-left:20px;
}


/* Numéros de liste personnalisés */
@media (max-width: 768px) {
    .podcast-chapters ol {
        list-style: none;
        counter-reset: chapitre;
        padding-left:0px;
    }

    .podcast-chapters li {
        counter-increment: chapitre;
        position: relative;
        padding-left: 1.8em;
    }

    .podcast-chapters li::before {
        content: counter(chapitre) ".";
        position: absolute;
        left: 0;
        font-weight: bold;
        color: #717171;
    }


}

/* Bouton F1 personnalisé */
.f1-result-button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #e2001a;
    color: white !important;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border: 2px solid #e2001a;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.f1-result-button:hover {
    background: #c00018;
    transform: translateY(-2px);
}
.f1-button-subtitle {
    font-size: 0.8em;
    font-weight: 400;
    margin-top: 4px;
    opacity: 0.9;
}
.f1-result-button::after {
    content: "→";
    position: absolute;
    right: 15px;
    transition: right 0.3s ease;
}
.f1-result-button:hover::after {
    right: 10px;
}

.f1-full-width {
    display: block; /* Force le passage à la ligne si nécessaire */
    width: 100%; /* Prend toute la largeur disponible */
    text-align: left; /* Aligne le texte à gauche */
}

/* Conteneur principal */
.podcast-transcript-simple {
    margin: 25px 0;
    background: white;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Titre */
.transcript-title {
    background: #f9f9f9;
    background-color: #fcb811;
    color: #f9f9f9;
    padding: 12px 20px;
    margin: 0;
    font-size: 1.1em;
    border-bottom: 1px solid #eee;
}

/* Contenu de la transcription */
.transcript-content {
    padding: 20px;
    line-height: 1.6;
    color: #333;
    font-size: 0.95em;
    white-space: pre-wrap; /* Préserve les sauts de ligne et espaces */
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Adaptation mobile */
@media (max-width: 768px) {
    .transcript-content {
        padding: 15px;
        font-size: 0.9em;
    }
}

.podcast-transcript-container {
    margin-top: 20px;
}

.trad_audio {
    margin-bottom: 15px; 
    line-height: 1.6;
}

.title_audio {
    color: #e2001a; 
    margin: 20px 0 10px; 
    font-size: 1.1em; 
    cursor: pointer; 
    border-bottom: 1px solid #f0f0f0; 
    padding-bottom: 5px;
}

/* Masque complètement le lien Wishful Themes */
.copyright a[href="https://wishfulthemes.com"] {
    display: none;
}

/* Option alternative : gardez le texte mais masquez le lien */
.copyright a[href="https://wishfulthemes.com"] {
    color: transparent;
    text-decoration: none;
    pointer-events: none;
}