/*
Theme Name: Radioshop
Theme URI: https://www.radioshop.fr/
Template: hello-elementor
Author: AUDA
Author URI: https://auda-design.com/
Version: 1.0.0.1768998531
Updated: 2026-01-21 12:28:51

*/

/* ===================================
   DIVERS
   =================================== */

span.tonique {
  color: #42ceff;
}

span.tonique-bis {
  color: #0089cf;
}

.cliquer-video {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.lines-controler div {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.validation-text {
  font-size: 11px;
  line-height: 14px;
  display: block;
}

/* ===================================
   BOUTON SECONDAIRE (Outline - fond blanc)
   Par défaut, sans .elementor-button-info
   =================================== */
.elementor-widget-button .elementor-button {
  white-space: nowrap;
}

.elementor-widget-button:not(.elementor-button-info) .elementor-button {
  background: #ffffff;
  color: #414651;
  border: 1px solid #d5d7da;
  box-shadow:
    0px 1px 1px rgba(10, 13, 18, 0.05),
    inset 0px 0px 0px 1px rgba(10, 13, 18, 0.18),
    inset 0px -1px 0px rgba(10, 13, 18, 0.05);
}

.elementor-widget-button:not(.elementor-button-info) .elementor-button:hover {
  background: #f5f5f5;
  border-color: #b0b3b8;
}

/* Icône bouton secondaire */
.elementor-widget-button:not(.elementor-button-info)
  .elementor-button-icon
  svg
  path {
  stroke: #a4a7ae;
}

/* ===================================
   BOUTON PRIMAIRE (Fond bleu)
   Avec .elementor-button-info
   =================================== */
.elementor-widget-button.elementor-button-info .elementor-button {
  background-color: #0089cf !important;
  color: #ffffff;
  border: none;
  box-shadow:
    0px 1px 2px rgba(10, 13, 18, 0.05),
    inset 0px 0px 0px 1px rgba(10, 13, 18, 0.18),
    inset 0px -2px 0px rgba(10, 13, 18, 0.05);
}

.elementor-widget-button.elementor-button-info .elementor-button:hover {
  background: #007ab8 !important;
}

/* Icône bouton primaire (si ajoutée) */
.elementor-widget-button.elementor-button-info .elementor-button-icon svg path {
  stroke: #ffffff;
}

/* ===================================
   ÉTATS FOCUS (accessibilité)
   =================================== */
.elementor-widget-button .elementor-button:focus,
.elementor-widget-button .elementor-button:focus-visible {
  outline: 2px solid #0089cf;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .elementor-widget-button .elementor-button {
    font-size: 14px;
  }
}

/* ===================================
   Accordions
   =================================== */
.elementor-widget-n-accordion summary {
  border-bottom: 1px solid #e9eaeb !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===================================
   Nice li dot
   =================================== */
.niceliste li,
.wp-block-list li {
  position: relative;
  list-style: none;
  padding-left: 25px;
}

.niceliste li::before,
.wp-block-list li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #0066b3;
  border-radius: 50%;
  z-index: 2;
  top: 8px;
  left: 5px;
}

.niceliste li::after,
.wp-block-list li::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #0066b3;
  border-radius: 50%;
  z-index: 1;
  top: 4px;
  left: 1px;
  opacity: 0.15;
}

/* ===================================
   Article Blog
   =================================== */
.post-template-default .wp-block-media-text {
  gap: 32px;
}
.post-template-default .wp-block-media-text__content {
  padding: 0 !important;
}
.post-template-default .wp-block-media-text__media img {
  border-radius: 18px;
}
.item-blog-listing img {
  transition: transform 100ms ease;
}
.item-blog-listing:hover img {
  transform: rotate(-1deg) scale(1.015);
  filter: grayscale(80%);
}
.item-blog-listing .jet-listing-dynamic-field__content {
  transition: color 100ms ease;
}
.item-blog-listing:hover .jet-listing-dynamic-field__content {
  color: #0089cf !important;
}

.elementor-gallery-item__overlay {
  border-radius: 8px;
}

/* ============================================================
   MEGA MENU — MOBILE
   ============================================================ */
@media (max-width: 1023px) {
  div.e-n-menu-wrapper::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(37, 43, 55, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: -1;
  }

  div.e-n-menu-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 99999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff;
    box-shadow: none !important;
  }

  .mm-mobile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .mm-mobile-header__logo {
    display: block;
    height: 28px;
    width: auto;
  }

  .mm-mobile-header__logo img {
    height: 28px;
    width: auto;
    display: block;
  }

  .mm-mobile-header__close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
  }

  .mm-mobile-header__close:active {
    background: #f0f0f0 !important;
  }

  .mm-mobile-header__close img {
    width: 18px;
    height: 18px;
    display: block;
  }

  ul.e-n-menu-heading {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    gap: 0 !important;
  }

  li.e-n-menu-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0;
  }

  li.e-n-menu-item:last-child {
    border-bottom: none;
  }

  .e-n-menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    cursor: pointer;
    background: transparent;
    border: none;
  }

  .e-n-menu-title-text {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111 !important;
    letter-spacing: -0.01em;
  }

  .e-n-menu-title-container.e-link {
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
  }

  .e-n-menu-dropdown-icon {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    color: #888 !important;
    flex-shrink: 0;
  }

  .e-n-menu-dropdown-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .e-n-menu-content {
    display: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fafafa !important;
  }

  .e-n-menu-dropdown-icon[aria-expanded="true"] ~ .e-n-menu-content,
  .e-n-menu-title:has(.e-n-menu-dropdown-icon[aria-expanded="true"])
    + .e-n-menu-content {
    display: block !important;
  }

  .e-n-menu-content > * {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 12px 12px !important;
    box-shadow: none !important;
    border: none !important;
    background: #fafafa;
  }

  [data-elementor-type="header"] .elementor-section,
  [data-elementor-type="header"] .e-con {
    overflow: visible !important;
    transform: none !important;
    will-change: auto !important;
  }
}