/*
 * Pastilla Paris — habillage de l'extension WP Delicious (recettes).
 * Chargé uniquement si l'extension est active. La structure des pages de
 * recettes est conservée ; seules les couleurs et la présentation changent.
 */

/* 1. Couleurs de l'extension remplacées par la palette du thème.
 *    Déclarées sur body pour l'emporter sur les variables de :root. */
body {
	--primary-color: var(--pp-bordeaux);
	--primary-color-rgb: 123, 30, 43;
	--secondary-color: var(--pp-gold);
	--secondary-color-rgb: 197, 154, 69;
	--font-color: var(--pp-ink);
	--font-color-rgb: 22, 17, 14;
	--success-color: var(--pp-bordeaux);
	--success-color-rgb: 123, 30, 43;
}

/* 2. Mise en page générale */
.wpdelicious-outer-wrapper {
	max-width: var(--pp-container);
	margin-inline: auto;
	padding: clamp(1.5rem, 4vw, 3rem) var(--pp-gutter) var(--pp-section);
}

.wpdelicious-outer-wrapper .content-area,
.wpdelicious-outer-wrapper .widget-area {
	min-width: 0;
}

.dr-entry-title,
.dr-single-recipe .dr-entry-title,
.dr-title,
.dr-recipe-title,
.dr-mst-pop-title,
.wpdelicious-outer-wrapper .widget-title,
.wpdelicious-outer-wrapper .widget .wp-block-heading {
	font-family: var(--pp-font-display);
	font-weight: 600;
	color: var(--pp-ink);
	letter-spacing: 0.005em;
}

.wpdelicious-outer-wrapper a {
	color: var(--pp-bordeaux);
}

/* Catégories (fil au-dessus du titre) */
.wpdelicious-category a {
	display: inline-block;
	padding: 0.2rem 0.75rem;
	border: 1px solid rgba(197, 154, 69, 0.6);
	border-radius: 999px;
	color: var(--pp-gold-ink) !important;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
}

.wpdelicious-category a:hover { background: var(--pp-sand); }

.dr-entry-meta,
.dr-entry-meta a,
.wpdelicious-recipe-info-metas { color: var(--pp-ink-soft); }

.dr-entry-meta svg,
.wpdelicious-recipe-info-metas svg,
.dr-recipe-keys svg,
.dr-extra-meta svg,
.dr-svg-icon svg { color: var(--pp-gold-ink); fill: currentColor; }

/* 3. Boutons (aller à la recette, imprimer, vidéo, favoris) */
.dr-add-to-wishlist-single,
.dr-add-to-wishlist-single .dr-recipe-wishlist {
	display: inline-flex;
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
}

.dr-bookmark-wishlist {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	min-height: 46px;
	padding: 0.7rem 1.3rem !important;
	border: 1.5px solid rgba(197, 154, 69, 0.8) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--pp-gold-ink) !important;
	font-weight: 800;
	cursor: pointer;
}

.dr-bookmark-wishlist svg { stroke: currentColor; }

.dr-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.dr-buttons .dr-btn-link,
.dr-buttons a,
.dr-buttons button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 46px;
	padding: 0.7rem 1.3rem !important;
	border-radius: 999px !important;
	border: 1.5px solid var(--pp-ink) !important;
	background: transparent !important;
	color: var(--pp-ink) !important;
	font-family: var(--pp-font-body);
	font-weight: 800;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dr-buttons a svg,
.dr-buttons button svg { fill: currentColor; stroke: currentColor; }

.dr-buttons .wpdelicious-btn-jump-to-recipe {
	background: var(--pp-bordeaux) !important;
	border-color: var(--pp-bordeaux) !important;
	color: #fff !important;
}

.dr-buttons .dr-print-trigger {
	background: var(--pp-gold) !important;
	border-color: var(--pp-gold) !important;
	color: var(--pp-black) !important;
}

.dr-buttons a:hover,
.dr-buttons button:hover {
	background: var(--pp-black) !important;
	border-color: var(--pp-black) !important;
	color: var(--pp-cream) !important;
}

/* 4. Fiche récapitulative de la recette */
.dr-summary-holder {
	background: var(--pp-paper) !important;
	border: 1px solid var(--pp-line);
	border-top: 4px solid var(--pp-gold);
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow-soft);
	overflow: hidden;
}

.dr-post-summary .dr-image img,
.dr-feature-image img {
	border-radius: var(--pp-radius-sm);
}

.dr-badge,
.dr-badge a,
.dr-badge span {
	background: var(--pp-bordeaux) !important;
	color: #fff !important;
	border-radius: 999px;
}

.dr-recipe-keys,
.dr-extra-meta {
	background: var(--pp-sand) !important;
	border-radius: var(--pp-radius-sm);
}

.dr-meta-title,
.dr-extra-meta .dr-label,
.dr-lavel {
	color: var(--pp-gold-ink) !important;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.78rem;
}

