@charset "UTF-8";
/*CSS ASPHODEL BY ARTAMEDIA*/

html {font-size: 16px} /* 1rem = 16px */
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-base);
  font-weight: 400;
  background-color: #e0e0e0
}

:root {
  --font-family-base: "Inter", sans-serif;
  --font-family-heading: 'Spectral', sans-serif;

  --font-size-xs: 0.75rem;   /* 12px */
  --font-size-sm: 0.875rem;  /* 14px */
  --font-size-md: 1rem;      /* 16px */
  --font-size-lg: 1.25rem;   /* 20px */
  --font-size-xl: 1.5rem;    /* 24px */
  --font-size-xxl: 2rem;     /* 32px */
  --font-size-xxxl: 2.5rem;  /* 40px */

  --line-height-base: 1.6;
  --line-height-heading: 1.2;
}

/* TITRES */
h1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xxxl);
  line-height: var(--line-height-heading);
  font-weight: 700;
}

h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xxl);
  line-height: var(--line-height-heading);
  font-weight: 600;
}

h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  line-height: var(--line-height-heading);
  font-weight: 600;
}
h4 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-lg);
  line-height: var(--line-height-heading);
  font-weight: 600;
}
h5 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-heading);
  font-weight: 600;
}
h6 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-heading);
  font-weight: 600;
}

small, .ph-small, .badge {font-size: var(--font-size-xs);}

/* BOUTONS */

