/*
Theme Name: Blocksy Child : Scubadiving
Theme URI: https://diving.news
Description: Thème enfant de Blocksy pour Scubadiving News (diving.news, multilingue Polylang). Surcharges CSS/PHP spécifiques au site.
Author: explorations360
Author URI: https://explorations360.com
Template: blocksy
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child-scuba
*/

/* =====================================================================
   CHARTE GRAPHIQUE SCUBADIVING NEWS
   Extraite du site en ligne https://scubadiving.news/ (CSS Blocksy
   compilé inline dans le <head> + bloc #wp-custom-css), juillet 2026.
   Méthode : surcharge des variables CSS Blocksy (:root) + CSS ciblé.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. PALETTE & VARIABLES GLOBALES (mode clair : valeurs du live)
   --------------------------------------------------------------------- */
:root {
	/* Palette Blocksy (10 couleurs, identique au live) */
	--theme-palette-color-1: #ffffff; /* fond header / blanc */
	--theme-palette-color-2: #00a7e3; /* cyan : couleur de marque */
	--theme-palette-color-3: #5e5e5e; /* gris texte courant */
	--theme-palette-color-4: #000000;
	--theme-palette-color-5: #e8ebed; /* bordures / fond modal recherche */
	--theme-palette-color-6: #f4f5f6;
	--theme-palette-color-7: #fbfbfc; /* fond du body */
	--theme-palette-color-8: #ffffff;
	--theme-palette-color-9: #000000;
	--theme-palette-color-10: #ffffff;

	/* Couleurs fonctionnelles */
	--theme-text-color: var(--theme-palette-color-3);
	--theme-link-initial-color: var(--theme-palette-color-3);
	--theme-link-hover-color: var(--theme-palette-color-2);
	--theme-selection-text-color: var(--theme-palette-color-1);
	--theme-selection-background-color: var(--theme-palette-color-2);
	--theme-border-color: var(--theme-palette-color-5);
	--theme-headings-color: var(--theme-palette-color-2);

	/* Typographie de base : Roboto 17px / 1.65 */
	--theme-font-family: Roboto, Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: none;
	--theme-text-decoration: none;
	--theme-font-size: 17px;
	--theme-line-height: 1.65;
	--theme-letter-spacing: 0em;
	--theme-content-spacing: 1.5em;

	/* Boutons (valeurs exactes du live) */
	--theme-button-font-family: Roboto, Sans-Serif;
	--theme-button-font-weight: 500;
	--theme-button-font-size: 18px;
	--theme-button-min-height: 40px;
	--theme-button-shadow: none;
	--theme-button-transform: none;
	--theme-button-text-initial-color: #fff;
	--theme-button-text-hover-color: #01a8e5;
	--theme-button-background-initial-color: #01a8e5;
	--theme-button-background-hover-color: #e7eaec;
	--theme-button-border: none;
	--theme-button-border-radius: 2px;
	--theme-button-padding: 5px 20px;

	/* Badges & formulaires */
	--badge-text-color: #11264d;
	--badge-background-color: #fff;
	--has-classic-forms: var(--true);
	--has-modern-forms: var(--false);
	--theme-form-field-border-initial-color: var(--theme-border-color);
	--theme-form-field-border-focus-color: var(--theme-palette-color-1);
	--theme-form-selection-field-initial-color: var(--theme-border-color);
	--theme-form-selection-field-active-color: var(--theme-palette-color-1);

	/* Conteneurs */
	--theme-normal-container-max-width: 1290px;
	--theme-narrow-container-max-width: 750px;
	--theme-wide-offset: 130px;
	--theme-content-vertical-spacing: 40px;
	--theme-container-edge-spacing: 90vw;
}

body {
	background-color: var(--theme-palette-color-7);
}

/* ---------------------------------------------------------------------
   2. MODE SOMBRE (color-mode-switcher présent dans le header du live)
   --------------------------------------------------------------------- */
[data-color-mode*="dark"] {
	--theme-palette-color-1: #00a7e3;
	--theme-palette-color-2: #fff;
	--theme-palette-color-3: #aaa;
	--theme-palette-color-4: #fefefe;
	--theme-palette-color-5: #202020;
	--theme-palette-color-6: #141b22;
	--theme-palette-color-7: #101010;
	--theme-palette-color-8: #fff;
	--theme-palette-color-9: #000;
	--theme-palette-color-10: #fff;
}

