:root {
  --phila-color-primary: #3a39ff;
  --phila-color-accent: #ff5b23;
  --phila-color-secondary: #f2bb06;
  --phila-color-soft: #ddb9ff;
  --phila-color-bg: #f1efe7;
  --phila-color-surface: #fffdf8;
  
  --phila-color-text: #1e1b22;
  --phila-color-grey: #888;
  --phila-color-muted: #655f6e;
  
  --phila-color-border: rgba(30, 27, 34, 0.12);
  --phila-color-success: #0f9b6f;
  
  --phila-radius-sm: 8px;
  --phila-radius-md: 16px;
  --phila-radius-lg: 28px;
  --phila-radius-pill: 999px;
  
  --phila-shadow-soft: 0 12px 32px rgba(30, 27, 34, 0.08);
  --phila-shadow-card: 0 18px 50px rgba(58, 57, 255, 0.08);
  
  --phila-container: 1440px;
  
  --phila-transition: 0.25s ease;
  
  --phila-font-primary: "Open Sans", sans-serif;
  --phila-font-secondary: "Open Sans", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--phila-color-text);
}

body,
input,
textarea,
select,
button {
  font-family: var(--phila-font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.pos-title {
  color: var(--phila-color-text);
  font-family: var(--phila-font-secondary);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: none;
}

a {
  color: var(--phila-color-primary);
  transition: color var(--phila-transition);
}
a:hover,
a:focus {
  color: var(--phila-color-accent);
  text-decoration: none;
}

.container,
.container-fluid .container {
  max-width: var(--phila-container);
}

.btn,
button,
input[type="submit"],
input[type="button"],
.button,
.btn-primary,
.btn-secondary {
  border-radius: var(--phila-radius-pill);
  box-shadow: none;
  transition:
    transform var(--phila-transition),
    box-shadow var(--phila-transition),
    background-color var(--phila-transition),
    color var(--phila-transition),
    border-color var(--phila-transition);
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
button.btn-primary,
input.btn-primary {
  background: var(--phila-color-primary);
  border-color: var(--phila-color-primary);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--phila-color-accent);
  border-color: var(--phila-color-accent);
  box-shadow: 0 10px 28px rgba(255, 91, 35, 0.24);
  color: #fff;
}

.btn-secondary,
.btn-outline-primary,
.bootstrap-touchspin .btn-touchspin {
  background: #fff;
  border-color: var(--phila-color-border);
  color: var(--phila-color-text);
}

.btn-secondary:hover,
.btn-outline-primary:hover,
.bootstrap-touchspin .btn-touchspin:hover {
  border-color: var(--phila-color-primary);
  color: var(--phila-color-primary);
}

.card,
.block-category,
.cart-grid-body,
.cart-grid-right,
#content-wrapper,
.featured-products,
.product-accessories,
.block_newsletter,
.category-cover,
.products-sort-order .select-title,
.dropdown-menu,
.facet-dropdown,
.customization-modal,
.modal-content {
}

.product-flag,
.label,
.badge,
.discount,
.on-sale,
.new {
  border-radius: var(--phila-radius-pill);
  font-weight: 700;
}

#header {
  background: var(--phila-color-bg);
  /* border-bottom: 1px solid rgba(30, 27, 34, 0.08); */
  /* box-shadow: 0 6px 24px rgba(30, 27, 34, 0.1); */
  position: sticky;
  top: 0;
  z-index: 999;
  /* backdrop-filter: blur(10px); */
}
#header .header-logo-menu {
    padding: 20px 0;
}
#header .sticky-inner.scroll-menu {
    background: #fff;
	padding: 10px 0;
}


.main-menu .pos-menu-horizontal .menu-content {
  justify-content: center;
  gap: 0.5rem;
}

.main-menu .pos-menu-horizontal .menu-content .menu-item > a {
    display: block;
    font-weight: 600;
    font-size: .95rem;
}
.main-menu .pos-menu-horizontal .menu-item > a,
.main-menu .pos-menu-vertical .menu-item > a {
  border-bottom: 2px solid transparent;
  color: var(--phila-color-text);
  font-weight: 700;
  padding-bottom: 0.45rem;
  transition:
    color var(--phila-transition),
    border-color var(--phila-transition);
}
.main-menu .pos-menu-horizontal .menu-item:hover > a,
.main-menu .pos-menu-vertical .menu-item:hover > a,
.main-menu .pos-menu-horizontal .menu-item.active > a,
.main-menu .pos-menu-vertical .menu-item.active > a {
  /* border-bottom-color: var(--phila-color-primary); */
  color: var(--phila-color-primary);
}