.btn-primary, .btn-primary:disabled, .btn-primary.disabled {color: #fff; background-color: #999; border-color: #555; border-radius: 0}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff; background-color: #777; border-color: #333; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1)}

.btn-secondary, .btn-secondary:disabled, .btn-secondary.disabled {color: #666; background-color: #eee; border-color: #999}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {color: #000; background-color: #ddd; border-color: #666; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1)}

.btn-group-sm>.btn, .btn-sm {font-size:var(--font-size-md); padding: 8px 16px} /*btn ajouter au panier - choisir les options*/

/* SP LAYOUT */
#sp-page {padding: 24px}
#sp-bottom {background: #999; color: #FFFFFF; padding: 30px 0; font-size: var(--font-size-sm); line-height: 1.6;}
#sp-footer {padding: 8px 16px}

/* Page title + Breadcrump*/
.sp-page-title {text-align: center; padding:16px 0 8px 0; background: linear-gradient(90deg,rgba(84, 84, 84, 1) 0%, rgba(87, 147, 199, 1) 54%, rgba(237, 83, 83, 1) 100%);}
.sp-page-title .container {max-width: 100%}
.sp-page-title .container .sp-page-title-heading {border-bottom: #eee 1px dotted; padding: 0 0 8px 0}
.float-start {margin-right: 8px}
.fa-location-dot, .fa-map-marker-alt {--fa: "\f14e";} /*icone*/
.sp-page-title .breadcrumb>.active {color: #aaa} /*couleur page active*/

/* NAV */
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size: var(--font-size-md)}
.sp-dropdown, body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {display:none} /* masquer flèche*/

/* OFFCANEVAS */
.offcanvas-menu .sp-module {border-bottom: #999 1px solid}
.offcanvas-menu .phItemCartBox, .offcanvas-menu .ph-filter-box  {padding-bottom:24px}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {margin-right: 0}
.offcanvas-menu #phFilterBox h4.panel-title, .offcanvas-menu .panier h3.sp-module-title {font-family: var(--font-family-base);font-size: var(--font-size-md);}
.offcanvas-menu .menu li {border-bottom: #ccc 1px dotted!important}
.offcanvas-menu .menu ul li, .offcanvas-menu .menu li:last-child {border:0!important}

/* PHOCA */
/* Présentation Asphodel - haut shop */
#mod-custom135 {margin: 0 0 24px 0; padding: 8px 16px; background: #eee; color: #555}
#mod-custom135 h5 {margin: 0 0 6px 0; font-style: italic; font-size: var(--font-size-lg)}
#mod-custom135 p {margin: 0; font-style: italic}

.ph-account-box-action .ph-box-header, .ph-checkout-box-action .ph-box-header {letter-spacing: normal} /*supprimer le letter spacing de certains titres*/

/* Component */
.pc-category-view {margin: 0} /*supprime espace en dessus tu titre*/

/* Pagination - Boutons affichage */
.phItemSwitchLayoutType {background-color:#BBB; border:#999 1px solid; padding:0px 6px 3px 6px}
.ph-pagination-top .btn.active {background-color:#666}

/* Modules colonnes G+D */
#sp-right {padding-right:0}
#sp-left .sp-module, #sp-right .sp-module {margin-top: 30px; border:0; padding: 0;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {margin: 0 0 8px 0; padding-bottom: 8px;font-size: var(--font-size-lg)}

/* Module Catégories */
.ph-category-module-box ul > li > a {padding: 2px 8px 3px 2px !important;}
.ph-category-module-box ul > li > a:hover, .ph-category-module-box ul > li > a:focus {color:#fff}

/* Module Filtres */
#phFilterBox h4 {font-size:var(--font-size-lg); font-weight: bold; margin:0; padding:12px 0 6px 0} /*taille des titres*/
.pc-si {width: 1.1em; height: 1.1em} /* taille du "-" et "+" devant titre du filtre*/
.phSelectBoxButton {margin: 3px; padding: 0px; width: 18px; height: 18px} /*carrés sélection de couleurs*/
.ph-panel-body-color, .ph-mod-color-box {padding:0} /*carrés sélection de couleurs*/
.ph-filter-count {background: none}
/* Module panier */
.ph-cart-small-box .row {--bs-gutter-x:0!important}

/* Panier / Checkout 
body.view-checkout #sp-component.col-md-8,
body.view-checkout #sp-component.col-lg-8,
body.view-checkout #sp-component.col-xxl-8,
body.view-checkout #sp-component.col-xl-8 {width:100%}*/

.ph-checkout-cart-row-header {font-weight: 600; background-color: #ededed; padding: 8px 0}

/* Thumbnail */
.img-thumbnail {padding: 0; background-color: #fff; border: 1px solid #fff; border-radius: 0;}
.ph-item-image-add-box {width: 100%; margin: 1em auto;}
.ph-item-image-add-box .ph-item-image-box {width: 23%; margin: 0 1%; padding: 0}

/*Infos détails sous produit*/
.tab-content {border:#999 1px solid; background: #eee;}
.tab-content {border-top:0}
.tab-content>.active {
    display: block;
    background: inherit;
    padding: 16px;
    margin: 0 0 0 1px;
}
.nav-tabs {border-bottom: 1px solid #999;}

.nav-tabs .nav-link {
    border: 1px solid #999;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.nav-tabs .nav-link:hover {
    border-color: #999;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #333;
    background-color: #fff;
    border-color: #999;
	border-bottom:#900
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #eee;}

/* TAGS - LABELS */
.ph-label-box {font-size: var(--font-size-xs); bottom: 0.3em!important; left: 0.2em!important; top:auto;}
#phQuickViewPopup .ph-label-box, #ph-pc-item-box .ph-label-box {right: 0;}
.ph-corner-icon {background-color:rgba(51, 51, 51,0.75)}
.ph-corner-icon a {color:#fff!important}
.taglimited {background-color:rgba(51, 146, 227,0.75)!important}
.tagnew {background-color:rgba(255, 127, 127,0.75)!important}


/* FORMULAIRES */
.form-label {margin-bottom: 1rem; width: 150px}


/*Mention PHOCA*/
#sp-component .sp-column > div:last-child {display:none!important}

/***RESPONSIVE***/

@media (max-width: 992px) {
  #sp-logo .logo img {height: 50px!important}
  body .ph-pagination-top {display:none!important}
}

@media (max-width: 767px) {
	.grid .phItemCartBoxForm {display: block}
}


@media (min-width: 576px) {
	.col-sm-1, .col-md-2 {padding:0} /*supprimé le padding pour agrandire l'image produit*/
}
@media (max-width: 576px) {
    #sp-header {height: 55px}
	#sp-logo .logo img {height: 47px!important}
}