/* ---------------------------------------------------------------------
   3. TITRES : Fjalla One (comme le live)
   Variables Blocksy + surcharges px du CSS custom du live.
   --------------------------------------------------------------------- */
h1 {
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-font-size: 40px;
	--theme-line-height: 1.5;
}
h2 {
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-font-size: 35px;
	--theme-line-height: 1.5;
}
h3 {
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-font-size: 30px;
	--theme-line-height: 1.5;
}

/* Surcharges de tailles présentes sur le live (bloc custom CSS) */
h1,
h1.wp-block-heading { font-size: 35px; }
:root h2,
h2.wp-block-heading { font-family: "Fjalla One", sans-serif; font-size: 32px; line-height: 35px; }
:root h3,
h3.wp-block-heading { font-family: "Fjalla One", sans-serif; font-size: 27px; line-height: 35px; }
:root h4,
h4.wp-block-heading { font-family: "Fjalla One", sans-serif; font-size: 25px; line-height: 30px; }
:root h5,
h5.wp-block-heading { font-family: "Fjalla One", sans-serif; font-size: 23px; line-height: 20px; }

/* Paragraphes : Roboto 19px / 500 (réglage global du live) */
p {
	font-family: Roboto, sans-serif;
	font-size: 19px;
	font-weight: 500 !important;
}

/* Marge au-dessus des titres de blocs (live) */
.wp-block-heading { margin-top: 20px; }

/* ---------------------------------------------------------------------
   4. HEADER (type-1 : rangée middle 90px avec logo centré,
      rangée bottom 60px avec menu principal : fond blanc)
   --------------------------------------------------------------------- */
[data-header*="type-1"] {
	--header-height: 150px;
	--header-sticky-height: 60px;
	--header-sticky-offset: 0px;
}
[data-header*="type-1"] .ct-header,
[data-header*="type-1"] [data-sticky*="yes"] {
	background-color: var(--theme-palette-color-1);
	background-image: none;
}
[data-header*="type-1"] .ct-header [data-row*="middle"] {
	--height: 90px;
	background-color: var(--theme-palette-color-1);
	--theme-border-top: none;
	--theme-border-bottom: none;
	--theme-box-shadow: none;
	background-image: none;
}
[data-header*="type-1"] .ct-header [data-row*="bottom"] {
	--height: 60px;
	background-color: var(--theme-palette-color-1);
	--theme-border-top: none;
	--theme-border-bottom: none;
	--theme-box-shadow: none;
	background-image: none;
}
[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
	background-color: var(--theme-palette-color-8);
}
[data-header*="type-1"] .ct-header [data-id="logo"] {
	--horizontal-alignment: center;
}

/* Menu principal : Fjalla One 24px, MAJUSCULES, cyan ; au survol le
   fond de l'item devient cyan (indicateur "background") et le texte blanc */
[data-header*="type-1"] .ct-header [data-id="menu"] {
	--menu-items-spacing: 15px;
	--menu-items-gap: 2px;
	--menu-indicator-hover-color: var(--theme-palette-color-2);
	--menu-indicator-active-color: var(--theme-palette-color-2);
	--margin: 0px 80px !important;
}
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
	--menu-item-height: 60%;
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: uppercase;
	--theme-font-size: 24px;
	--theme-line-height: 1.3;
	--theme-link-initial-color: var(--theme-palette-color-2);
	--theme-link-hover-color: var(--theme-palette-color-1);
	--theme-link-active-color: var(--theme-palette-color-1);
	--menu-item-radius: 4px;
}

/* Sous-menus (dropdown solide blanc, séparateur cyan, hover cyan) */
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
	--dropdown-background-color: var(--theme-palette-color-1);
	--dropdown-background-hover-color: var(--theme-palette-color-2);
	--dropdown-top-offset: 0px;
	--dropdown-horizontal-offset: 0px;
	--dropdown-width: 250px;
	--dropdown-items-spacing: 5px;
	--dropdown-divider: 1px solid var(--theme-palette-color-2);
	--theme-box-shadow: 0px 10px 20px #29333d1a;
}
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu .ct-menu-link {
	--theme-link-initial-color: var(--theme-palette-color-2);
	--theme-link-hover-color: var(--theme-palette-color-1);
	--theme-link-active-color: var(--theme-palette-color-1);
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: uppercase;
	--theme-font-size: 20px;
}

