/*------------------------------------------------------Content---------------*/

.under-img li { list-style: none; }
.categories li:last-child {display:block;}
.categories li {display:none; list-style:none;}


/*------------------------------------------------------Albums---------------*/


.image-placeholder {position:relative;}
.link-overlay {position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;}
.link-overlay:hover {cursor:pointer;}
/* Content Result Container */

#content-result .row {
    margin-left: -15px;
    margin-right: -15px;
}

#content-result .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carte */
.news-card {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #E5E5EA;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card-main {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Image - Sans effets */
.image-placeholder {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Contenu texte */
.card-text {
    padding: 0px 15px;
    /*text-align: center;*/
    flex: 1;
    display: grid;
    align-content: space-between;
    grid-gap: 15px;
}

.card-date {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    gap: 6px;
    font-size: 12px;
    color: #8E8E93;
    margin-bottom: 12px;
    direction: rtl;
}

.card-date i {
    font-size: 14px;
}

/*.card-title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.card-title a {
    color: #000;
    text-decoration: none;
}

.card-title a:hover {
    color: #007AFF;
}*/

.card-description {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 16px 0;
    text-align: center;
    direction: rtl;
    flex: 1;
}

/* Footer */
.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    /*border-top: 1px solid #E5E5EA;*/
    padding-top: 12px;
    margin-top: auto;
	 background-color: transparent;
}


.read-more {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.read-more:hover {
    color: #007AFF;
}

.read-more i {
    font-size: 16px;
}

.voice-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F2F2F7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
}

.voice-btn:hover {
    background: #007AFF;
    color: #fff;
}

.voice-btn i {
    font-size: 16px;
}
.pagination a.wpv-filter-next-link.js-wpv-pagination-next-link.page-link {
    width: auto;
    text-decoration: none;
}
ul.pagination {
    justify-content: center;
}

/* Icônes */
.read-more i {
    font-size: 13px;
}

/* Pagination Bootstrap */
.wpv-pagination-nav-links {
    margin-top: 30px;
}

.group.rtlcst > div { display: grid; }
.CntAlbums .wpb_wrapper { display: flex; grid-gap: 25px; }
form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-36093 { flex: 0 0 25%; max-width: 25%; padding: 0px 15px; }
@media screen and (max-width: 995px) {
	.CntAlbums .wpb_wrapper {flex-wrap: wrap;}
    #page form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-36093, #page div#wpv-view-layout-35413 {
        width: 100%;
        max-width: 100%;
        flex: auto;
        padding: initial;
    }
    #page form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-36093, #page div#wpv-view-layout-36093 {
        width: 100%;
        max-width: 100%;
        flex: auto;
        padding: initial;
    }
}

.group {
    border: 1px solid #000;
    padding: 25px;
}
.search-box {
    position: relative;
    margin-bottom: 25px;
}
input.search-input {
    border-radius: 15px;
}
html:lang(ar) .form-check input[type="checkbox"] {margin-left: 8px;}
html:lang(fr) .form-check input[type="checkbox"] , 
html:lang(tzm) .form-check input[type="checkbox"] , 
html:lang(en) .form-check input[type="checkbox"] { margin-right: 8px;margin-left:auto;}

.search-input {
    width: 100%;
    padding: 10px 35px 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
    background: #f9f9f9;
    text-align: right;
    font-family: Arial, sans-serif;
    direction: rtl;
}

.search-input:focus {
    outline: none;
    border-color: #999;
    background: white;
}

.search-input::placeholder {
    color: #999;
}

html:lang(ar) .search-icon {
    position: absolute;
    left: 12px;transform: rotateY(195deg);
    color: #999;width: 30px; height: 40px; display: grid; align-content: center; justify-content: center;
    font-size: 16px;
}

html:lang(fr) .search-icon , 
html:lang(tzm) .search-icon , 
html:lang(en) .search-icon {
    position: absolute;
    right: 12px;
    left: auto;
    color: #999;
    font-size: 16px;
    transform: rotateY(195deg);
	width: 30px; height: 40px; display: grid; align-content: center; justify-content: center;
}
/* .sec-btn input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn {
    width: 316px;
    padding: 12px 16px 12px 16px;
    text-align: center;
    margin-top: 15px;
    border-radius: 10px; 
} */
.sec-btn {
    display: flex;
    justify-content: center;
}
.btn-renistialiser input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn{
   width: 316px;
    padding: 12px 16px 12px 16px;
    text-align: center;
    background-color: #000;
    margin-top: 15px;
    border-radius: 10px; 
}
.btn-renistialiser{
  display: flex;
  justify-content: center;
}
/*css Date Filter Section */
/*.date-section {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px;
}*/

