/*
 Theme Name:  Minimog Child - UltraPop (Complete)
 Template:    minimog
 Version:     1.0.4
 Author:      BizOne Agency
 Author URI:  https://bizoneagency.com
 Text Domain: minimog-child-ultrapop
 Description: Child theme for Minimog. Includes template overrides for UltraPop CE Search (AJAX Hybrid).
*/

.cegg-price {
  color: green;
}

.cegg-priceOld {
  color: red;
}

/* ===== Subtle open animation ===== */
.upce-qv-modal{
  opacity:0;
  transform:scale(.985) translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
}
.upce-qv-backdrop.is-open .upce-qv-modal{
  opacity:1;
  transform:none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .upce-qv-modal,
  .upce-qv-backdrop{ transition:none !important; }
}

/* ===== Dark mode (auto) ===== */
@media (prefers-color-scheme: dark){
  .upce-qv-backdrop{ background:rgba(0,0,0,.65); }
  .upce-qv-modal{ background:#121418; color:#e8eaed; box-shadow:0 12px 48px rgba(0,0,0,.6); }
  .upce-qv-title{ color:#f1f3f5; }
  .upce-qv-price{ color:#c6d3ff; }
  .upce-qv-content a{ color:#9ec5ff; }
  .upce-qv-btn{
    background:#171a1f; border-color:#2a2f36; color:#dfe3ea;
  }
  .upce-qv-btn:hover{ border-color:#3a414b; box-shadow:0 1px 8px rgba(0,0,0,.25); }
  .upce-qv-close{ color:#e8eaed; }
}
/* === UltraPop CE Modal — CLOSE button only === */
#ultrapop-ce-modal [data-ultrapop-ce-close]{
  background:#000;           /* black */
  color:#fff;
  border:1px solid #000;
  border-radius:10px;
  padding:8px 12px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}

/* hover/active state (brand green) */
#ultrapop-ce-modal [data-ultrapop-ce-close]:hover,
#ultrapop-ce-modal [data-ultrapop-ce-close]:focus{
  background:#0c6e31;
  border-color:#0c6e31;
  color:#fff;
}

/* keep any icon inside aligned */
#ultrapop-ce-modal [data-ultrapop-ce-close] svg,
#ultrapop-ce-modal [data-ultrapop-ce-close] i{
  vertical-align:middle;
}
/* === Panel + slide animation === */
.ultrapop-ce-modal__dialog{
  position:relative;
  background:#fff;
  border-radius:14px;
  max-width:980px;
  width:min(92vw,980px);
  margin:48px auto;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  transform:translateY(24px);
  opacity:0;
  animation:upce-in .25s ease forwards;
}
.ultrapop-ce-modal.is-closing .ultrapop-ce-modal__dialog{
  animation:upce-out .2s ease forwards;
}
@keyframes upce-in  { to { transform:translateY(0);  opacity:1; } }
@keyframes upce-out { to { transform:translateY(24px); opacity:0; } }

/* Header (spacing only) */
.ultrapop-ce-modal__header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;border-bottom:1px solid #eee;
}
.ultrapop-ce-heading{margin:0;font-weight:800;font-size:28px}

/* Body + empty text */
.ultrapop-ce-modal__body{padding:16px 18px 20px}
#ultrapop-ce-empty{margin:0;color:#444}

/* Results grid & posts list */
#upce-grid.upce-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:14px;
}
.upce-card{
  display:block;background:#fff;border:1px solid #eee;border-radius:10px;
  padding:12px;text-decoration:none;
}
.upce-card .title{font-weight:700;margin:0 0 6px}
.upce-card .excerpt{color:#444}

#upce-posts.upce-list{list-style:none;margin:0;padding:0}
.upce-list li{padding:10px 0;border-bottom:1px solid #eee}

/* Footer rail (Content Egg) */
#upce-footer.upce-footer{border-top:1px solid #eee;margin-top:16px;padding:14px 0}

/* Loader bar */
#ultrapop-ce-loader[hidden]{display:none}
#ultrapop-ce-loader .ce-loader__bar{
  height:4px;border-radius:4px;
  background:linear-gradient(90deg,#0c6e31 0%,#22b15a 50%,#0c6e31 100%);
  background-size:200% 100%;
  animation:upce-load 1.2s linear infinite;
}
@keyframes upce-load { to { background-position:200% 0; } }

/* Iframe fallback */
.upce-iframe{width:100%;height:70vh;border:0;border-radius:10px;background:#fff}