/* Icône recherche + déclencheur menu mobile (cyan, hover navy) */
[data-header*="type-1"] [data-id="search"] {
	--theme-icon-size: 30px;
	--theme-icon-color: var(--theme-palette-color-2);
	--theme-icon-hover-color: #05005d;
	--margin: 0px 0px 3px 10px !important;
}
[data-header*="type-1"] [data-id="trigger"] {
	--theme-icon-size: 25px;
	--theme-icon-color: var(--theme-palette-color-2);
	--theme-icon-hover-color: var(--theme-palette-color-2);
	--margin: 0px 15px 0px 0px !important;
}
[data-header*="type-1"] [data-id="color-mode-switcher"] {
	--theme-icon-size: 30px;
	--theme-link-initial-color: #01688e;
	--theme-icon-color: var(--theme-palette-color-2);
	--theme-icon-hover-color: #01688e;
	--margin: 0px !important;
}
[data-header*="type-1"] [data-id="cart"] {
	--theme-icon-size: 35px;
	--margin: 0px 15px 1px 10px !important;
}
[data-header*="type-1"] [data-id="account"][data-state="out"] { --theme-icon-size: 40px; }
[data-header*="type-1"] [data-id="account"][data-state="in"] { --theme-icon-size: 35px; }
[data-header*="type-1"] [data-id="account"] { --margin: 0px 10px 2px 0px !important; }
[data-header*="type-1"] [data-id="account"] .ct-label {
	--theme-font-family: "Fjalla One", Sans-Serif;
}

/* Sélecteur de langue Polylang (dropdown, Fjalla One 24px MAJ, cyan) */
[data-header*="type-1"] .ct-header [data-id="language-switcher"] {
	--items-spacing: 20px;
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: uppercase;
	--theme-font-size: 24px;
	--margin: 5px 9px 0px 1px !important;
}
[data-header*="type-1"] .ct-header [data-id="language-switcher"] .ct-language {
	--theme-link-initial-color: var(--theme-palette-color-2);
	--theme-link-hover-color: #05005d;
}
[data-header*="type-1"] .ct-header [data-id="language-switcher"] ul {
	--margin-top: 10px;
	--padding: 5px;
	--theme-link-initial-color: var(--theme-palette-color-2);
	--theme-link-hover-color: #05005d;
	--theme-border: 1px solid var(--theme-palette-color-5);
}

/* Réglages fins du sélecteur de langue (CSS custom du live) */
.ct-language-switcher .ct-active-language .ct-label { margin-left: 0; }
.ct-language-switcher ul[data-placement="right"] a .ct-label { margin-left: 10px; }
.ct-language-switcher[data-type="dropdown"] ul li a {
	padding: 14px 10px 10px 17px;
	width: 85px;
}
.ct-language-switcher li a { gap: 0px !important; }

/* Menu mobile / panneau off-canvas (fond cyan, texte blanc, hover jaune) */
[data-header*="type-1"] #offcanvas .ct-panel-inner {
	background-color: var(--theme-palette-color-2);
}
[data-header*="type-1"] #offcanvas {
	--side-panel-width: 65vw;
	--vertical-alignment: center;
	--panel-content-height: auto;
	--horizontal-alignment: center;
	--text-horizontal-alignment: center;
	--has-indentation: 0;
}
[data-header*="type-1"] #offcanvas .ct-toggle-close { --theme-icon-color: #f3e304; }
[data-header*="type-1"] #offcanvas .ct-toggle-close:hover { --theme-icon-color: red; }
[data-header*="type-1"] [data-id="mobile-menu"] {
	--items-vertical-spacing: 5px;
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: uppercase;
	--theme-font-size: 20px;
	--theme-link-initial-color: #fff;
	--theme-link-hover-color: #f3e304;
	--mobile-menu-divider: none;
}
[data-header*="type-1"] [data-id="mobile-menu"] .sub-menu {
	--theme-font-family: "Fjalla One", Sans-Serif;
	--theme-font-weight: 400;
	--theme-text-transform: capitalize;
	--theme-font-size: 22px;
	--theme-line-height: 1.3;
}