html:lang(ar) .date-title {
    font-size: 14px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-align: right;
}
html:lang(am) .date-title {
    text-align: left ;
}

.date-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.date-input {
    position: relative;
    width: 100%;
}

.date-input input[type="text"],
.date-input input[type="date"],
.date-input .date-picker-input,
.date-input .date-text-input {
    width: 100%;
    padding: 12px 45px 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 13px;
    background: white;
    text-align: right;
    font-family: Arial, sans-serif;
    color: #4a4a4a;
    direction: rtl;
}

.date-input input:focus {
    outline: none;
    border-color: #999;
}

.date-input input::placeholder {
    color: #999;
}

/* Style pour le sélecteur de date natif */
.date-input input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.date-input input[type="date"]::-webkit-inner-spin-button,
.date-input input[type="date"]::-webkit-clear-button {
    display: none;
}

.date-input .far {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #666;
    pointer-events: none;
    z-index: 1;
}
 
/*feltre calendrier*/
.date-input.calenderier {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #999999;
    padding: 5px;
}
input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn { margin-top: 20px; }
input.wpv-reset-trigger.js-wpv-reset-trigger.btn {
    margin-top: 15px;
}


/*css pour les mots clée*/
/* Cacher uniquement les checkbox dans le filtre d'étiquettes */
.tags-filter input[type="checkbox"] {
    display: none; /* cache la vraie checkbox */
}

/* Style des boutons visibles */
.tags-filter label.form-check-label {
    display: inline-block;
    padding: 8px 16px;
    margin: 5px 5px 5px 0;
    /* border: 2px solid #007BFF; */
    border-radius: 5px;
    background-color: #F0F2F5;
    color: #121417;
    cursor: pointer;
    transition: all 0.3s;
}

/* Quand la checkbox correspondante est cochée */
.tags-filter input[type="checkbox"]:checked + label {
    background-color: #BB1A25;
    color: #fff;
}
label.sec-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
}
/*Language Filter*/
.lang-buttons .lang-options {
    margin-top: 8px;
}

.lang-buttons .lang-option {
    display: flex;
    align-items: center;
    gap: 5px;
    padding:6px 0 6px 6px;;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
	width:100px;
}

.lang-buttons input[type="radio"] {
    accent-color: #bb1a25; /* couleur personnalisée */
    transform: scale(1.1);
}
.sec-check {
    display: flex;
    flex-wrap: wrap;
}
.form-check {
    position: relative;
    display: flex;
    padding-left: 10px;
    align-items: baseline;
}



.news-card {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  max-width: 1200px;
  width: 100%;
  margin-bottom: 15px;
}

.card-main {
  padding: 32px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  flex-direction: row-reverse;
}

.card-text {
  flex: 1;
}

.card-title {
  font-size: 22px;
  font-weight: bold;
  color: #1a1a1a;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: right;
}

.card-date {
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  display: block;
  text-align: right;
}

.card-description {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1.8;
  text-align: right;
}
/*
        .image-placeholder {
            background: linear-gradient(135deg, #d8d8d8 0%, #e8e8e8 100%);
            width: 280px;
            height: 280px;
            border-radius: 4px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
        }*/
.image-placeholder {
  width: 280px;
  height: 280px;
  border-radius: 4px;
  overflow: hidden; /* Important pour couper l’image si elle déborde */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d8d8d8; /* couleur de fond si l’image met du temps à charger */
}
.image-placeholder .image-icon {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← fait le cover */
  object-position: center; /* centre l’image */
  display: block;
}

.image-icon {
  width: 60px;
  height: 60px;
  /*opacity: 0.4;*/
}

.card-actions {
  display: flex;
  grid-gap: 30px;
  align-items: center;
  padding: 25px 40px;
  /*border-top: 1px solid #e8e8e8;*/
}

.action-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: none;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  font-family: Fustat;
}

.action-btn:hover {
  color: #333;
}

.action-icon {
  font-size: 20px;
  font-weight: bold;
}

.cart-icon {
  font-size: 22px;
}
button.action-btn {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .card-main {
    flex-direction: column-reverse;
    padding: 30px;
  }

  .image-placeholder {
    width: 100%;
    height: 200px;
  }

  .card-title {
    font-size: 22px;
  }

  .card-actions {
    padding: 20px 30px;
  }
}
#main input.form-check-input {
  position: relative;
}


.tagcloud.col-12.rtlcst input {display: none;}
.tagcloud { display: inline-flex; flex-wrap: wrap; flex-direction: row;grid-gap: 5px;}
#page .tagcloud label.form-check-label { border-radius: 30px; padding: 5px 8px; font-size: 80%; border: 1px solid #d8d8d8; margin-bottom: 5px; display: table; }
#page .tagcloud .form-check {padding: 0px;}

