/*
Theme Name: SANGARÉDI TV
Theme URI: https://sangareditv.com
Author: SANGARÉDI TV
Author URI: https://sangareditv.com
Description: Thème WordPress basé sur des blocs (Full Site Editing) pour le site d'actualité et média SANGARÉDI TV — Informer • Éclairer • Rapprocher. Mise en page portail d'actualités : barre d'infos, en-tête avec logo, bandeau publicitaire, breaking news, articles à la une, catégories (Politique, Santé, Religion, Sport, Documentaire), bouton Regarder en direct (Facebook + YouTube), équipe et application mobile au pied de page.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sangaredi-tv
Tags: block-patterns, block-styles, full-site-editing, news, blog, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
*/

/* ============================================================
   SANGARÉDI TV — Feuille de style complémentaire
   (Les couleurs et la typographie principales sont définies
   dans theme.json)
   ============================================================ */

/* ---------- Barre supérieure (date / réseaux) ---------- */
.sgtv-topbar {
	background: #0b7c83;
	color: #ffffff;
	font-size: 13px;
}
.sgtv-topbar a { color: #ffffff; text-decoration: none; }
.sgtv-topbar a:hover { color: #ffd23e; }

/* ---------- En-tête ---------- */
.sgtv-header {
	background: #ffffff;
	border-bottom: 3px solid #0b7c83;
}
.sgtv-site-title a {
	color: #111111;
	font-weight: 800;
	letter-spacing: 1px;
	text-decoration: none;
}
.sgtv-site-title a span { color: #0b7c83; }

/* Bandeau publicitaire type 728x90 */
.sgtv-ad-banner {
	background: linear-gradient(135deg, #1b1b1b 0%, #2e2e2e 100%);
	border: 1px dashed #555;
	color: #cccccc;
	text-align: center;
	padding: 22px 15px;
	font-size: 14px;
}
.sgtv-ad-banner strong { color: #ffffff; font-size: 18px; letter-spacing: 2px; }
.sgtv-ad-banner .ad-size {
	display: inline-block;
	background: #0b7c83;
	color: #fff;
	padding: 2px 10px;
	margin-left: 10px;
	font-size: 12px;
}

/* ---------- Navigation principale ---------- */
.sgtv-mainnav {
	background: #0b7c83;
}
.sgtv-mainnav a {
	color: #ffffff !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .5px;
	padding: 12px 18px !important;
}
.sgtv-mainnav a:hover { background: #096067; color: #ffd23e !important; }

/* ---------- Breaking News ---------- */
.sgtv-breaking {
	display: flex;
	align-items: center;
	gap: 0;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	margin: 18px 0;
}
.sgtv-breaking .label {
	background: #1b1b1b;
	color: #ffffff;
	font-weight: 700;
	padding: 12px 20px;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 13px;
}
.sgtv-breaking .content {
	padding: 12px 20px;
	color: #333333;
	font-size: 14px;
}

/* ---------- Bouton REGARDER EN DIRECT ---------- */
.sgtv-live-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #e60012;
	color: #ffffff !important;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 26px;
	border-radius: 4px;
	text-decoration: none;
	animation: sgtv-pulse 2s infinite;
}
.sgtv-live-btn:hover { background: #b8000e; color: #ffffff !important; }
.sgtv-live-dot {
	width: 10px; height: 10px;
	background: #ffffff;
	border-radius: 50%;
	animation: sgtv-blink 1s infinite;
}
@keyframes sgtv-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(230, 0, 18, .6); }
	70%  { box-shadow: 0 0 0 12px rgba(230, 0, 18, 0); }
	100% { box-shadow: 0 0 0 0 rgba(230, 0, 18, 0); }
}
@keyframes sgtv-blink { 0%,100% { opacity: 1; } 50% { opacity: .25; } }

/* ---------- Cartes d'articles ---------- */
.sgtv-post-card {
	background: #ffffff;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease;
	height: 100%;
}
.sgtv-post-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	transform: translateY(-3px);
}
.sgtv-post-card .wp-block-post-featured-image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}
.sgtv-post-card .wp-block-post-title a {
	color: #1b1b1b;
	text-decoration: none;
	font-weight: 700;
}
.sgtv-post-card .wp-block-post-title a:hover { color: #0b7c83; }

/* Images des articles toujours visibles */
.wp-block-post-featured-image img { display: block; }

/* ---------- Titres de sections catégories ---------- */
.sgtv-section-title {
	border-left: 5px solid #0b7c83;
	padding-left: 14px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
}

/* ---------- Étiquettes catégories ---------- */
.sgtv-cat-tag {
	display: inline-block;
	padding: 4px 12px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 3px;
}
.sgtv-cat-politique    { background: #c0392b; }
.sgtv-cat-sante        { background: #27ae60; }
.sgtv-cat-religion     { background: #8e44ad; }
.sgtv-cat-sport        { background: #e67e22; }
.sgtv-cat-documentaire { background: #2980b9; }

/* ---------- Pied de page ---------- */
.sgtv-footer {
	background: #141414;
	color: #bbbbbb;
}
.sgtv-footer h3, .sgtv-footer h4 {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.sgtv-footer a { color: #bbbbbb; text-decoration: none; }
.sgtv-footer a:hover { color: #ffd23e; }

.sgtv-footer-bottom {
	background: #0b7c83;
	color: #ffffff;
	text-align: center;
	font-size: 13px;
	padding: 14px 0;
}

/* ---------- Équipe (pied de page) ---------- */
.sgtv-team-member {
	text-align: center;
}
.sgtv-team-member img {
	border-radius: 50%;
	border: 4px solid #0b7c83;
	width: 160px;
	height: 160px;
	object-fit: cover;
	margin: 0 auto;
}
.sgtv-team-member .role {
	color: #ffd23e;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}
.sgtv-team-member .name {
	color: #ffffff;
	font-weight: 700;
	margin-top: 4px;
}

/* ---------- Téléchargement application ---------- */
.sgtv-app-box {
	background: linear-gradient(135deg, #0b7c83 0%, #095e64 100%);
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	color: #ffffff;
}
.sgtv-app-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #ffffff;
	color: #0b7c83 !important;
	font-weight: 800;
	padding: 14px 30px;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.sgtv-app-btn:hover { background: #ffd23e; color: #141414 !important; }

/* ---------- Réseaux sociaux ---------- */
.sgtv-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	border-radius: 50%;
	background: #0b7c83;
	color: #ffffff !important;
	margin-right: 8px;
	font-weight: 700;
	transition: background .2s ease;
}
.sgtv-social a:hover { background: #e60012; }

/* ---------- Divers ---------- */
img { max-width: 100%; height: auto; }
.wp-block-separator { border-color: #0b7c83; }

/* ---------- À la une : image de chaque article ---------- */
.sgtv-post-card .wp-block-post-featured-image {
	margin: 0;
}
.sgtv-post-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}
.sgtv-post-card .wp-block-post-date {
	display: inline-block;
	margin-top: 6px;
	opacity: .8;
}