/* =========================================
   Amer Shared Buttons (Unified)
   Applies to all widgets: .pc / .amer-pc
   ========================================= */

:where(.pc, .amer-pc){
  --primary:#3b82f6;
  --primary-hover:#2563eb;
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt){
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  border:1.5px solid var(--primary);
  background:var(--primary);
  color:#fff;
  text-decoration:none;
  font:800 0.95rem/1 Tajawal, system-ui, sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  text-align:center;
  cursor:pointer;
  transition: background .2s ease, color .2s ease, transform .12s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow:0 8px 22px rgba(59,130,246,.18);
  position:relative;
  overflow:hidden;
  touch-action:manipulation;
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt):hover{
  background:var(--primary-hover);
  border-color:var(--primary-hover);
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(37,99,235,.25);
  color:#eeeeee;
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt):active{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(37,99,235,.22);
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt):focus-visible{
  outline:3px solid rgba(59,130,246,.45);
  outline-offset:3px;
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt)::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform:translateX(-120%);
  transition:transform .6s ease;
  pointer-events:none;
}
:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt):hover::before{
  transform:translateX(120%);
}

:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt)::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  background:rgba(255,255,255,.45);
  border-radius:999px;
  transform:translate(-50%,-50%) scale(0);
  opacity:0;
  pointer-events:none;
}
:where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt):active::after{
  animation: amer-ripple .55s ease-out;
}

@keyframes amer-ripple{
  0%   { transform:translate(-50%,-50%) scale(.2);  opacity:.45; }
  70%  { transform:translate(-50%,-50%) scale(18);  opacity:.20; }
  100% { transform:translate(-50%,-50%) scale(22);  opacity:0; }
}

:where(.pc, .amer-pc) button.single_add_to_cart_button.button.alt:disabled,
:where(.pc, .amer-pc) button.single_add_to_cart_button.button.alt.disabled{
  background:#a5b4fc;
  border-color:#a5b4fc;
  color:#f5f5f5;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
  opacity:.85;
}

@media (prefers-reduced-motion: reduce){
  :where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt){
    transition:none !important;
  }
  :where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt)::before,
  :where(.pc, .amer-pc) :is(.pc-btn, .single_add_to_cart_button.button.alt)::after{
    transition:none !important;
    animation:none !important;
  }
}