/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/***** Mobile style ******/

@media (max-width: 569px) {
  .menu-container .logo-container {
  padding: 27px 18px !important;
  }
  .mobile-menu-button {
  padding: 0 18px;
  }
  .mobile-additional-icons {
  right: 60px;
  }
  .top-menu.top-menu-enhanced .row-menu-inner {
      padding-block: 9px;
  }
  .top-menu.top-menu-enhanced .row-menu-inner .topbar-col.topbar-col-center {
      justify-content: start;
  }
  .top-menu.top-menu-enhanced .row-menu-inner .menu-bloginfo {
      padding-left: 0 !important;
  }
  .top-menu-enhanced .menu-mini.menu-smart, .top-menu-enhanced .menu-mini.unmenu-block {
      padding-right: 0;
  }
  .main-container .row-container .row-parent {
  padding-left: 18px;
  padding-right: 18px;
  }
  .main-container .row-container .single-h-padding {
  padding-left: 18px;
  padding-right: 18px;
  }
  .main-container .row-container .double-h-padding {
      padding-left: 18px;
      padding-right: 18px;
  }
  .main-container .site-footer .row-container.footer-last {
      padding-block: 0;
  }
  .main-container .site-footer .row-container.footer-last .row-parent {
      padding: 0 18px;
  }
  }


/***** Products cards style ******/
.agria_products .tmb {
    box-shadow: 0 12px 32px -12px #1b202924;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s cubic-bezier(.22, 1, .36, 1);
}
.agria_products .tmb:hover {
    transform: translateY(-4px);
}
.agria_products .tmb a.tmb-term-evidence {
    color: #1B2037 !important;
    font-size: .68rem !important;
    padding-inline: calc(.25rem * 2.5);
    padding-block: .25rem;
    border-radius: 10px;
}
.btn:not(.btn-padding-y).agria_products-btn {
    padding-inline: calc(.25rem * 3) !important;
    padding-block: calc(.25rem * 2.5) !important;
    width: 100%;
}
.btn:not(.btn-padding-y).agria_products-btn:hover {
    color: #fdf9fa;
    background-color: #1a3a25;
}
.agria_products .tmb > .t-inside hr {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-color: #e8e1e3;
}
.agria_products .grid-filters ul.menu-smart > li > span {
    display: block;
    padding: 0px 2px 36px 2px;
}
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link), .grid-filters .mobile-toggle-trigger:not(.social-menu-link) {
    padding: 8px 16px;
    border: 1px solid;
    border-color: #e8e1e3;
    border-radius: 2147483647px;
    background-color: #fff;
    color: #1b2029;
}
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link):hover {
    color: #1b2029 !important;
    border-color: #8eb839;
}
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link).active {
    background-color: #1a3a25;
    color: #fdf9fa;
}
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link).active:focus, .grid-filters ul.menu-smart a:not(.social-menu-link).active:hover {
    background-color: #1a3a25;
    color: #fdf9fa !important;
}
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link).active:hover {
    color: #fdf9fa;
}
.agria_products .grid-wrapper.grid-inner-padding.cssgrid-half-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 569px) {
.agria_products .grid-filters ul.menu-smart a:not(.social-menu-link), .grid-filters .mobile-toggle-trigger:not(.social-menu-link) {
    width: 100%;
}
.agria_products .grid-filters ul.menu-smart {
    text-align: left;
}
.agria_products .grid-filters ul.menu-smart li {
    gap: 20px;
}
}
/***** End Products cards style ******/


table.spec-table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin: 0;
  }
  
  table.spec-table tr {
    border-bottom: 1px solid #e5e7eb;
  }
  
  table.spec-table td {
    padding: 12px 10px;
    vertical-align: middle;
    border: none;
  }
  
  table.spec-table td.spec-label {
    color: #6b7280;
    font-size: 14px;
    width: 35%;
  }
  
  table.spec-table td.spec-value {
    color: #111827;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    width: 15%;
    padding-right: 25px;
  }
  
@media (max-width: 768px) {
  table.spec-table, table.spec-table tbody, table.spec-table tr, table.spec-table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  table.spec-table tr { padding: 8px 0; }
  table.spec-table td { padding: 4px 0; }
  table.spec-table td.spec-value { text-align: left; padding-bottom: 8px; }
}
.tab-scrolling .vc_tta-tabs-container {
  background-color: #1a3a25;
}
.tab-container {
    box-shadow: 0 12px 32px -12px oklch(24.3% .019 264 / .14);
}
.tab-content.wpb_wrapper {
    border-radius: 0 0 16px 16px;
    padding: 0 36px 36px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #eaeaea;
    background-color: #fff;
}
.vc_tta-tabs-container {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 16px 16px 0 0;
    padding: 6px;
}
.vc_tta-tab.active {
    background-color: #8eb839;
    border-radius: 126px;
}
.nav-tabs > li.active > a {
    border-bottom: 0;
    color: #ffffff !important;
    font-weight: 600;
}
.nav-tabs > li > a:not(.has-padding) {
    padding: 12px 0;
}
.style-light .nav-tabs > li > a {
  color: #ffffff;
}

/* Container global de la pilule */
#menu-language-switcher-fr,
#menu-language-switcher-en,
#menu-language-switcher-ar {
  padding: 3px !important;
  height: auto;
}
.navbar-cta {
  vertical-align: middle !important;
}
.menu-cta-inner {
  display: inline-flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 50px !important;
  padding: 3px !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Éléments de liste */
.menu-cta-inner li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Liens des langues */
.menu-cta-inner li a,
.menu-cta-inner li span {
  display: block !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #5a6578 !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  transition: all 0.2s ease-in-out !important;
  line-height: 1 !important;
}

/* Effet au survol des langues inactives */
.menu-cta-inner li a:hover {
  color: #1a331e !important;
}

/* Langue active (Pilule sombre) */
.menu-cta-inner li.current-lang a,
.menu-cta-inner li.current-lang span {
  background-color: #195741 !important; /* Couleur verte Uncode de votre bouton */
  color: #ffffff !important;
}


/* Container du bloc Mode d'emploi & Dosage */
.dosage-tab-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  font-family: inherit;
}

/* Encadré Recommandations */
.dosage-recommendation {
  background-color: #F4F8EC;
  border: 1px solid rgba(142, 184, 57, 0.4);
  border-radius: 18px;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.dosage-recommendation-icon {
  font-size: 1.25rem;
  color: #1C3B2B;
  font-weight: bold;
  line-height: 1;
}

.dosage-recommendation-title {
  font-weight: 700;
  color: #1C3B2B;
  margin-bottom: 0.25rem;
  font-size: 1rem;
}

.dosage-recommendation-text {
  color: #334155;
  font-size: 0.925rem;
  margin: 0;
  line-height: 1.5;
}

/* Grille des cartes */
.dosage-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px) {
  .dosage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Cartes individuelles */
.dosage-card {
  background-color: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  padding: 1.25rem 1.5rem;
  transition: border-color 0.2s ease;
}

.dosage-card:hover {
  border-color: #CBD5E1;
}

.dosage-card-title {
  font-weight: 700;
  color: #1C3B2B;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}

.dosage-card-value {
  color: #475569;
  font-size: 0.925rem;
  margin: 0;
  line-height: 1.4;
}