#search_widget form,
.search-widget form,
.blockcart,
.user-info,
.language-selector-wrapper,
.currency-selector {
  border-radius: var(--phila-radius-pill);
}

.breadcrumb {
  background: transparent;
  border-bottom: 1px solid rgba(30, 27, 34, 0.08);
  margin-bottom: 2rem;
  padding: 1rem 0;
}

.page-home #content {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.page-home .elementor-section,
.page-home .creativeelements-widget-container {
  border-radius: var(--phila-radius-lg);
}



/* Réassurance .phila-items-reassurance */
.phila-items-reassurance h3.elementor-image-box-title {
	font-size: 1rem;
	font-family: var(--phila-font-secondary);
}
.phila-items-reassurance .elementor-image-box-description {
	font-size: .9em;
	color: var(--phila-color-grey);
}



.product-miniature,
.js-product-miniature {
	border: 0;
}
.product-miniature:hover,
.js-product-miniature:hover {
  border-color: rgba(58, 57, 255, 0.18);
  box-shadow: 0 22px 42px rgba(58, 57, 255, 0.16);
  transform: translateY(-4px);
}
.product-miniature .img_block,
.js-product-miniature .img_block {
    /* background: #ccc; */
}
.product-miniature .product_desc,
.js-product-miniature .product_desc {
	padding: 0 10px 20px 10px;
	text-align: center;
}
#js-product-list-top .sort-by-row .products-sort-order .select-title {
	border-radius: 0;
}

.product-title a,
.product-name a {
  color: var(--phila-color-text);
}

.product-title a:hover,
.product-name a:hover {
  color: var(--phila-color-primary);
}

.price,
.regular-price,
.current-price .product-price,
.products .product-price-and-shipping {
  color: var(--phila-color-primary);
  font-weight: 700;
}

.product-description,
.product_desc,
.product-reference,
.product-availability,
.block-category .block-category-inner,
.product-features,
.page-content,
.text-muted {
  color: var(--phila-color-muted);
}

#product .tabs,
.nav-tabs,
.product-information,
.product-features,
.blockreassurance_product,
.product-actions {
  border-radius: var(--phila-radius-md);
}


.nav-tabs .nav-link {
  border-radius: var(--phila-radius-pill);
  color: var(--phila-color-text);
  font-weight: 700;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background: rgba(58, 57, 255, 0.08);
  color: var(--phila-color-primary);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select,
.form-control {
  background: #fff;
  border: 1px solid var(--phila-color-border);
  border-radius: var(--phila-radius-md);
  box-shadow: none;
  color: var(--phila-color-text);
  min-height: 48px;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: rgba(58, 57, 255, 0.4);
  box-shadow: 0 0 0 4px rgba(58, 57, 255, 0.08);
}

.custom-checkbox input[type="checkbox"] + span,
.custom-radio input[type="radio"] + span {
  border-color: var(--phila-color-border);
}

.pagination .page-list,
.pagination .page-item .page-link {
  border-radius: var(--phila-radius-pill);
}

.pagination .current a,
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
  background: var(--phila-color-primary);
  border-color: var(--phila-color-primary);
  color: #fff;
}



.alert-success {
  background: rgba(15, 155, 111, 0.12);
  border-color: rgba(15, 155, 111, 0.2);
  color: var(--phila-color-success);
}

.alert-warning {
  background: rgba(242, 187, 6, 0.14);
  border-color: rgba(242, 187, 6, 0.22);
}

.alert-danger {
  background: rgba(255, 91, 35, 0.12);
  border-color: rgba(255, 91, 35, 0.22);
  color: #b63e1a;
}



#footer,
.footer-container,
.footer-before,
.footer-top,
.footer-bottom {
  background: #1e1b22;
  color: rgba(255, 255, 255, 0.82);
}

#footer a,
.footer-container a {
  color: #fff;
}

#footer a:hover,
.footer-container a:hover {
  color: var(--phila-color-secondary);
}

#footer .block_newsletter,
#footer .links,
#footer .contact-rich,
#footer .block-social {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}








@media (max-width: 991.98px) {
  #header {
    backdrop-filter: none;
    position: relative;
  }

  #header .logo,
  #header .logo img {
    max-height: 62px;
  }

  .main-menu .pos-menu-horizontal .menu-content {
    justify-content: flex-start;
  }

  .product-miniature,
  .js-product-miniature,
  .card,
  #content-wrapper {
    box-shadow: 0 12px 30px rgba(30, 27, 34, 0.06);
  }
}

@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.6rem;
  }

  .btn,
  button,
  input[type="submit"],
  input[type="button"] {
    width: 100%;
  }

  .page-home .products,
  .featured-products,
  .product-accessories,
  .category-products {
    margin-top: 1.25rem;
  }
}