/* Global */
/* Fonts auto-hébergées */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/syne-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-700.woff2') format('woff2');
}
html {scroll-behavior: smooth;}
h1, h2, h3 { font-family: 'Syne', sans-serif;}
:root {
	--bs-body-font-family: "Roboto", sans-serif;
	--bs-primary: #f08848;
	--bs-primary-rgb: 240, 136, 72;
	--bs-body-color: #212529;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-link-color: #212529;
	--bs-link-color-rgb: 33, 37, 41;
	--bs-link-hover-color: #212529;
	--bs-link-hover-color-rgb: 33, 37, 41;
	--bs-border-radius: 0.75rem;
  --bs-light-bg-subtle: #faf4e8;
	--action-color:#f08848;
	--action-color-onefourth: rgba(240, 136, 72, 0.25);
	--info-color:#fbc263;
	--color-light-grey: rgba(160,160,160,.25);
  --bg-highlight: rgba(var(--bs-white-rgb), .35);
	--padding-size-m: 1rem;
  --padding-size-l:1.6rem;
  --padding-size-xxl:4rem;
  --padding-size-xxxl:5rem;
  --bs-box-shadow: 0 0.19rem 0.94rem 0 rgba(0,0,0,.2);
}
@layer ps-base {
  .syne {font-family: 'Syne', sans-serif;}
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .left-block__title,
  .right-block__title,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
  }
  .h1,
  h1 {
    font-size: calc(var(--bs-body-font-size)*2.8)
  }
  .h2,
  h2 {
    font-size: calc(var(--bs-body-font-size)*2);
    margin-top: 2rem;
  }
  .h3,
  h3 {
    font-size: calc(var(--bs-body-font-size)*1.5);
    margin-top: 1.5rem;
  }
  .larger {font-size: 1.2rem;}
	a:not(.btn):hover {
		text-decoration: underline;
	}
  .footer-block a, .footer-block a:hover, .footer-block__title, .footer-block__title a, .footer__main {
    color: var(--bs-body-color);
  }
  .footer-block__title {
  	padding-bottom: .5em;
  	border-bottom: solid 1px var(--bs-body-color);
  }
  .header {position: inherit;}
  .header-top {
    padding: var(--padding-size-m) 0;
    background-color: var(--bs-light-bg-subtle);
  }
  @media (min-width: 768px) {
    .header-top {
      border-bottom: none;
    }
  }
}
@layer bs-components {
	.btn{
		--bs-btn-border-radius:var(--bs-border-radius);
	}
	.btn:hover {
		background-color: var(--info-color);
		color: var(--bs-body-color);
	}
	.btn-primary {
	    --bs-btn-color: var(--bs-body-color);
	    --bs-btn-bg: var(--action-color);
	    --bs-border-width: 0px;
	    --bs-btn-active-color: var(--bs-body-color);
	    --bs-btn-active-bg: var(--info-color);
  }
  .btn-outline-primary {
  	--bs-btn-color: var(--bs-body-color);
  	--bs-btn-border-color: var(--bs-body-color);
    --bs-btn-active-bg:var(--action-color);
    --bs-btn-active-border-color:var(--action-color);
    --bs-btn-hover-bg:var(--action-color);
    --bs-btn-hover-border-color:var(--bs-body-color);
  }
  .btn:disabled {
  		cursor: not-allowed;
  		opacity: .05;
  }
  .pagination {
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color:var(--bs-body-color);
    --bs-pagination-border-radius:0;
    --bs-pagination-active-border-color: var(--action-color);
    --bs-pagination-hover-border-color: var(--bs-pagination-border-color);
    --bs-pagination-focus-box-shadow:0 0 0 0.25rem var(--action-color-onefourth);
    gap:1rem;
  }
  .form-select {
  		border-radius: 0;
  		border-color: var(--bs-body-color);
  }
  .form-select:focus {
    border-color: var(--action-color);
    box-shadow: 0 0 0 .25rem var(--action-color-onefourth);
  }
  .product-miniature__inner {
    box-shadow: var(--bs-box-shadow);border-radius: var(--bs-border-radius-xl);padding:var(--padding-size-m);
  }
  @media (hover: hover) {
    .product-miniature__inner:hover {
      box-shadow: var(--bs-box-shadow-md);
    }
  }
  .bg-highlight:hover {
    background-color: var(--bg-highlight);
  }  
  @media(min-width:576px) {
    .subcategory__list {
      display: flex !important;
    }
  }
  .subcategory__link {
    padding: var(--padding-size-m) var(--padding-size-l) !important;
  }
}
@layer ps-modules {
  .ps-mainmenu:is(.ps-mainmenu--mobile) .menu a {
    color:var(--bs-body-color);
  }
  @media (min-width: 1200px) {
    .ps-mainmenu {
      order: -1;
    }
  }
}
@layer utilities {
  .px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }
}
/* Règles globales */
.page-list a {
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  border-radius: var(--bs-pagination-border-radius);
}

