/*
 * CSS Blog Article — Planète Freeride
 *
 * Chargé uniquement sur les articles de blog (is_single() sur post_type=post).
 * Contient :
 * — Flèche retour BoldBlocks SVG : hover translateX(-4px)
 * — Tags catégories colorés par slug (turquoise ski, vert VTT, jaune ski-rando,
 *   orange freetest, rose conseils) + masquage "non-classé"
 * — Étiquettes WP (post_tag) : style outline beige + icône location SVG mask-image
 * — Séparateurs CF7 entre tags masqués
 * — Section auteur : avatar rond 56px, nom semi-bold, biographie neutre
 * — Bouton "Copier le lien" : outline, hover bleu anthracite, hauteur 44px (RGAA)
 * — Icônes réseaux Spectra (.uagb-ss__link) : 44×44px, hover bleu anthracite
 *
 * Responsive @media (max-width: 763px) :
 * — Titre réduit à --font-size--xxx-large
 * — Image featured : hauteur 260px
 * — Contenu article : padding 40px 16px
 *
 * Enqueued via pf-loader.php — condition is_singular('post').
 * Migré depuis Code Snippets (ID 25) le 2026-07-01.
 * Ref. PR2602-0009
 */

/* ================================================
       ARTICLE DE BLOG — PR2602-0009 Planète Freeride
       ================================================ */
	/* Flèche retour — effet hover */
	.wp-block-boldblocks-svg-block {
		display: inline-block;
		transition: transform 0.2s ease;
	}

	.wp-block-boldblocks-svg-block:hover {
		transform: translateX(-4px);
	}
  

    /* -----------------------------------------------
       TAGS — CATÉGORIES ET ÉTIQUETTES
       ----------------------------------------------- */

    /* Container tags */
    .taxonomy-category,
    .taxonomy-post_tag {
        display: inline-flex !important;
        flex-wrap: wrap;
        gap: 8px;
        background: transparent !important;
        padding: 0 !important;
    }

    /* Liens catégories et étiquettes */
    .taxonomy-category a,
    .taxonomy-post_tag a {
        font-family: var(--wp--preset--font-family--satoshi-variable);
        font-size: var(--wp--preset--font-size--x-small);
        font-weight: var(--wp--custom--font-weight--bold);
		line-height: 1;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--wp--preset--color--custom-pf-bleu-anthracite);
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 2px !important;
        display: inline-block;
		border:0px;
    }

    /* Masquer les séparateurs CF7 entre tags */
    .wp-block-post-terms__separator {
        display: none;
    }

    /* Couleurs catégories par slug */
    .taxonomy-category a[href*="ski-snowboard"] { background-color: var(--wp--preset--color--custom-pf-turquoise); }
    .taxonomy-category a[href*="vtt"]           { background-color: var(--wp--preset--color--custom-pf-vert); }
    .taxonomy-category a[href*="ski-rando"]     { background-color: var(--wp--preset--color--custom-pf-jaune); }
    .taxonomy-category a[href*="freetest"]      { background-color: var(--wp--preset--color--custom-pf-orange); }
    .taxonomy-category a[href*="conseils"]      { background-color: var(--wp--preset--color--custom-pf-rose); }
    .taxonomy-category a[href*="non-classe"]    { background-color: var(--wp--preset--color--neutral); color: var(--wp--preset--color--custom-pf-beige); }

    /* Étiquettes — style outline */
    .taxonomy-post_tag a {
        background-color: transparent;
        border: 1px solid var(--wp--preset--color--custom-pf-beige);
        color: var(--wp--preset--color--custom-pf-beige);
    }

/* Icône location devant les étiquettes */
.pf-tag-link,
.taxonomy-post_tag a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pf-tag-link::before,
.taxonomy-post_tag a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: currentColor;
    flex-shrink: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6.5a2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

    /* -----------------------------------------------
       SECTION AUTEUR
       ----------------------------------------------- */

    /* Wrapper auteur */
    .wp-block-post-author.is-style-swt-post-author-simple {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    /* Avatar */
		.wp-block-avatar img {
		border-radius: 50%;
		width: 56px !important;
		height: 56px !important;
		object-fit: cover;
		display: block;
	}

    /* Nom auteur */
	.wp-block-post-author-name {
		font-weight: var(--wp--custom--font-weight--semi-bold);
		text-transform: capitalize;
	}

    /* Biographie auteur */
    .wp-block-post-author-biography {
        font-family: var(--wp--preset--font-family--satoshi-variable);
        font-size: var(--wp--preset--font-size--small);
        color: var(--wp--preset--color--neutral);
    }

	/* Wrapper section auteur partage */
	.pf-auteur-partage {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	/* Bouton copier le lien */
	.pf-btn-copier {
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
    	min-width: fit-content;
		gap: 8px;
		padding: 10px 18px;
		background: transparent;
		border: 1px solid var(--wp--preset--color--outline);
		border-radius: 8px;
		color: var(--wp--preset--color--custom-pf-bleu-anthracite);
		font-family: var(--wp--preset--font-family--satoshi-variable);
		font-size: var(--wp--preset--font-size--small);
		font-weight: var(--wp--custom--font-weight--medium);
		cursor: pointer;
		transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
		height: 44px;
	}

	.pf-btn-copier:hover {
		background: var(--wp--preset--color--custom-pf-bleu-anthracite);
		color: var(--wp--preset--color--custom-pf-beige);
		border-color: var(--wp--preset--color--custom-pf-bleu-anthracite);
	}

	.pf-btn-copier svg {
		flex-shrink: 0;
		transition: stroke 0.2s ease;
	}

	/* Icônes réseaux sociaux Spectra — même style */
	.uagb-ss__link {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 44px !important;
		height: 44px !important;
		background: transparent !important;
		border: 1px solid var(--wp--preset--color--outline) !important;
		border-radius: 8px !important;
		transition: background 0.2s ease, border-color 0.2s ease;
		cursor: pointer;
	}

	.uagb-ss__link:hover {
		background: var(--wp--preset--color--custom-pf-bleu-anthracite) !important;
		border-color: var(--wp--preset--color--custom-pf-bleu-anthracite) !important;
	}

	.uagb-ss__source-icon svg {
		width: 18px !important;
		height: 18px !important;
		fill: var(--wp--preset--color--custom-pf-bleu-anthracite);
		transition: fill 0.2s ease;
	}

	.uagb-ss__link:hover .uagb-ss__source-icon svg {
		fill: var(--wp--preset--color--custom-pf-beige) !important;
	}

    /* -----------------------------------------------
       RESPONSIVE
       ----------------------------------------------- */

    @media (max-width: 763px) {
        .swt-block-post-title {
            font-size: var(--wp--preset--font-size--xxx-large) !important;
        }

        .swt-block-featured-image .wp-block-post-featured-image img {
            height: 260px;
        }

        .wp-block-post-content {
            padding: 40px 16px;
        }
    }