/* 
Theme Name: Simpy Blueprint Child
Theme URI: https://simphony.com.co/simpy-ecommerce
Description: Tema hijo para Simpy Ecommerces
Author: Simphony Team
Author URI: https://simphony.com.co
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


#wpadminbar{
	box-shadow:none!important;
}

#adminmenu div.wp-menu-name{
	font-size:16px!important;
}

/* Botón del loop con nuestra clase */
.woocommerce ul.products li.product a.button.corama-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;                     /* separación entre texto e icono */
  padding: 5px 15px;
  border-radius: 9999px;         /* píldora */
  background: #000;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}

/* Icono: círculo negro con flecha blanca apuntando a la derecha */
.woocommerce ul.products li.product a.button.corama-cta::after {
  content: '';
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  background: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">\
<circle cx="18" cy="18" r="18" fill="%23000000"/>\
<path d="M14 10l8 8-8 8" stroke="%23ffffff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>\
</svg>') no-repeat center/contain;
}

/* Hover / Active */
.woocommerce ul.products li.product a.button.corama-cta:hover {
  background: #111;              /* leve lift */
  transform: translateY(-1px);
}
.woocommerce ul.products li.product a.button.corama-cta:active {
  transform: translateY(0);
}

/* Asegurar que no lo sobreescriba el widget grid de Elementor */
.elementor-products-grid ul.products li.product a.button.corama-cta {
  float: none;
  text-align: center;
}


/* Scope sólo al widget con clase loop-shop */
.loop-shop ul.products li.product {
  position: relative;
}

.loop-shop ul.products li.product .corama-loop-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #E21C79;                 /* magenta CORAMA */
  color: #fff;
  border-radius: 8px;
  margin-top: 12px;
}

/* Precio a la izquierda */
.loop-shop ul.products li.product .corama-loop-cta .price {
  margin: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
	display:none;
}
/* Botón del loop (en el widget con clase loop-shop) */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;   /* nombre a la izq, precio a la dcha, icono al final */
  gap: 12px;
  background: #E21C79 !important;   /* magenta CORAMA */
  color: #fff !important;
  border: 0;
  border-radius: 16px;
  padding: 16px 18px;
  text-decoration: none !important;
  line-height: 1.2;
  transition: transform .15s ease, opacity .15s ease;
}

/* Contenido interno del botón */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add .btn-content {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

/* Nombre del producto */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add .prod-name {
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff !important;
  flex: 1 1 auto;                  /* ocupa el espacio a la izquierda */
  min-width: 0;                    /* para cortar texto largo */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Precio dentro del botón (blanco forzado) */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add .prod-price,
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add .prod-price *,
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add .prod-price bdi {
  color: #fff !important;
  font-weight: 800;
}

/* Ícono “+” en cajita blanca – pseudo elemento a la derecha */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add::after {
  content: '+';
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 12px;
  background: #fff;
  color: #E21C79;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 900;
  margin-left: 8px;
}

/* Hover/active */
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add:hover {
  opacity: .95;
  transform: translateY(-1px);
}
.loop-shop ul.products li.product a.add_to_cart_button.corama-loop-add:active {
  transform: translateY(0);
}

/* Oculta el precio fuera del botón (si quedara en DOM) */
.loop-shop ul.products li.product .price { display: none !important; }



.corama-related-list {
  display: grid;
  gap: 28px;
}

.corl, .crl-item { /* alias por si lo prefieres */
}

/* Fila */
.corama-related-list .crl-item {
  display: grid;
  grid-template-columns: 80px 1fr 64px;
  align-items: center;
  gap: 16px;
}

/* Imagen */
.corama-related-list .crl-media img {
  width: 64px;
  height: auto;
  display: block;
}

/* Info */
.corama-related-list .crl-info .crl-cat {
  display: inline-block;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
}
.corama-related-list .crl-info .crl-title {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #262626;
  text-decoration: none;
}
.corama-related-list .crl-info .crl-title:hover {
  text-decoration: underline;
}

/* Botón circular "+" */
.corama-related-list .crl-plus {
  width: 35px;
  height: 35px;
  border-radius: 9999px;
  background: #E21C79;           /* Magenta CORAMA */
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 28px;
  text-decoration: none !important;
  transition: transform .15s ease, opacity .15s ease;
}
.corama-related-list .crl-plus:hover {
  transform: translateY(-1px);
  opacity: .95;
}
.corama-related-list .crl-plus-icon { line-height: 0; }

/* Responsive ejemplo */
@media (max-width: 640px){
  .corama-related-list .crl-item{
    grid-template-columns: 64px 1fr 52px;
    gap: 12px;
  }
  .corama-related-list .crl-plus { width: 52px; height: 52px; font-size: 24px; }
}


.corama-quote-btn{
    list-style:none; appearance:none; -webkit-appearance:none; border:0; outline:0; cursor:pointer;
    background:#D23474; color:#fff; font-weight:800; font-size:22px; padding:18px 40px; border-radius:64px;
    display:inline-flex; align-items:center; justify-content:center; transition:transform .15s ease, opacity .15s ease; user-select:none;
  }
  .corama-quote-btn:hover{ transform:translateY(-1px); opacity:.96; }
  .corama-quote > summary::-webkit-details-marker{ display:none; }
  .corama-quote-panel{
    margin-top:14px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.06);
  }
  .corama-quote-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
  .corama-quote-row label span{ display:block; font-size:12px; color:#64748b; margin-bottom:6px; }
  .corama-quote-row input{ width:100%; border:1px solid #e5e7eb; border-radius:10px; padding:11px 12px; font-size:15px; }
  .corama-quote-send{ background:#22c55e; color:#fff; border:0; border-radius:12px; padding:12px 14px; font-weight:800; cursor:pointer; }
  .corama-quote-foot{ font-size:12px; color:#64748b; margin-top:8px; }
  @media (max-width:640px){ .corama-quote-row{ grid-template-columns:1fr; } }