/*
Theme Name:   Blog Le Potager de Santé
Theme URI:    https://nukium.com/
Description:  Child theme for Blog Le Potager de Santé.
Author:       Nukium.com
Author URI:   https://nukium.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  blog-potager-sante
*/

.admin-bar #header,
.admin-bar #header.headroom--not-top {
  --nkm-offset-y: 46px;
  top: var(--nkm-offset-y);
}

@media (min-width: 783px) {
  .admin-bar #header,
  .admin-bar #header.headroom--not-top {
    --nkm-offset-y: 32px;
  }
}

#content:not(:has(> #breadcrumbs)) {
  margin-top: var(--nkm-header-height);
  padding-top: clamp(1rem, 1.5vw, 1.5rem);
}

#breadcrumbs {
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  padding: 0.5rem 0;
}

.page-header {
  padding-bottom: clamp(1rem, 1.5vw, 1.5rem);
  text-align: center;
}

.page-header:after,
.page-header:before {
  content: "";
  background: center / contain no-repeat url('https://www.lepotagerdesante.com/img/cms/Icons/sepaartor-test.svg');
  display: block;
  height: 40px;
  margin: auto;
  max-width: 300px;
  opacity: 0.25;
  width: 100%;
}

@media (max-width: 575px) {
  .page-header .entry-title {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

.comments-area a.btn,
.page-content a.btn {
  text-decoration: none;
  width: fit-content;
}

.menu-categories-container > ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  margin-bottom: 0;
  padding: 0.5rem 0;
  overflow-x: auto;
  scroll-snap-type: both mandatory;
  scroll-snap-stop: always;
  scroll-padding: 0 0.625rem;
  -webkit-overflow-scrolling: touch;
}

.menu-categories-container li {
  display: inline-flex;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.menu-categories-container a {
  background-color: #88b121;
  border-radius: .25rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-categories-container a:hover {
  background-color: #74961c;
}

/* Category */
article.post .post-thumbnail > a {
  display: block;
  margin-bottom: 1rem;
}

.post-thumbnail {
  position: relative;
}

.post-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0;
  padding: 1rem;
}

.post-thumbnail a + .post-categories {
  position: absolute; right: 0; top: 0;
}

.post-categories li {
  display: inline-flex;
}

.post-categories a {
  background-color: #88b121;
  border-radius: .25rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}

.post-categories a:hover {
  background-color: #74961c;
}

/* Archives */
.page-content article.post:not(:last-child) {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}
article.post .post-thumbnail {
  margin-bottom: 1.5rem;
}
article.post .post-thumbnail img {
  max-height: 325px;
}

/* Article */
.single-post .post .wp-post-image {
  max-height: 400px;
}

.single-post .products {
  --nkm-gutter-x: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: clamp(0.625rem, 5vw, 1.875rem);
  margin-right: calc(-.5 * var(--nkm-gutter-x));
  margin-left: calc(-.5 * var(--nkm-gutter-x));
  width: calc(100% + var(--nkm-gutter-x));
}

.single-post .post-thumbnail {
  margin-bottom: 2rem;
}

.single-post #comments {
  background-color: #f8f8f8;
  padding: 1.5rem;
}
.single-post #comments  .comment .comment-body {
  padding: 0 0 1.5rem 0;
}
.single-post #comments .comment-metadata,
.single-post #comments .comment-author.vcard img  {
  display: none;
}
.single-post #comments .reply {
  font-size: 0.875rem;
}
.single-post #comments .comment-respond {
  margin-top: 1rem;
}
.single-post #comments .comment-form-comment {
  display: flex;
  flex-direction: column;
}

@media (min-width: 576px) {
  .single-post .products {
    --nkm-gutter-x: 1.5rem;
  }
}


/* Elementor CSS (si non chargé dans les assets du thème)*/
.reassurance-section {
  background: #EDDFCA;
}
.reassurance-section .elementor-row {
  flex-wrap: wrap;
}
.reassurance-section .elementor-row .reass-item-col.elementor-column .elementor-icon-box-icon {
  margin-bottom: 0 !important;
}
.reassurance-section.elementor-element>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
  align-content: center;
  align-items: center;
}
.reassurance-section .elementor-icon-box-wrapper {
  gap: 4px;
}
.reassurance-section .elementor-icon {
  font-size: 80px;
}
.reassurance-section .elementor-icon i, .elementor-icon svg {
  display: block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  position: relative;

}
.reassurance-section .elementor-icon-box-title a {
  color:#1a1a1a;
}
.reassurance-section .elementor-widget-icon-box .elementor-icon-box-description {
  margin: 0;
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.elementor-column-wrap {
  display: flex;
  position: relative;
  width: 100%;
}
.elementor-row {
  display: flex;
  width: 100%;
}
.elementor-column {
  display: flex;
  min-height: 1px;
  position: relative;
}
.elementor-html .elementor-widget-wrap, .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}
.elementor-widget-wrap {
  flex-wrap: wrap;
  align-content: flex-start;
  position: relative;
  width: 100%;
}
.elementor-widget-wrap > .elementor-element {
  width: 100%;
}
.elementor-tab-content p:last-child, .elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}
.elementor-section.elementor-section-stretched {
  position: relative;
  width: 100%;
}
.elementor-element:not(.category-description-bottom-item) :is(.elementor-column-gap-default,.elementor-column-gap-no,.elementor-column-gap-narrow,.elementor-column-gap-extended,.elementor-column-gap-wide,.elementor-column-gap-wider) .elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0;
}
.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper {
  flex-direction: column;
}
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  display: flex;
  text-align: center;
}
@media (min-width: 768px) {
  .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
    width: 100%;
  }
}
.ce-widgets-space--gap>.elementor-column-wrap>.elementor-widget-wrap {
  gap: var(--ce-widgets-space, 20px);
}
.elementor-icon {
  display: inline-block;
  font-size: 50px;
  line-height: 1;
  text-align: center;
}