/*
Theme Name: Terres de l'Ebre Ràdios
Theme URI: https://terresdelebre.radio
Author: Ricard Bertomeu
Description: Tema pensat per al directori de ràdios en streaming de les Terres de l'Ebre. Inclou pàgina d'inici amb mapa i llistat de ràdios, fitxes individuals amb reproductor, i zones de banners publicitaris a capçalera, barra lateral i peu, preparades per a un futur sistema de publicitat.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ebre-radios-theme
*/

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color: #222;
	margin: 0;
	background: #fafafa;
	line-height: 1.5;
}

a { color: #d1272d; }

.ebre-container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Capçalera */
.ebre-site-header {
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 18px 0;
}
.ebre-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ebre-site-title { margin: 0; font-size: 22px; }
.ebre-site-title a { text-decoration: none; color: #1a1a1a; }
.ebre-site-tagline { margin: 2px 0 0; font-size: 13px; color: #777; }
.ebre-main-nav ul { list-style: none; display: flex; gap: 22px; margin: 0; padding: 0; }
.ebre-main-nav a { text-decoration: none; color: #333; font-weight: 500; font-size: 14px; }
.ebre-main-nav a:hover { color: #d1272d; }

/* Hero */
.ebre-hero {
	background: linear-gradient(135deg, #d1272d, #7a1216);
	color: #fff;
	padding: 50px 0 40px;
	text-align: center;
}
.ebre-hero h1 { margin: 0 0 10px; font-size: 32px; }
.ebre-hero p { margin: 0 auto; max-width: 640px; opacity: .92; }

/* Contingut */
.ebre-content {
	padding: 40px 0 80px;
}
.ebre-content h2 { font-size: 24px; margin-bottom: 4px; }
.ebre-section-desc { color: #666; margin-top: 0; margin-bottom: 20px; }

.ebre-layout {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 32px;
	align-items: start;
}
.ebre-sidebar { display: flex; flex-direction: column; gap: 24px; }
.ebre-widget-title { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; color: #999; margin: 0 0 10px; }

@media (max-width: 860px) {
	.ebre-layout { grid-template-columns: 1fr; }
}

/* Fitxa individual de ràdio */
.ebre-single-radio { background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.ebre-single-header { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.ebre-single-header img { width: 110px; height: 110px; object-fit: contain; background: #f4f4f4; border-radius: 12px; padding: 10px; }
.ebre-single-header h1 { margin: 0 0 6px; }
.ebre-single-meta { color: #666; font-size: 14px; }
.ebre-single-contact { display: flex; gap: 20px; flex-wrap: wrap; margin: 18px 0; font-size: 14px; }

/* Peu */
.ebre-site-footer { background: #1a1a1a; color: #ccc; padding: 40px 0 90px; margin-top: 40px; }
.ebre-site-footer a { color: #fff; }
.ebre-footer-inner { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: center; }