/* Modale de recherche (fond gris clair, accents cyan / navy) */
[data-header*="type-1"] #search-modal { background-color: var(--theme-palette-color-5); }
[data-header*="type-1"] #search-modal .ct-search-form {
	--theme-link-initial-color: var(--theme-palette-color-2);
	--theme-link-hover-color: #05005d;
	--theme-form-text-initial-color: var(--theme-palette-color-2);
	--theme-form-text-focus-color: #05005d;
	--theme-form-field-border-initial-color: #05005d;
	--theme-form-field-border-focus-color: var(--theme-palette-color-2);
	--theme-button-text-initial-color: #05005d;
	--theme-button-text-hover-color: var(--theme-palette-color-2);
	--theme-button-background-initial-color: var(--theme-palette-color-2);
	--theme-button-background-hover-color: #05005d;
	--theme-form-border-radius: 20px;
}
[data-header*="type-1"] #search-modal .ct-toggle-close {
	--theme-icon-color: var(--theme-palette-color-2);
	--theme-icon-size: 20px;
}
[data-header*="type-1"] #search-modal .ct-toggle-close:hover { --theme-icon-color: #05005d; }
[data-header*="type-1"] #search-modal .ct-toggle-close[data-type="type-3"] { --toggle-button-background: #05005d; }
[data-header*="type-1"] #search-modal .ct-toggle-close[data-type="type-3"]:hover { --toggle-button-background: var(--theme-palette-color-2); }

/* Modale de connexion (live : fond gris, texte navy) */
[data-header*="type-1"] #account-modal .ct-account-modal {
	background-color: #cccccc;
	--theme-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.35);
	--theme-text-color: #05005d;
}

/* Léger padding haut sur les liens de menu (live) */
a.ct-menu-link { padding-top: 4px !important; }

/* Masquer la flèche de dropdown desktop (live) */
span.ct-toggle-dropdown-desktop { display: none; }

/* ---------------------------------------------------------------------
   5. FOOTER : dégradé cyan → bleu profond, texte blanc
   --------------------------------------------------------------------- */
[data-footer*="type-1"] .ct-footer {
	background-color: initial;
	background-image: linear-gradient(#00b1f1 33%, #01688e 100%);
}
[data-footer*="type-1"] .ct-footer [data-row*="top"],
[data-footer*="type-1"] .ct-footer [data-row*="middle"],
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
	--theme-border-top: none;
	--theme-border-bottom: none;
	background-color: #fff0;
}
[data-footer*="type-1"] .ct-footer [data-row*="top"] > div {
	--container-spacing: 10px;
	--columns-gap: 0px;
	--widgets-gap: 25px;
	--vertical-alignment: center;
	--theme-border: none;
	--theme-border-top: 1px solid #fff3;
	--theme-border-bottom: 1px solid #fff3;
	--grid-template-columns: repeat(3, 1fr);
}
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
	--container-spacing: 5px;
	--columns-gap: 10px;
	--widgets-gap: 40px;
	--vertical-alignment: center;
	--theme-border: none;
	--theme-border-top: none;
	--theme-border-bottom: none;
}
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div {
	--container-spacing: 20px;
	--theme-border: none;
	--theme-border-top: 1px solid #fff3;
	--theme-border-bottom: none;
}

/* Zone widgets (logo blanc + réseaux sociaux) : texte blanc centré */
[data-footer*="type-1"] .ct-footer [data-column="widget-area-1"] {
	--text-horizontal-alignment: center;
	--horizontal-alignment: center;
	--vertical-alignment: center;
	--margin: 0px 0px 5px 0px !important;
}
[data-footer*="type-1"] .ct-footer [data-column="widget-area-1"] .ct-widget {
	--theme-text-color: #fff;
	--theme-link-hover-color: #05005d;
}

/* Menu footer : MAJUSCULES 16px / 500, liens blancs, hover navy */
[data-footer*="type-1"] .ct-footer [data-column="menu"] {
	--horizontal-alignment: center;
	--vertical-alignment: center;
}
[data-footer*="type-1"] .ct-footer [data-id="menu"] { --menu-items-spacing: 30px; }
[data-footer*="type-1"] .ct-footer [data-id="menu"] ul {
	--theme-font-weight: 500;
	--theme-text-transform: uppercase;
	--theme-font-size: 16px;
	--theme-line-height: 1.3;
}
[data-footer*="type-1"] .ct-footer [data-id="menu"] > ul > li > a {
	--theme-link-initial-color: #fff;
	--theme-link-hover-color: #05005d;
}

