/*
 Theme Name: Avada Child
 Template: Avada
 Version: 1.0.0
*/
////////////////////////////////////
//Base/global
////////////////////////////////////
/* =========================
   Difuminar esquinas foto en el hero
========================= */
.hero-foto {
  position: relative;
}

.hero-foto .fusion-column-wrapper,
.hero-foto .fusion-builder-column-element {
  position: relative !important;
}

.hero-foto .fusion-imageframe,
.hero-foto .fusion-image-wrapper,
.hero-foto img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.hero-foto .fusion-column-wrapper::after,
.hero-foto .fusion-builder-column-element::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 20 !important;
  background:
    radial-gradient(circle at top right,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.22) 14%,
      rgba(255,255,255,0) 30%),
    linear-gradient(to left,
      rgba(255,255,255,0.42) 0%,
      rgba(255,255,255,0.16) 12%,
      rgba(255,255,255,0.05) 22%,
      rgba(255,255,255,0) 34%) !important;
}


////////////////////////////////////
Pagina product
////////////////////////////////////



========================= */
Precio y add to cart en la misma linia
========================= */
/* Separación entre elementos del carrito */
.fusion-woo-cart-1 .fusion-button-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

/* Tamaño del botón */
.fusion-woo-cart-1 .single_add_to_cart_button {
    font-size: 16px !important;
}

/* Tamaño del precio */
.fusion-woo-cart-1 .price,
.fusion-woo-cart-1 .price .amount,
.fusion-woo-cart-1 .price bdi {
    font-size: 24px !important;
}

/* Tamaño del selector de cantidad */
.fusion-woo-cart-1 .quantity .qty,
.fusion-woo-cart-1 .quantity .minus,
.fusion-woo-cart-1 .quantity .plus {
    font-size: 16px !important;
}

/* Contenedor principal */
.fusion-woo-cart-1 .fusion-button-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 20px !important;
}

/* Botón "إضافة إلى السلة" - primero a la izquierda */
.fusion-woo-cart-1 .single_add_to_cart_button {
    order: 1 !important;
}

/* Selector de cantidad "- 1 +" - segundo */
.fusion-woo-cart-1 .quantity {
    order: 2 !important;
}

/* Precio - tercero (a la derecha) */
.fusion-woo-cart-1 .price {
    order: 3 !important;
    margin-left: auto !important;
}

/* Eliminar márgenes que puedan interferir */
.fusion-woo-cart-1 .quantity {
    margin: 0 !important;
}

/* Botón */
.fusion-woo-cart-1 .single_add_to_cart_button {
    font-family: 'Alexandria', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #c40000 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
}

/* Precio */
.fusion-woo-cart-1 .price,
.fusion-woo-cart-1 .price .amount,
.fusion-woo-cart-1 .price bdi {
    font-family: 'Alexandria', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #c40000 !important;
}