.page-list li.current a {
  border-color: var(--bs-pagination-active-border-color);
  background-color: var(--bs-pagination-active-bg);
  color: var(--bs-pagination-active-color);
}
  @media (min-width: 992px) {
    .layout-full-width .products {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
/* Header */
.header-bottom {border-bottom:none;padding-top:var(--padding-size-l);padding-bottom:var(--padding-size-l);background-size: cover;background-image: url('/img/cms/images site/Kumo Fond Accueil.webp');background-repeat: no-repeat;background-position:bottom center;}
#category .header-bottom, #product .header-bottom {background-image: url('/themes/kumovape/assets/img/header/Kumo_Fond_Produit.webp');}
#module-ph_simpleblog-list .header-bottom, #module-ph_simpleblog-category .header-bottom, #module-ph_simpleblog-single .header-bottom {background-image: url('/themes/kumovape/assets/img/header/Kumo_Fond_Actus.webp');}
#header .header-bottom .header-icons .material-icons, #header .header-bottom .ps-mainmenu__mobile-toggle .material-icons {color: var(--bs-white);font-size:2rem;}
@media (max-width: 767px) {
  #header .header-bottom {
    background-size: auto !important;
  }
}
/* Search Canva */
/* Search offcanvas - fullscreen lightbox */
#searchCanvas {
  height: 100dvh !important;
  max-height: 100dvh;
  background-color: rgba(0, 0, 0, 0.4);
  bottom:0px;
}
#searchCanvas .offcanvas-header {
  width: 100%;
  max-width: 700px;
  margin: auto;
  align-items: stretch;
}

#searchCanvas .ps-searchbar {
  width: 100%;
}

#searchCanvas .ps-searchbar__form {
  background-color: #fff;
  border-radius: 0;
  padding: 0.5rem 1rem;
}

#searchCanvas .ps-searchbar__input {
  font-size: 1.25rem;
  padding: 0.75rem 0.5rem;
  border: none;
  background: transparent;
  color: var(--bs-body-color);
}
#searchCanvas .ps-searchbar__input::placeholder {
  color: var(--bs-gray-600);
}
#searchCanvas .ps-searchbar__input:focus {
  box-shadow: none;
  outline: none;
}
#searchCanvas .ps-searchbar__dropdown {
  max-width: 100%;
  right:revert;
}
/* Fermer avec un clic sur le fond */
#searchCanvas .ps-searchbar__dropdown {
  background-color: #fff;
  margin-top: 0;
}
.ps-searchbar__clear {
  right:5rem;
}
/* Footer */
.footer__main {
  background-image: url('/img/cms/images site/Kumo Fond Footer.webp');
  background-size: cover;
  background-repeat: no-repeat;
}
/* Footer - 3 colonnes avec ratio 1:2:2 */
.footer__main-top.row {
  display: flex;
  flex-wrap: nowrap;
}

.footer__main-top > .ps-socialfollow {
  flex: 1;
  width: auto;
  margin-bottom: 2rem;
}
.footer__main-top > .ps-linklist.footer-block {
  flex: 2;
  width: auto;
  max-width: none;
}
.footer-block__title {
  text-transform: uppercase;
}
/* Supprime le container interne du socialfollow qui force le 100% */
.footer__main-top > .ps-socialfollow > .container {
  padding: 0;
  max-width: none;
}
/* Responsive : empile en mobile */
@media (max-width: 767px) {
  .footer__main-top.row {
    flex-wrap: wrap;
  }
  .footer__main-top > .ps-socialfollow,
  .footer__main-top > .ps-linklist.footer-block {
    flex: 0 0 100%;
  }
}
/* Produits */
.product__prices-block {flex-direction: row;align-items: baseline;}
.kumoProductExtra {border-top: 1px solid var(--color-light-grey);padding-top: var(--padding-size-m);padding-bottom: var(--padding-size-m);}
/* Home */
  /* Hero banner homepage */
  .kumo-hero {
    background-size: cover;
    background-position: top;
    padding: 3rem 0;
  }
  .kumo-hero h1 {font-size: calc(var(--bs-body-font-size)*4.2);}
  .kumo-hero h1 .kumo-hero__desc{font-size:1.2rem;line-height:1rem;display:block;}
  .kumo-hero .kumo-hero__subtitle {font-family: Roboto, Sans-serif;font-size: 1.4rem;font-weight: bold;}
  /* Extra Content Home */
  .kumo-qsn {
  background-image: url("/img/cms/images site/Kumo Fond Qui sommes nous.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: var(--padding-size-xxxl) 0;
  }
.ps-featuredproducts .module-products__buttons {
    display: flex;
    justify-content: space-evenly;
  }
/* Blog */
.cardblog {border:none;box-shadow:none;}
#module-ph_simpleblog-single .cardblog .card-block {padding-top:0;}
/* FAQ */
--hifaq-text, .hi-faq-block a {color:var(--bs-body-color);}
.hi-faq-block .hi-faq-question-link {font-size: var(--hifaq-spacing-md);}
.hi-faq-block .hi-faq-category-items {margin: 0;}
.hi-faq-top-search-container {background: none;}
.hi-faq-block {box-shadow: none;background: none;padding-left:0;padding-right:0;}
.hi-faq-block-17 {border:none;}
.hi-faq-block .hi-faq-item {padding: 0.5rem 0; border-bottom: 1px solid black;border-left:none;border-right:none;border-radius:0;}
.hi-faq-block a:hover {color:var(--action-color);}
/*Store Locator */
#fmmsl_single_store_content img, #fmmsl_single_store_maparea img {width:100%;}
.fmmsl_store_hours_details table tr td {padding: 0.4rem;}
#fmmsl_single_store_maparea {align-items: center;}