/* Ingrédients et instructions */
.dr-ingredients-list,
.dr-instructions,
.dr-nutrition-facts,
.dr-note,
.dr-faqs-section {
	border-color: var(--pp-line) !important;
}

.dr-ingrd-title-wrap h3,
.dr-instrc-title-wrap h3,
.dr-ingredients-list .dr-title,
.dr-instructions .dr-title,
.dr-section-title-wrap h3,
.dr-print-block-title {
	font-family: var(--pp-font-display);
	color: var(--pp-ink);
}

.dr-unordered-list li::before,
.recipe-ingredient::before {
	border-color: var(--pp-gold) !important;
}

.dr-unordered-list input[type="checkbox"],
.dr-ordered-list input[type="checkbox"] {
	accent-color: var(--pp-bordeaux);
}

.dr-ordered-list .dr-instruction::before,
.dr-ordered-list > li::before {
	background: var(--pp-black) !important;
	color: var(--pp-gold) !important;
	border-color: var(--pp-black) !important;
}

.dr-switch-btn {
	background: var(--pp-bordeaux) !important;
}

.dr-ingredients-scale button,
.dr-ingredients-toolbar button {
	border-color: var(--pp-line) !important;
	color: var(--pp-ink) !important;
}

.dr-ingredients-scale button.active,
.dr-ingredients-scale .active {
	background: var(--pp-bordeaux) !important;
	color: #fff !important;
}

/* Valeurs nutritionnelles */
.dr-nutrition-facts {
	background: var(--pp-paper);
	border-radius: var(--pp-radius-sm);
}

/* Mots-clés, partage, FAQ */
.dr-keywords a {
	display: inline-block;
	margin: 0 0.35rem 0.35rem 0;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	background: var(--pp-sand);
	color: var(--pp-ink) !important;
	font-size: 0.85rem;
	text-decoration: none;
}

.dr-share-block,
.dr-recipe-share .dr-share-wrap {
	background: var(--pp-sand) !important;
	border-radius: var(--pp-radius-sm);
}

.dr-share-icon,
.dr-share-icon svg { color: var(--pp-bordeaux); fill: currentColor; }

.dr-faq-item {
	background: var(--pp-paper);
	border: 1px solid var(--pp-line) !important;
	border-radius: var(--pp-radius-sm);
}

.dr-faq-title-wrap { font-weight: 800; }

/* 5. Colonne latérale : les widgets de l'extension deviennent des cartes,
 *    les blocs libres (texte, image) restent simples. */
.wpdelicious-outer-wrapper .widget-area .widget {
	margin-bottom: 1.5rem;
}

.wpdelicious-outer-wrapper .widget-area .widget_delicious_featured_recipes_widget,
.wpdelicious-outer-wrapper .widget-area .widget_delicious_popular_recipes_widget,
.wpdelicious-outer-wrapper .widget-area .dr-categories,
.wpdelicious-outer-wrapper .widget-area .dr-recipe-keys {
	background: var(--pp-paper) !important;
	border: 1px solid var(--pp-line);
	border-radius: var(--pp-radius);
	padding: 1.25rem;
}

.wpdelicious-outer-wrapper .widget-area .widget-title,
.wpdelicious-outer-wrapper .widget-area h2,
.wpdelicious-outer-wrapper .widget-area .dr-fav-header {
	font-family: var(--pp-font-display);
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 0 1rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid rgba(197, 154, 69, 0.5);
}

.wpdelicious-outer-wrapper .widget-area img {
	border-radius: var(--pp-radius-sm);
}

.dr-mst-pop-title a,
.dr-recipe-title a { color: var(--pp-ink) !important; text-decoration: none; }
.dr-mst-pop-title a:hover,
.dr-recipe-title a:hover { color: var(--pp-bordeaux) !important; }

.dr-time,
.dr-level,
.dr-recipe-time,
.dr-recipe-diffic { color: var(--pp-ink-soft); }

.dr-time svg,
.dr-level svg,
.dr-recipe-time svg,
.dr-recipe-diffic svg { color: var(--pp-gold-ink); fill: currentColor; }

.dr-cat-count {
	background: var(--pp-bordeaux) !important;
	color: #fff !important;
}

/* 6. Cartes des archives de recettes */
.dr-recipe-fig img,
.dr-mst-pop-fig img {
	border-radius: var(--pp-radius-sm);
}

/* Étoiles de notation : doré */
.wpd-rating-container svg,
.dr-comment-rating svg { color: var(--pp-gold); fill: currentColor; }

/* 7. Éléments masqués : mention « Carte de recette alimentée par WP Delicious »
 *    et bloc de partage « Did you make this recipe? » (Instagram, Pinterest). */
.dr-poweredby,
.dr-recipe-share {
	display: none !important;
}