/* Moneda EGP */
.fusion-woo-cart-1 .price .woocommerce-Price-currencySymbol {
    font-family: 'Alexandria', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* Ocultar el selector de cantidad en productos simples */
.fusion-woo-cart-1 .quantity {
    display: none !important;
}

/* También ocultar en productos variables por si acaso */
.variations_form .quantity {
    display: none !important;
}



/* =========================
   SINGLE PRODUCT TITLE
========================= */


* =========================
   SHORT DESCRIPTION
========================= */

/* ============================================= */
/* ESTILOS PARA DESCRIPCIONES EXTRA DE PRODUCTOS */
/* ============================================= */
.descripciones-extras-wrapper {
    margin: 30px 0;
    width: 100%;
}

.descripcion-extra-box {
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 8px;
    border-left: 0px solid;
}

.descripcion-extra-box h3.descripcion-extra-titulo {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.descripcion-extra-box p:last-child {
    margin-bottom: 0;
}

/* Color verde para descripción 1 */
.descripcion-extra-1 {
/    border-left-color: #65bc7b;
    background: #f0faf3;
}

/* Color azul para descripción 2 */
/.descripcion-extra-2 {
/   border-left-color: #3498db;
/    background: #eef6fc;
/}

/* Color naranja para descripción 3 */
/.descripcion-extra-3 {
/    border-left-color: #e67e22;
/    background: #fef7f0;
/}

/* Compactar todo el cuadro verde */
.descripcion-extra-box.descripcion-extra-1 {
    padding: 12px 15px !important;   /* Reduce el relleno interno del cuadro */
}

/* Compactar cada línea de texto */
.descripcion-extra-box.descripcion-extra-1 .prod-mini-info {
    font-size: 13px !important;      /* Reduce tamaño de letra */
    margin-bottom: 6px !important;   /* Reduce espacio entre líneas */
    line-height: 1.3 !important;     /* Reduce altura de línea */
}

/* Eliminar margen del último párrafo para que quede más limpio */
.descripcion-extra-box.descripcion-extra-1 .prod-mini-info:last-child {
    margin-bottom: 0 !important;
}

/* =========================
   LONG DESCRIPTION
========================= */



////////////////////////////////////
Tabs/accordion
////////////////////////////////////

/* ============================================= */
/* TABS PERSONALIZADOS                          */
/* ============================================= */

.misrlab-tabs {    
    width: 100%;
    margin-top: 40px !important;
    
}

/* Botones de pestañas */
.misrlab-tab-buttons {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    border-top: 1px solid #dbe7f0;
    border-bottom: 1px solid #dbe7f0;
    border-radius: 8px 8px 0 0;
}

.misrlab-tab-btn {
    background: transparent;
    border: none;
    padding: 14px 24px;
    font-size: inherit;
    font-weight: 600;
    color: #163a59;
    cursor: pointer;
    transition: all 0.0s ease;
    font-family: inherit;
    text-align: center;
    flex: 1;
    }

@media (max-width: 768px) {
    .misrlab-tab-btn {
        padding: 10px 12px;
        font-size: inherit;  /* También hereda en móvil */
    }
}

.misrlab-tab-btn:hover {
    color: #0b3c5d;
    border-bottom: 2px solid #ff0000;
}

.misrlab-tab-btn.active {
    background: #ffffff;
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
    margin-bottom: 0px;
}

/* Contenido */
.misrlab-tab-contents {
    background: transparent;
    padding: 25px 0 15px;
}

.misrlab-tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.misrlab-tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Estilos del contenido (heredan de body automáticamente) */
.misrlab-tab-content p {
    margin-bottom: 14px;
}

.misrlab-tab-content ul {
    margin: 10px 25px 15px 0;
    padding-right: 20px;
    list-style-type: disc;
}

.misrlab-tab-content li {
    margin-bottom: 8px;
}

.misrlab-tab-content strong {
    color: #ff0000;
    font-weight: 700;
}

/* Responsive */
@media (max-width: 768px) {
    .misrlab-tab-btn {
        padding: 10px 12px;
        font-size: 13px;
    }
}
/* ============================================= */
/* ALTURA IGUAL           */
/* ============================================= */

/* Contenedor de tabs - altura flexible */
.misrlab-tabs {
    width: 100%;
    margin: 30px 0 20px;
}

/* Contenedor del contenido - misma altura para todos */
.misrlab-tab-contents {
    background: transparent;
    padding: 25px 0 15px;
    min-height: 350px;  /* ← Altura mínima fija (ajústala según necesidad) */
}

/* Cada contenido tendrá la misma altura */
.misrlab-tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
    min-height: 350px;  /* ← Altura mínima fija */
}

.misrlab-tab-content.active {
    display: block;
}
////////////////////////////////////
Header/mega menú
////////////////////////////////////




////////////////////////////////////
Footer
////////////////////////////////////
/* =========================
   FOOTER LINKS
========================= */

.footer-inline-links {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
}

.footer-inline-links span {
  color: #ffffff;
}

.footer-inline-links a {
  color: #ffffff;
  text-decoration: none;
  transition: color .2s ease;
}

.footer-inline-links a:hover {
  color: var(--awb-color4, #d54e21) !important;
}

@media (max-width: 900px) {
  .footer-inline-links {
    flex-wrap: wrap;
    white-space: normal;
    row-gap: 6px;
  }
}




////////////////////////////////////
Product grid
////////////////////////////////////

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: right;
  background: #fff;
  border: 1px solid #ececec;
  padding-bottom: 14px;
  box-sizing: border-box;
}

.woocommerce ul.products li.product .product-images img,
.woocommerce-page ul.products li.product .product-images img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  margin-bottom: 14px !important;
}

