html {
text-size-adjust: 100% !important;
}
/* Default font (Arabic-first approach) */
body {
background: #ddd;
font-family: "Noto Sans Arabic", "Amiri", Tahoma, sans-serif;
}
/* Language-specific overrides */
:lang(en), :lang(fr), :lang(de) {
font-family: "Roboto", "Open Sans", Arial, sans-serif;
}
:lang(ru), :lang(el) {
font-family: "Noto Sans", Arial, sans-serif;
}
/* Ensure RTL support for Arabic */
html[lang="ar"] {
direction: rtl;
}
/** visual styling of hg_layout **/
.lang_menu {
background: #ffffff;
}
.holy-grail-grid > .header {
background: #F8F8FF;
border: 1px solid #000;
border-radius: .5rem;
margin-bottom: 1rem;
text-align: center;
}
.holy-grail-grid > .main-content {
background: #fdfbfb;
}
/** left sidebar in english: Right in Arabic **/
.holy-grail-grid > .left-sidebar {
background: #FBFAF0;
border: 1px solid #000;
border-radius: .5rem;
}
.holy-grail-grid > .right-sidebar {
background: #F0FFF0;
border: 1px solid #000;
border-radius: .5rem;
}
.holy-grail-grid > .footer {
background: #F0FFFF;
border: 1px solid #000;
border-radius: .5rem;
margin-top: .5rem;
text-align: center;
}
/** end of hg_layout styling **/
/** ul styling **/

/** suggested by chat_gpt **/

/* Reset base styles */
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Level 1 — Root sections */
.sb_ul_lev1 {
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.sb_ul_lev1 > li > a {
  font-weight: bold;
  display: block;
  padding: 0.25rem 0;
}

/* Level 2 — Child sections */
.sb_ul_levX {
  padding-left: 1rem;
}
.sb_ul_levX > li > a {
  font-weight: normal;
  display: block;
  padding: 0.25rem 0;
}

/* Level 3+ — Nested child sections (recursively) */
.sb_ul_levX ul {
  padding-left: 0.75rem;
}
.sb_ul_levX ul li a {
  font-style: italic;
  font-weight: normal;
}

/* Optional: add bullets only from level 2 onward */
.sb_ul_levX li {
  list-style-type: disc;
  margin-left: 1rem;
}
.sb_ul_levX ul li {
  list-style-type: square;
  margin-left: 0.5rem;
}


/** bottom paginations **/
.articles-total {
  margin-right: 1rem;
align-items: center;
background-color: #f4f1ed;
border: 1px solid #ccc;
color: #333;
display: flex;
padding: .25rem;
}



.p.pagination {
display: flex;
justify-content: center;
padding: 0.5em 0;
margin: 1em 0 0; /* adjust top margin as needed */
}
.pagination-items {
display: flex;
gap: 1em;
list-style: none;
padding: 0;
margin: 0;
}
.pagination-item {
align-items: center;
background-color: #f4f1ed;
border: 1px solid #ccc;
color: #333;
display: flex;
padding: .25rem;
}

/** end of ul li styling by chat_gpt **/

.pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.pagination ul li {
  /* Not strictly needed, but helps reset */
  margin: 0;
  padding: 0;
}

.pagination a,
.pagination strong {
  display: inline-block;
  padding: 0.4rem 0.6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: none;
  color: #333;
  min-width: 2rem;
  text-align: center;
  vertical-align: middle;
}

/* Make current page look distinct but same size */
.pagination strong {
  background-color: #333;
  color: #fff;
  border-color: #333;
  font-weight: normal; /* Matches <a> appearance */
}


ligne1 {
margin-bottom: .7rem;

}
/** pagination ends **/

/** specify H1-H6 sont size **/
h1 {
font-size: 1.7rem;
}
h2 {
font-size: 1.4rem;
}
h3 {
font-size: 1.2rem;
}
.titre-article {
margin-top: 1rem;
}
/** end of H1-H6 font size **/
/** styles for dox mast/header **/
.dox_b4name, .dox_ahname, .dox_mission {
margin-bottom: .5rem;
}
.dox_b4name {
font-size: 1.4rem;
}
.dox_ahname {
font-size: 1.7rem;
font-weight: 700;
text-shadow: 5px 5px 8px yellow;
}
.dox_mission {
font-size: 1rem;
}

h5, .h5 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}
.arbo {
background: #000;
color: #fff;
padding: .16rem;
}
.arbo a, .arbo a:visited {
color: #FFFF00;
}
.rub_arbo {
background: #1b1b77;
height: 3.5rem;
color: #fff;
padding: .16rem;
}
.rub_arbo a, .rub_arbo a:visited {
color: #65ede9;
}
.structure h2 {
display: none;

}
.dox_footer, .dox_colophon {
margin-bottom: .5rem;
}
.dox_footer_byspip {
margin-bottom: .1rem;
}

.introduction, .entry-content {
Text-align: justify;
}
.strong, .rub_title a {
text-align: center;
}
.rub_title, .mot_title {
text-align: center;
}
.spip_doc_titre, .spip_doc_credits, .edito-titre, .sous-titre {
display: none;
}
/** style for contine readin **/
.suite {
border-bottom: solid 1px black;
color: #FFF;
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 5%;
padding: .3rem;
}
/** english text within arabic text **/

.engtext p {
direction:  ltr;

}
/** end of style continue reading **/
/** Contact_form: Base styles */
.contact-form-container {
max-width: 500px;
margin: 0 auto;
padding: .5rem;
}
.contact-form {
background-color: #f9f9f9;
padding: .5rem;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Form group styling */
.form-group {
margin-bottom: 1rem;
}
.form-group label {
display: block;
margin-bottom: .5rem;
font-weight: bold;
text-align: center;
}
.form-group label.required::after {
content: " *";
color: #e74c3c;
}
/* Input fields */
.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.form-group textarea {
min-height: 150px;
resize: vertical;
}
/* Character counter */
.char-counter {
text-align: right;
font-size: .8rem;
color: #666;
margin-top: .3rem;
}
/* Submit button */
.form-actions button {
background-color: #3498db;
color: white;
border: none;
padding: .5rem 1rem;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
display: block;
width: 100%;
transition: background-color 0.3s;
}
.form-actions button:hover {
background-color: #2980b9;
}
/* Thank you message */
.thank-you-message {
text-align: center;
padding: 1rem;
background-color: #f9f9f9;
border-radius: 8px;
margin-top: 1rem;
}
.thank-you-message h3 {
color: #27ae60;
margin-bottom: .5rem;
}
/* Honeypot field */
.honeypot-field {
position: absolute;
left: -9999px;
}
/* RTL support */
[dir="rtl"] .form-group label {
text-align: right;
}
[dir="rtl"] .char-counter {
text-align: left;
}
.contact-form {
padding: 1rem;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group textarea {
font-size: .9rem;
}