/* Theme Name: Zento Child Theme URI: https://estudiopatagon.com/projects/zento-for-wordpress/ Author: EstudioPatagon Author URI: https://estudiopatagon.com/ Description: Child theme, based on Zento Template: zento */ /* Add your custom code just below */ .left { width: 100%; } .large-section { padding-top: 50px; padding-bottom: 50px; } .menu-item img { width: 24px; height: auto; margin-left: 10px; margin-right: 10px; vertical-align: middle; } /* ========================================================================== DARK MODE — SwiftLab Activé par la classe .swiftlab-dark sur (voir functions.php) ========================================================================== */ /* --- Bouton bascule clair/sombre --- */ .swiftlab-dm-toggle{ background:none; border:0; cursor:pointer; padding:6px; margin:0; line-height:0; color:var(--epcl-black); vertical-align:middle; } .swiftlab-dm-toggle svg{ width:21px; height:21px; display:inline-block; transition:transform .25s ease; } .swiftlab-dm-toggle:hover{ color:var(--epcl-main-color); } .swiftlab-dm-toggle:hover svg{ transform:rotate(20deg) scale(1.1); } .swiftlab-dm-toggle .swiftlab-icon-sun{ display:none; } html.swiftlab-dark .swiftlab-dm-toggle .swiftlab-icon-sun{ display:inline-block; } html.swiftlab-dark .swiftlab-dm-toggle .swiftlab-icon-moon{ display:none; } /* Version mobile/tablette : à côté du hamburger (le menu desktop disparaît <= 1200px) */ .swiftlab-dm-toggle.swiftlab-dm-mobile{ display:none; } @media screen and (max-width:1200px){ .swiftlab-dm-toggle.swiftlab-dm-mobile{ display:block; position:absolute; right:95px; top:50%; transform:translateY(-50%); z-index:20; } } @media screen and (max-width:767px){ .swiftlab-dm-toggle.swiftlab-dm-mobile{ right:70px; } } /* --- Palette sombre (surcharge des variables du thème) --- */ html.swiftlab-dark{ color-scheme:dark; --epcl-titles-color:#F1EEFF; --epcl-text-color:#C9C5E6; --epcl-black:#EDEBFA; --epcl-meta-color:#9BA3C7; --epcl-background-color:#131120; --epcl-boxes-background-color:#1B1830; --epcl-boxes-border-color:#2C2849; --epcl-border-color:#2C2849; --epcl-overlay-color:#0D0B18; --epcl-boxes-shadow:0px 2px 5px 0px rgba(0,0,0,.35); --epcl-small-shadow:0px 3px 5px 0px rgba(0,0,0,.5); --epcl-medium-shadow:0px 8px 16px -4px rgba(0,0,0,.5); --epcl-large-shadow:0px 4px 25px -4px rgba(0,0,0,.6); } /* --- Fonds blancs codés en dur dans le thème --- */ html.swiftlab-dark #header div.menu-wrapper .grid-container, html.swiftlab-dark .main-nav ul.sub-menu, html.swiftlab-dark div.epcl-share, html.swiftlab-dark #single section.siblings article .arrow, html.swiftlab-dark div.text .wp-block-file, html.swiftlab-dark a.hover-effect{ background:var(--epcl-boxes-background-color); } /* --- Formulaires (recherche, commentaires, newsletter) --- */ html.swiftlab-dark input[type=text], html.swiftlab-dark input[type=email], html.swiftlab-dark input[type=password], html.swiftlab-dark input[type=tel], html.swiftlab-dark input[type=url], html.swiftlab-dark input[type=number], html.swiftlab-dark input[type=search], html.swiftlab-dark textarea, html.swiftlab-dark select, html.swiftlab-dark .inputbox{ background-color:#141224; color:var(--epcl-text-color); } html.swiftlab-dark select option{ background:#141224; } html.swiftlab-dark input::placeholder, html.swiftlab-dark textarea::placeholder{ color:var(--epcl-meta-color); opacity:1; } /* --- Code inline et blocs

 sans coloration syntaxique --- */
html.swiftlab-dark div.text pre:not([class*="language-"]),
html.swiftlab-dark div.text code:not([class*="language-"]){
	background-color:#262143;
}

/* --- Tableaux rayés Gutenberg --- */
html.swiftlab-dark div.text .wp-block-table.is-style-stripes tr:nth-child(odd){
	background-color:#221F3B;
}

/* --- Tooltips --- */
html.swiftlab-dark .tooltip:before{ background:#3A3560; color:#EDEBFA; }
html.swiftlab-dark .tooltip:after{ border-top-color:#3A3560; }

/* --- Sélection de texte --- */
html.swiftlab-dark ::selection{ background-color:var(--epcl-main-color); color:#fff; }
html.swiftlab-dark ::-moz-selection{ background-color:var(--epcl-main-color); color:#fff; }

/* --- Boutons : le survol du thème utilise --epcl-black (devenu clair en dark),
       on le remplace par un fond très sombre pour garder le texte blanc lisible --- */
html.swiftlab-dark .button:hover, html.swiftlab-dark .button.active,
html.swiftlab-dark .epcl-button:not(.epcl-shortcode):hover,
html.swiftlab-dark input[type=submit]:hover, html.swiftlab-dark button[type=submit]:hover,
html.swiftlab-dark #single #comments.hosted nav.pagination a:not(.epcl-shortcode):hover{
	background:#0E0C1A; color:#fff;
}
html.swiftlab-dark .button.ctag:hover,
html.swiftlab-dark .epcl-button:not(.epcl-shortcode).ctag:hover,
html.swiftlab-dark input[type=submit].ctag:hover, html.swiftlab-dark button[type=submit].ctag:hover{
	background:#0E0C1A !important;
}
html.swiftlab-dark .button.black, html.swiftlab-dark .button.dark,
html.swiftlab-dark .epcl-button:not(.epcl-shortcode).black,
html.swiftlab-dark .epcl-button:not(.epcl-shortcode).dark,
html.swiftlab-dark input[type=submit].black, html.swiftlab-dark button[type=submit].black,
html.swiftlab-dark input[type=submit].dark, html.swiftlab-dark button[type=submit].dark,
html.swiftlab-dark .epcl-number.black{
	background:#0E0C1A;
}

/* --- Pagination d'article : page courante --- */
html.swiftlab-dark #single .epcl-pagination div.nav > span.current,
html.swiftlab-dark #single .epcl-pagination div.nav .post-page-numbers:hover{
	background:var(--epcl-main-color); color:#fff;
}

/* --- Transition douce : uniquement lors d'un clic sur l'icône, pas au chargement --- */
html.swiftlab-anim body{ transition:background-color .25s ease; }

/* --- DARK MODE : correctifs v1.1 (fond de page & couleurs codées en dur) --- */

/* 1) Fond de page : le panneau d'options Zento génère « body{ background:#faf8ff } »
      en dur dans la page, qui ignorait la variable */
html.swiftlab-dark body{ background: var(--epcl-background-color) !important; }
html.swiftlab-dark body:before{ background: var(--epcl-background-color) !important; }

/* 2) Titres des widgets de la sidebar (couleur #302d55 générée par le panneau) */
html.swiftlab-dark #sidebar .widget .widget-title,
html.swiftlab-dark #sidebar .widget .wp-block-heading{
	color: var(--epcl-titles-color);
}

/* 3) Newsletter MailPoet : le titre « Restons en contact » est noir en style inline,
      seul !important peut le surcharger */
html.swiftlab-dark .mailpoet_form .mailpoet_form_paragraph{
	color: var(--epcl-titles-color) !important;
}

/* 4) Icône X/Twitter : #222 codé en dur (header, footer et menu mobile) */
html.swiftlab-dark .epcl-social-buttons.fill-color a.twitter,
html.swiftlab-dark .widget_epcl_social .icons a span.icon.twitter{
	color: #EDEBFA;
}

/* 5) Icônes sociales personnalisées en image (GitHub = PNG noir) : inversées en blanc */
html.swiftlab-dark .epcl-social-buttons a[class*="custom-"] img,
html.swiftlab-dark .widget_epcl_social .icons span[class*="custom-"] img{
	filter: invert(1);
}