.woocommerce ul.products li.product .fusion-product-content,
.woocommerce-page ul.products li.product .fusion-product-content {
  padding: 0 !important;
}

.woocommerce ul.products li.product .fusion-product-content .product-title,
.woocommerce-page ul.products li.product .fusion-product-content .product-title {
  display: block !important;
  margin: 0 14px 8px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-align: right !important;
  min-height: 90px !important;
}

.woocommerce ul.products li.product .fusion-product-content .product-title a,
.woocommerce-page ul.products li.product .fusion-product-content .product-title a {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product .fusion-product-content .fusion-price-rating,
.woocommerce-page ul.products li.product .fusion-product-content .fusion-price-rating {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product .fusion-product-content .fusion-price-rating .price,
.woocommerce-page ul.products li.product .fusion-product-content .fusion-price-rating .price {
  display: block !important;
  margin: 0 14px 10px !important;
  text-align: right !important;
  color: #c94747 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.woocommerce ul.products li.product .product-buttons,
.woocommerce-page ul.products li.product .product-buttons {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product .product-buttons .fusion-content-sep,
.woocommerce-page ul.products li.product .product-buttons .fusion-content-sep {
  margin: 0 14px 12px !important;
}

.woocommerce ul.products li.product .product-buttons-container,
.woocommerce-page ul.products li.product .product-buttons-container {
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  margin: 0 14px !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.woocommerce ul.products li.product .product-buttons-container a.fusion-quick-view,
.woocommerce-page ul.products li.product .product-buttons-container a.fusion-quick-view {
  display: none !important;
}

.woocommerce ul.products li.product .product-buttons-container a,
.woocommerce-page ul.products li.product .product-buttons-container a {
  float: none !important;
  clear: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product .product-buttons-container a.add_to_cart_button,
.woocommerce ul.products li.product .product-buttons-container a.show_details_button,
.woocommerce-page ul.products li.product .product-buttons-container a.add_to_cart_button,
.woocommerce-page ul.products li.product .product-buttons-container a.show_details_button {
  flex: 1 1 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.woocommerce ul.products li.product .product-buttons-container a.add_to_cart_button,
.woocommerce-page ul.products li.product .product-buttons-container a.add_to_cart_button {
  background: #4db7b0 !important;
  color: #fff !important;
}

.woocommerce ul.products li.product .product-buttons-container a.show_details_button,
.woocommerce-page ul.products li.product .product-buttons-container a.show_details_button {
  background: #233f78 !important;
  color: #fff !important;
}

.woocommerce ul.products li.product .product-buttons-container a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product .product-buttons-container a.add_to_cart_button:hover {
  background: #3aa39c !important;
  color: #fff !important;
}

.woocommerce ul.products li.product .product-buttons-container a.show_details_button:hover,
.woocommerce-page ul.products li.product .product-buttons-container a.show_details_button:hover {
  background: #1b315f !important;
  color: #fff !important;
}

.woocommerce ul.products li.product .product-buttons-container a::before,
.woocommerce ul.products li.product .product-buttons-container a::after,
.woocommerce-page ul.products li.product .product-buttons-container a::before,
.woocommerce-page ul.products li.product .product-buttons-container a::after,
.woocommerce ul.products li.product .product-buttons-container a i,
.woocommerce ul.products li.product .product-buttons-container a svg,
.woocommerce-page ul.products li.product .product-buttons-container a i,
.woocommerce-page ul.products li.product .product-buttons-container a svg {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product .product-buttons-container a.show_details_button,
.woocommerce-page ul.products li.product .product-buttons-container a.show_details_button {
  font-size: 0 !important;
}

.woocommerce ul.products li.product .product-buttons-container a.show_details_button::after,
.woocommerce-page ul.products li.product .product-buttons-container a.show_details_button::after {
  content: "مزيد من التفاصيل" !important;
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product .fusion-product-content .product-title,
  .woocommerce-page ul.products li.product .fusion-product-content .product-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    min-height: auto !important;
  }

  .woocommerce ul.products li.product .fusion-product-content .fusion-price-rating .price,
  .woocommerce-page ul.products li.product .fusion-product-content .fusion-price-rating .price {
    font-size: 16px !important;
  }

  .woocommerce ul.products li.product .product-buttons-container,
  .woocommerce-page ul.products li.product .product-buttons-container {
    gap: 8px !important;
  }

  .woocommerce ul.products li.product .product-buttons-container a.add_to_cart_button,
  .woocommerce ul.products li.product .product-buttons-container a.show_details_button,
  .woocommerce-page ul.products li.product .product-buttons-container a.add_to_cart_button,
  .woocommerce-page ul.products li.product .product-buttons-container a.show_details_button {
    min-height: 44px !important;
    padding: 10px 8px !important;
    font-size: 13px !important;
  }

  .woocommerce ul.products li.product .product-buttons-container a.show_details_button::after,
  .woocommerce-page ul.products li.product .product-buttons-container a.show_details_button::after {
    font-size: 13px !important;
  }
}
/* ============================================= */
/* FAQ PRODUCTO estilo home */
/* usar junto a: .descripcion-extra-box.descripcion-extra-3.faq-home-look */
/* ============================================= */

.descripcion-extra-box.descripcion-extra-3.faq-home-look {
    direction: rtl;
    text-align: right;
    margin-bottom: 0px;
    padding:0px;
    border-radius: 8px;
    background: transparent;
}

.descripcion-extra-box.descripcion-extra-3.faq-home-look > h2 {
    
    margin: 0 0 37.4px;
}

.descripcion-extra-box.descripcion-extra-3.faq-home-look .faq-intro {
    margin: 0 0 18px;
    color: #434549;
    font-family: 'Alexandria', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    text-align: right;
}

.faq-home-look .prod-accordion {
    margin-bottom: 0 !important;
}

/* espacio exacto de 10px entre items */
.faq-home-look .prod-accordion details {
    background: #f3f8fb;
    margin: 0 0 10px;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
}

.faq-home-look .prod-accordion details:last-child {
    margin-bottom: 0!important;
}

/* pregunta */
.faq-home-look .prod-accordion summary {
    position: relative;
    display: block;
    cursor: pointer;
    list-style: none;
    padding: 14px 24px 14px 90px;
    min-height: 78px;
    background: #f3f8fb;
    color: #00355e;
    font-family: 'Alexandria', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45;
    text-align: right;
}

.faq-home-look .prod-accordion summary::-webkit-details-marker {
    display: none;
}

.faq-home-look .prod-accordion summary::marker {
    display: none;
    content: "";
}

/* icono menos */
.faq-home-look .prod-accordion summary::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 50%;
    width: 30px;
    height: 4px;
    background: rgb(67, 69, 73);
    transform: translateY(-50%);
    border-radius: 3px;
}

/* icono más */
.faq-home-look .prod-accordion summary::after {
    content: "";
    position: absolute;
    left: 35px;
    top: 50%;
    width: 4px;
    height: 30px;
    background: rgb(67, 69, 73);
    transform: translateY(-50%);
    border-radius: 3px;
}

/* abierto = solo menos */
.faq-home-look .prod-accordion details[open] summary::after {
    opacity: 0;
}

/* respuesta */
.faq-home-look .prod-accordion .content {
    background: #f3f8fb;
    padding: 10px 24px 20px 90px;
    color: #434549;
    font-family: 'Alexandria', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.9;
    text-align: right;
}

.faq-home-look .prod-accordion .content p:last-child {
    margin-bottom: 0;
}

.faq-home-look .prod-accordion .content strong {
    font-weight: 700;
    color: inherit;
}

/* móvil */
@media (max-width: 768px) {
    .descripcion-extra-box.descripcion-extra-3.faq-home-look {
        margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    }

    .descripcion-extra-box.descripcion-extra-3.faq-home-look > h2 {
        font-size: 32px;
        margin-bottom: 14px;
    }

    .descripcion-extra-box.descripcion-extra-3.faq-home-look .faq-intro {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .faq-home-look .prod-accordion summary {
        font-size: 20px;
        padding: 12px 16px 12px 68px;
        min-height: 64px;
    }

    .faq-home-look .prod-accordion summary::before {
        left: 16px;
        width: 24px;
        height: 3px;
    }

    .faq-home-look .prod-accordion summary::after {
        left: 26.5px;
        width: 3px;
        height: 24px;
    }

    .faq-home-look .prod-accordion .content {
        font-size: 16px;
        padding: 10px 16px 16px 68px;
    }
}

/* ==============================================
   TABLA COMPARATIVA ETS (MisrLab)
   Estilo profesional, RTL, responsive
   ============================================== */
/* top-desc base */
.sti-packages-comparison {
  direction: rtl;
}

.top-desc__intro,
.top-desc__note {
  width: 100%;
  text-align: right;
  line-height: 1.9;
}

.top-desc__intro {
  color: #333;
  font-size: 18px;
  margin-bottom: 22px;
}

.top-desc__note {
  color: #666;
  font-size: 16px;
  margin-bottom: 30px;
}

/* contenedor de la tabla con scroll horizontal en desktop/tablet */
.top-desc__table-wrap {
  margin: 25px 0 35px;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.top-desc__table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  font-size: 17px;
  text-align: center;
  background: #fff;
}

.top-desc__table th,
.top-desc__table td {
  border: 1px solid #e3e7eb;
  padding: 14px;
  vertical-align: middle;
}

.top-desc__table thead th {
  background: #0b3c5d;
  color: #fff;
  border-color: #d9e2ea;
  font-weight: 700;
}

.top-desc__table thead th:first-child,
.top-desc__table tbody td:first-child {
  text-align: right;
}

.top-desc__table thead th:first-child {
  min-width: 260px;
}

.top-desc__table tbody tr:nth-child(odd) {
  background: #f8fafc;
}

/* pills (✓ / ✕) */
.nipt-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.nipt-pill--yes {
  background: #e8f7ee;
  color: #17803d;
}

.nipt-pill--no {
  background: #fdecec;
  color: #c0392b;
}

/* tablet */
@media (max-width: 991px) {
  .top-desc__intro {
    font-size: 16px;
  }

  .top-desc__table {
    font-size: 15px;
    min-width: 760px;
  }

  .top-desc__table th,
  .top-desc__table td {
    padding: 12px;
  }
}

/* mobile stacked cards */
@media (max-width: 767px) {
  .top-desc__table-wrap {
    overflow: visible;
  }

  .top-desc__table,
  .top-desc__table thead,
  .top-desc__table tbody,
  .top-desc__table th,
  .top-desc__table td,
  .top-desc__table tr {
    display: block;
    width: 100%;
  }

  .top-desc__table {
    min-width: 100%;
    border: 0;
    background: transparent;
    font-size: 15px;
  }

  .top-desc__table thead {
    display: none;
  }

  .top-desc__table tbody tr {
    background: #fff !important;
    border: 1px solid #e3e7eb;
    border-radius: 14px;
    margin-bottom: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(11, 60, 93, 0.06);
  }

  .top-desc__table tbody td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: right !important;
    padding: 12px 14px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #eef2f6;
  }

  .top-desc__table tbody td:last-child {
    border-bottom: 0;
  }

  .top-desc__table tbody td::before {
    content: attr(data-label);
    flex: 0 0 42%;
    font-weight: 700;
    color: #0b3c5d;
    text-align: right;
  }

  .top-desc__table tbody td:first-child {
    background: #f8fafc;
    font-weight: 700;
  }

  .top-desc__table tbody td:first-child::before {
    color: #0b3c5d;
  }

  .nipt-pill {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
}