/**
 * @file style.css
 * @brief Feuille de style principale pour le thème Ferrer.
 * @details Cette feuille de style définit l'apparence visuelle du thème WordPress pour l'entreprise Ferrer. Elle inclut les styles de base, les mises en page, les polices, les couleurs et d'autres éléments de design spécifiques au thème.
 */

/*
Theme Name: Thème Ferrer
Theme URI: https://travauxef.fr/
Description: Thème wordpress de l\'entreprise ferrer
Author: Entreprise Ferrer
Author URL: https://travauxef.fr/
Version: 0.0.0.0.2.3
Text Domain: atelier-ferrer
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* Ajouté pour éviter le défilement horizontal */
html,
body {
  overflow-x: hidden;
  width: 100%;
}

/* Ajouté pour s'assurer que les éléments ne dépassent pas */
* {
  /*   outline: solid 1px red; */
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
}

html {
  scroll-behavior: smooth;
  overflow-y: hidden;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: fixed;
}

body {
  line-height: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Pour la scrollbar Webkit */
::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  background-color: lightgrey;
}

/* Définir la couleur de fond de la scrollbar */
::-webkit-scrollbar-track {
  background-color: darkgrey;
}

/* Définir la couleur de la poignée de la scrollbar */
::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-radius: 100px;
  background-color: #3a4761;
  background-clip: border-box;
}

/* Au survol de la scrollbar */
::-webkit-scrollbar-thumb:hover {
  background-color: #1d273b;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  /* Utiliser une couleur différente au survol */
}

/*
#wpadminbar {
  position: fixed;
  top: auto;
  bottom: 0;
}

@media screen and (min-width: 200px) {
  #wpadminbar {
    position: fixed;
    top: auto;
    bottom: 0;
  }
} */

a {
  text-decoration-skip-ink: auto
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none
}

b {
  font-weight: 800;
}

button {
  outline: 0;
}

ol,
ul {
  /* list-style: none */
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

q {
  display: inline;
  font-style: italic
}

q:before {
  content: '"';
  font-style: normal
}

q:after {
  content: '"';
  font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0
}

input[type="search"] {
  -webkit-appearance: textfield
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

th,
td {
  padding: 2px
}

big {
  font-size: 120%
}

small,
sup,
sub {
  font-size: 80%
}

sup {
  vertical-align: super
}

sub {
  vertical-align: sub
}

dd {
  margin-left: 20px
}

kbd,
tt {
  font-family: courier;
  font-size: 12px
}

ins {
  text-decoration: underline
}

del,
strike,
s {
  text-decoration: line-through
}

dt {
  font-weight: bold
}

address,
cite,
var {
  font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal
}

.screen-reader-text:focus {
  background-color: #f7f7f7;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #007acc;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

.skip-link {
  left: -9999rem;
  top: 2.5rem;
  z-index: 999999999;
  text-decoration: underline
}

.skip-link:focus {
  display: block;
  left: 6px;
  top: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;
  padding: 15px 23px 14px;
  z-index: 100000;
  right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap
}

button.toggle-shortcode {
    z-index: 999;
}