.calendar { display: block; width: 100%; }
#page input#calendarPicker { width: 100%; }

input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn { width: 100%; border-radius: 30px; border: none; }

#page .tagcloud label.form-check-label.active { background: #343a46; color: #fff; }
#page .tagcloud label.form-check-label { background: rgb(52 58 70 / 46%); color: #fff; }

#page form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-35413 div.form-group { width: 100%; display: inline-flex; justify-content: space-between; align-items: flex-start;flex-direction: column;}
#page div.publications-flex .wpb_wrapper { display: inline-flex;width: 100%;}
#page form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-37812 { flex: 1 1 35%;overflow: visible;}
form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-35413 .form-group { padding: 15px; border: 1px solid #343a46; }

@media screen and (max-width:995px){
#page form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-35413 , 
#page div#wpv-view-layout-35413 {width: 100%; max-width: 100%; flex: auto;padding: initial;}
#page div.container-publications {display: grid;}
#page div.container-publications div.ft-img, 
#page div.container-publications div.ft-img img { width: 100%; max-width: 100%; }
#page .form-group { margin-bottom: 25px !important; }
div#page div#wpv-view-layout-35413 div.btns { display: flex; width: 100%; justify-items: center; justify-content: center; flex-wrap: wrap; }
div#page .popup .col-md-12.p-0 { overflow-y: overlay; max-height: 500px; }
div#page input#calendarPicker , div#page  .calendar { width: 100%; }
#page div.publications-flex .wpb_wrapper {flex-wrap: wrap;}
}

#page input.wpv-reset-trigger.js-wpv-reset-trigger.btn {display:block;}

form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-35413.js-wpv-form-full.js-wpv-dps-enabled.js-wpv-ajax-results-enabled { position: relative; width: 100%; padding-left: 15px;padding-right: 15px;flex: 0 0 25%; max-width: 25%;overflow: visible;}
form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-35413.js-wpv-form-only.js-wpv-dps-enabled { overflow: visible; }
/*div#wpv-view-layout-35413 { position: relative; width: 100%; padding-right: 15px;flex: 0 0 75%; max-width: 75%; }*/


.container-publications { display: inline-flex; width: 100%;}
.ft-img {width: 250px;}
.desc {flex: 1 1 75%;}
.desc-listview {position: relative;padding: 30px 15px;min-height: 320px;}
.btns { padding: 15px 0px; }
.col-12.containerbtns .btns { justify-content: flex-end; }

.separator:not(.p30) { width: 100%; padding-top: 57px; opacity: 0.5; border-bottom: 1px solid #B1BBC8; border-top: none; margin: 0px 0px 0px 0px; }

#page div.container-publications {border-radius:initial;box-shadow:initial;}
#page div.ft-img img {object-fit: cover; margin: auto;  object-position: right; width: 410px;}
html body #page div.ft-img {text-align:right; }


.form-group.container-el {
  display: flex;
  width: 100%;
}
.inner-el-input input {
  width: 100%;
  display: block;
}
.inner-el-input {
	flex: 1 1 100%;
  display: block;
}

.inner-el input {
  width: 100%;
  display: block;
  background: #478e97 !important;
  border: none !important;
}
form.wpv-filter-form.js-wpv-filter-form {
  overflow: visible;
  border-radius: 20px;
}

.widget-sidebar .container-el,
li#product_cat-31 {
  display: none;
}
.widget-sidebar .display-widget {
  display: block !important;
}

html:lang(ar-AR).widget-sidebar * {
  direction: rtl;
  text-align: right;
}
html:lang(fr-FR) .widget-sidebar * {
  direction: ltr;
  text-align: left;
}

ul.categorychecklist.form-no-clear {
  list-style: none;
}

.form-group {
  margin: auto;
}
.display-widget
  input.btn-secondary.wpv-submit-trigger.js-wpv-submit-trigger.btn:hover {
  background: #030303 !important;
  border-color: #030303 !important;
}

.display-widget label {
  font-weight: 800;
  color: #030303;
  margin: initial;
}

html:lang(fr-FR) .display-widget label {padding: 5px;}
html:lang(ar-AR) .display-widget label {padding: 5px;}


ul.categorychecklist.form-no-clear,
ul.categorychecklist.form-no-clear ul {
  list-style: none;
}
ul.categorychecklist.form-no-clear {
  list-style: none;
}
ul.categorychecklist.form-no-clear {
  margin: initial;
}
.col-md-12.publication-product small { color: #030303; }
ul.children li label.selectit input {display: inline-block; }
ul.children li label {display: flex ; grid-gap: 5px; align-items: center;}

#page ul.children li label {font-weight: 600; color: #424242;}


ul.children label.selectit span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 0px;
  margin-top: 3px;
  border-radius: 3px;
  border: 1px solid;
}

/* Create a custom checkbox */
ul.children .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
ul.children label.selectit:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
ul.children label.selectit input:checked ~ .checkmark {
  background-color: #772b53;
}
ul.children .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
ul.children label.selectit input:checked ~ .checkmark:after {
  display: block;
}
ul.children {
  margin: auto 10px;
}

/* Style the checkmark/indicator */
ul.children label.selectit .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.children label.selectit {
  position: relative;
}

.has-loading.start {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #030303;
  background: rgb(3 3 3 / 14%);
  z-index: 9;
  top: 0px;
  left: 0px;
}
.has-loading.start {
  transition: background-color 1s fadein;
}
.has-loading.start {
  display: grid;
  justify-content: center;
  align-items: center;
  justify-items: center;
  align-content: center;
}

.form-group.textalign {
  text-align: right;
}
/* HTML: <div class="loader"></div> */
.loadingcstt {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid;
  border-color: #000 #0000;
  animation: l1 1s infinite;
}

.publication-product small{
  color: #af4a4e;
}
span.woocommerce-Price-amount.amount {
  display: none;
}

#page a.addtocard {margin-bottom:initial ;}
a.add_to_cart_button , button.open-popup {
  border-radius: 20px;
  padding: 5px 10px;
  color: #bb1a25;
  text-decoration: none;border:none;
}
.col-md-12.publication-product {
  padding-top: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 5px;
}

html:lang(fr-FR) .btns-product { display: inline-flex; width: 100%; justify-content: flex-end; }
html:lang(ar-AR) .btns-product { display: inline-flex; width: 100%; justify-content: flex-end; }

.btns-product i.icomoon-the7-font-the7-plus-02 {
  display: inline-table;
  vertical-align: middle;
  margin: 0px 10px;
}
.btns-product a , button.open-popup {
  margin-right: 10px;
}
.open-popup path {fill: #030303;}

a.wpv-filter-pagination-link.js-wpv-pagination-link {
  color: #030303;
  text-decoration: none;
  font-weight: 800;
}
html:lang(ar-AR) ul.wpv-pagination-nav-links-container {
  flex-direction: row-reverse;
}
ul.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container {
  justify-content: center;
}


.wqrgp-qr-codes { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; }
#page div.wpb_text_column div.wqrgp-qr-code { width: calc(220px - 40px); padding: 10px; margin:0px 5px 5px 0px ; display: grid ; }
.product-download-qr { background: #f1f1f1; border:1px solid #d8d8d8;padding: 20px; width: 220px; display: block; justify-items: center; }
.product-download-qr h4.product-title {font-size: 17px; line-height: 125%; color: #bb1a25; text-align: center;}
.popup > div { display: flex; grid-gap: 5px; flex-wrap: wrap;justify-content: center;}

.wqrgp-qr-code img { object-fit: contain; aspect-ratio: 4 / 4; display: block; width: 100%; height: auto; }
.wqrgp-qr-code p { order: 2; font-size: 60%; line-height: 14px; color: #af4a4e; padding: 1px;margin-bottom:0px;}
.wqrgp-qr-code { background: #f1f1f1; border-radius: 3px; }
.wqrgp-qr-codes { margin: 5px; padding: 0px; }

li.wpv-pagination-nav-links-item.wpv_page_current.wpv-pagination-nav-links-item-current span.wpv-filter-pagination-link.page-link { font-size: inherit; }
li.disabled { display: none; }

button.open-popup svg { margin: 0px 10px;vertical-align: sub;}

.popup,
.popup-overlay {
  display: none;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border: 1px solid #ccc;
  z-index: 99999;
}
.pos-relative.wpb_column.vc_column_container.vc_col-sm-9.vc_col-has-fill { position: relative; z-index: 2; }
.close-btn { cursor: pointer; color: #343a46; font-weight: bold; }
span.close-btn { text-align: center; width: 100%; display: block; margin: 10px 0px; padding: 5px; }


.popup .col-md-12.p-0 { max-height: calc(100vh - 200px); overflow: overlay; }

/* width */
.popup .col-md-12.p-0::-webkit-scrollbar {
	width: 5px;
}

/* Track */
.popup .col-md-12.p-0::-webkit-scrollbar-track,{
	background: #f1f1f1;
	border-radius: 20px;
}

/* Handle */
.popup .col-md-12.p-0::-webkit-scrollbar-thumb {
	background: #030303;
	border-radius: 20px;
}

/* Handle on hover */
.popup .col-md-12.p-0::-webkit-scrollbar-thumb:hover {
	background: #555;
}


#page h2.two-lines {font-size:18px; line-height:1.5em;color: #bb1a25;}