/* Copyright : italique 15px, blanc, centré ; hover des liens en jaune */
[data-footer*="type-1"] [data-id="copyright"] {
	--theme-font-weight: 400;
	--theme-font-style: italic;
	--theme-font-size: 15px;
	--theme-line-height: 1.3;
	--theme-text-color: var(--theme-palette-color-8);
}
[data-footer*="type-1"] [data-column="copyright"] { --horizontal-alignment: center; }
.ct-footer-copyright a:hover { color: #f3e304 !important; }

/* Newsletter du footer en pleine largeur (live) */
#block-10 { min-width: 100%; }
.ct-newsletter-subscribe-container { box-shadow: none !important; }

/* Bande de marque du footer (logo + réseaux) : cyan de tête du dégradé,
   posée juste au-dessus du footer pour une continuité visuelle. */
.turtle-footer-brand {
	background-color: #00b1f1;
	text-align: center;
	padding: 26px 15px 22px;
}
.turtle-footer-brand .turtle-footer-logo {
	display: block;
	font-family: "Fjalla One", sans-serif;
	font-size: 32px;
	letter-spacing: 0.5px;
	color: #fff;
	text-transform: uppercase;
}
.turtle-footer-brand .turtle-footer-social {
	margin-top: 10px;
	display: flex;
	gap: 26px;
	justify-content: center;
}
.turtle-footer-brand .turtle-footer-social a {
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.2s ease;
}
.turtle-footer-brand .turtle-footer-social a:hover { color: #05005d; }

/* ---------------------------------------------------------------------
   HOME : gabarit magazine (identique à OCEANS/Plongez), groupe à dégradé
   animé + « rubriques » (pilule cyan liée à la catégorie) + grilles
   Kadence posts dynamiques. Le reste du style vient de Kadence (chargé
   automatiquement car ce sont de vrais blocs).
   --------------------------------------------------------------------- */
.scuba-gradient-anim {
	background-size: 400% 400%;
	animation: scubaGradient 18s ease infinite;
}
@keyframes scubaGradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
/* Bandeau animé du haut des dix pages d'accueil. Son dégradé est écrit dans la
   page elle-même (style du bloc : bleu ciel, violet, bleu). Comme sur OCEANS et
   Plongez (demande de Simone, 12/10/2026) : pas de violet, des couleurs de mer
   et de lac. On ne remplace que les couleurs. */
.scuba-gradient-anim {
	background-image: linear-gradient(300deg, #00b1f1, #01688e, #0b3d73, #0e8c8c, #2a9d6f, #00a7e3) !important;
}
.scuba-rubrique {
	border-radius: 50px 50px 3px 3px;
	font-family: "Fjalla One", sans-serif;
	letter-spacing: 0.5px;
	margin-bottom: 16px;
}
.scuba-rubrique a { color: #fff; text-decoration: none; }
.scuba-rubrique a:hover { color: #f3e304; }

/* Item de menu 1er niveau au SURVOL et COURANT : Blocksy met le texte en blanc
   mais le fond cyan (indicateur) ne s'affiche pas → blanc sur blanc illisible.
   On force la pilule cyan (blanc sur cyan) dans les deux états, cohérent avec
   OCEANS/Plongez. */
#header [data-id="menu"] > ul > li > .ct-menu-link:hover,
#header [data-id="menu"] > ul > li > .ct-menu-link:focus-visible,
#header [data-id="menu"] > ul > li.current-menu-item > .ct-menu-link,
#header [data-id="menu"] > ul > li.current-menu-ancestor > .ct-menu-link,
#header [data-id="menu"] > ul > li.current_page_item > .ct-menu-link {
	background-color: var(--theme-palette-color-2);
	color: #fff !important;
	border-radius: 4px;
}

/* Home : la 1re section (dégradé) doit toucher le bas du menu. On masque la
   barre de titre de page Blocksy (le live n'en a pas sur la home) et l'espace
   haut du contenu, comme OCEANS/Plongez. */
.scuba-home .hero-section,
.scuba-home .page-title,
.scuba-home .entry-header:has(.page-title),
.scuba-home .ct-page-title-container { display: none !important; }
.scuba-home #main > .ct-container-full { padding-top: 0 !important; }

/* Marge haute du contenu réduite sous le header sur les autres pages
   (cohérent avec OCEANS/Plongez). */
#main > .ct-container-full[data-vertical-spacing*="top"],
#main > .ct-container[data-vertical-spacing*="top"] {
	padding-top: 15px;
}

/* ---------------------------------------------------------------------
   6. BOUTON "RETOUR EN HAUT" (rond, cyan)
   --------------------------------------------------------------------- */
.ct-back-to-top {
	--theme-icon-color: var(--theme-palette-color-1);
	--theme-icon-hover-color: var(--theme-palette-color-2);
	--top-button-background-color: var(--theme-palette-color-2);
	--top-button-background-hover-color: var(--theme-palette-color-1);
	--theme-border-radius: 25px;
}
.ct-back-to-top .ct-icon { --theme-icon-size: 25px; }

/* ---------------------------------------------------------------------
   7. CONTENU ÉDITORIAL : règles diverses reprises du live
   --------------------------------------------------------------------- */
/* Images centrées + respiration verticale dans les articles */
.wp-block-image.size-full {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
figure.wp-block-video.presto-block-video {
	padding-top: 20px;
	padding-bottom: 20px;
}
figure.wp-block-video.presto-block-video.presto-provider-youtube { margin-top: 20px; }

/* Effet zoom images (vignettes menus / cartes d'articles) */
.grow { transition: transform 0.5s ease; }
.grow:hover { transform: scale(1.1); }
.grow-post { transition: transform 0.5s ease; }
.grow-post:hover { transform: scale(1.04); }

/* Titres des info-box Kadence */
h3.kt-blocks-info-box-title { line-height: normal; }

/* Sidebar (encart pub) */
.ct-sidebar { margin-top: -25px; }

/* Légendes fancybox sans capitales forcées */
.wpcp-fancybox-wrapper .fancybox-caption { text-transform: none; }

/* ---------------------------------------------------------------------
   8. WOOCOMMERCE (boutique / abonnements : repris du live)
   --------------------------------------------------------------------- */
.woocommerce-info { background-color: #00bf3c; color: #fff; }
.woocommerce-message { display: none; }
.woocommerce-info.wc-memberships-restriction-message.wc-memberships-message.wc-memberships-content-restricted-message { display: none !important; }

.menu-mag.menu-item > a { color: #084c61 !important; }
.menu-mag.menu-item > a:hover { color: #f72585 !important; }

.wc-block-components-product-details.wc-block-components-product-details li {
	font-size: 18px;
	text-transform: uppercase;
}
span.wc-block-components-product-details__value { color: #ff0000; }

/* Compteur panier clignotant (rouge) */
[class*="ct-dynamic-count"] {
	color: #fff;
	background-color: #ef4023;
	font-weight: 900;
	animation: blinker 1s linear infinite;
}
@keyframes blinker { 50% { opacity: 0; } }

ul.ct-header-account-dropdown,
.ct-cart-content { border: 1px solid #cccccc; }

/* Fiches produit */
.single-product .is-layout-flow > * { margin-block-start: 15px; }
.single-product h1 { font-size: 35px; }
.single-product h2 { font-size: 30px; }
h2.woocommerce-loop-product__title {
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
}
li.product-category.product .ct-media-container.has-hover-effect { border-radius: 15px; }
h2.woocommerce-loop-category__title { text-align: center; }
.single-product .related.categories { display: none; }
.related.products { margin-top: 50px; }
a.button.product_type_simple { display: none; }
a.button.product_type_variable.add_to_cart_button { display: none; }
.onsale { font-size: 25px; }
.ct-woo-badges { gap: 5px; }

form.variations_form table.variations tr:not(:last-child) { margin-bottom: 0.5em; }
select { border-color: #6d7278 !important; }
.entry-summary .price { --theme-font-size: 30px; text-align: center; }
form.cart { text-align: center; }
fieldset { border: none; }
.ct-payment-methods legend { padding-top: 20px; }
legend { font-size: 18px; margin-bottom: -15px !important; }

/* ---------------------------------------------------------------------
   9. BASCULE MENU DESKTOP / MOBILE À 1200px (comportement du live :
      deux menus dupliqués, le mobile est servi jusqu'à 1199px)
   --------------------------------------------------------------------- */
[data-device="desktop"],
[data-device="mobile"] {
	display: none;
}
@media screen and (max-width: 1199px) {
	[data-device="mobile"] { display: block; }
	[data-device="desktop"] { display: none; }
}
@media screen and (min-width: 1200px) {
	[data-device="desktop"] { display: block; }
	[data-device="mobile"] { display: none; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
	#header [data-device="mobile"] { display: block !important; }
	#header [data-device="desktop"] { display: none !important; }
}


/* Aligne les couleurs de preset Gutenberg sur la palette de marque Blocksy */
:root{
  --wp--preset--color--palette-color-1:#ffffff;
  --wp--preset--color--palette-color-2:#00a7e3;
  --wp--preset--color--palette-color-3:#5e5e5e;
  --wp--preset--color--palette-color-4:#000000;
  --wp--preset--color--palette-color-5:#e8ebed;
  --wp--preset--color--palette-color-6:#f4f5f6;
  --wp--preset--color--palette-color-7:#fbfbfc;
  --wp--preset--color--palette-color-8:#ffffff;
}

/* ---------------------------------------------------------------------
   Page Web Premium (post 65947) : reconstruction blocs natifs
   --------------------------------------------------------------------- */
.scuba-premium-hero h1 {
	font-family: "Fjalla One", sans-serif;
	font-size: clamp(2.4rem, 5vw, 3.8rem);
	letter-spacing: 3px;
	text-transform: uppercase;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
	margin-bottom: 0;
}
.scuba-premium-hero h2 {
	text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
.scuba-premium-gradient {
	background: linear-gradient(300deg, #00b1f1, #0b3d73, #0e8c8c);
}
.scuba-premium-benefit-img img {
	border-radius: 12px;
}
.scuba-premium-offer {
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 27, 48, .10);
}
.scuba-premium-offer h4.has-background {
	border-radius: 6px;
	padding: 6px 12px;
	letter-spacing: 1px;
}
.scuba-premium-faq details.wp-block-details {
	border: 1px solid #e0e6ea;
	border-radius: 8px;
	background: #fbfbfc;
	padding: 14px 18px;
	margin-bottom: 12px;
}
.scuba-premium-faq details.wp-block-details summary {
	font-family: "Fjalla One", sans-serif;
	color: #00a7e3;
	cursor: pointer;
	font-size: 1.05rem;
}
.scuba-premium-faq details.wp-block-details[open] summary {
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------------
   Pages "Merci" (67044 inscription newsletter, 67002 message contact)
   --------------------------------------------------------------------- */
.scuba-thanks-hero {
	background: linear-gradient(300deg, #00b1f1, #0b3d73, #0e8c8c);
}
.scuba-thanks-hero h1 {
	font-family: "Fjalla One", sans-serif;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
	margin-bottom: 10px;
}
.scuba-thanks-check {
	width: 96px;
	height: 96px;
	margin: 0 auto 24px;
	border-radius: 50%;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 24px rgba(0, 27, 48, .30);
}

/* Sélecteur de langue Polylang (liste drapeau + nom) transformée en dropdown.
   Placé dans la rangée du menu par JS. Langue courante = déclencheur ; les
   autres langues dans un panneau flottant au survol. */
.scuba-lang-switch {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 12px;
	font-family: "Fjalla One", sans-serif;
}
.scuba-lang-switch ul { list-style: none; margin: 0; padding: 0; }
.scuba-lang-switch li { line-height: 1; }
.scuba-lang-switch a {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 5px 10px;
	color: #00a7e3;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	white-space: nowrap;
}
.scuba-lang-switch img { width: 18px; height: auto; border-radius: 2px; flex-shrink: 0; }
/* Caret sur la langue courante (déclencheur) */
.scuba-lang-switch > ul > li.current-lang > a::after {
	content: "▾";
	margin-left: 4px;
	font-size: 11px;
}
/* Panneau déroulant (construit par JS) */
.scuba-lang-drop {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	z-index: 60;
	background: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
	border-radius: 0 0 6px 6px;
	overflow: hidden;
	min-width: 100%;
}
.scuba-lang-switch:hover .scuba-lang-drop { display: block; }
.scuba-lang-drop a { padding: 8px 12px; }
.scuba-lang-drop a:hover { background: #00a7e3; color: #fff; }