/*
Theme Name: SRRC
Theme URI: https://srrc.ch
Author: Swiss Rock'n'Roll Confederation
Description: Thème officiel de la Swiss Rock'n'Roll Confederation (SRRC). Bilingue FR/DE (compatible Polylang), aux couleurs de la charte 2022 (rouge #E42320, police Effra). Rock'n'Roll Acrobatique, Boogie Woogie, Lindy Hop. Textes, liens, photos et documents modifiables dans l'administration (menu SRRC).
Version: 1.4.17
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: srrc
Tags: sport, association, bilingue, rock-n-roll
*/

/* La feuille de style réelle est chargée depuis assets/css/style.css (la même que l'aperçu).
   Ci-dessous : seulement ce qui est propre au thème WordPress. */

/* Photos modifiables (encadré « Textes et photos de la page ») : cadrage réglable,
   avec un cadrage différent possible sur téléphone. */
.srrc-img { object-position: var(--pos, 50% 50%); }
@media (max-width: 720px) {
  .srrc-img { object-position: var(--pos-m, var(--pos, 50% 50%)); }
}

/* Accueil : la photo du grand bandeau est une vraie image (modifiable, avec srcset),
   posée sous le voile sombre (.hero::after) ; le dégradé rouge reste en secours. */
.hero--img {
  background:
    radial-gradient(120% 90% at 75% 15%, #f0413d 0%, rgba(240,65,61,0) 45%),
    radial-gradient(120% 110% at 10% 100%, #a8201d 0%, rgba(168,32,29,0) 50%),
    linear-gradient(135deg, #e42320 0%, #cf1f1c 55%, #b71a17 100%);
}
.hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Galerie de l'accueil : focus clavier visible sur les vignettes. */
.gallery a:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }

/* Téléphone : les mots longs (surtout en allemand, ex. « WRRC-Einverständnisformular »,
   « Registrierungsportal ») se coupent proprement au lieu de faire sortir la carte de l'écran.
   Utile maintenant que la secrétaire peut changer tous les textes. */
@media (max-width: 720px) {
  .grid > * { min-width: 0; }
  .info-card .btn, .card .btn, .feature .btn, .agenda-past-toggle { white-space: normal; max-width: 100%; -webkit-hyphens: auto; hyphens: auto; text-align: center; }
  .link-row__txt { min-width: 0; }
  .link-row__txt b, .info-card h3, .card h3, .feature h3 { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
}