/* ===========================================
   Eminence Label Customizer
   =========================================== */

.eminence-customizer { margin-top: 22px; padding-top: 10px; }
.eminence-customizer__title { margin: 0 0 14px; font-size: 26px; font-weight: 700; }

/* GRID */
.eminence-customizer__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:22px;
  align-items:start;
}


/* ✅ when preview is moved into gallery, form should be full width */
.eminence-customizer.eminence-preview-moved .eminence-customizer__grid{
  grid-template-columns: 1fr !important;
}

/* PREVIEW */
.eminence-customizer__preview-wrap{
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:16px;
  background:#fff;
}

.eminence-preview{
  width:100%;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.eminence-preview__inner{
  display:inline-flex;
  width:auto;
  max-width:92%;
  border:2px solid #0f172a;
  border-radius:12px;
  padding:18px;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
}

.eminence-preview__icon{
  width:56px;
  height:56px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.eminence-preview__icon img{ width:56px; height:56px; object-fit:contain; }

.eminence-preview__text{
  font-size:28px;
  font-weight:700;
  line-height:1.05;
  color:#0f172a;
  font-family:"Lexend Deca", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.eminence-preview__inner.is-iron-on .eminence-preview__text{ white-space:nowrap; }
.eminence-preview__inner.is-stick-in .eminence-preview__sep{ display:block; width:100%; height:0; }

.eminence-preview__note{ margin:10px 0 0; font-size:12px; color:#6b7280; }

/* FIELDS */
.eminence-customizer__fields{
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:16px;
  background:#fff;
}

.eminence-field{ margin-bottom:14px; }
.eminence-field label{ display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.eminence-field .required{ color:#ef4444; }

.eminence-field input,
.eminence-field select{
  width:100%;
  border-radius:10px;
  border:1px solid #e5e7eb;
  padding:10px 12px;
  font-size:14px;
}

/* ICON FILTERS */
.eminence-icon-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 10px;
}

.eminence-icon-filter{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:10px;
  padding:8px 10px;
  font-size:13px;
  cursor:pointer;
  user-select:none;
}

.eminence-icon-filter.is-active{
  background:#0ea5a5;
  color:#fff;
  border-color:#0ea5a5;
}

/* ICON GRID */
.eminence-icon-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
  margin-top:8px;
}

.eminence-icon-btn{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  padding:10px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
}

.eminence-icon-btn img{ width:44px; height:44px; object-fit:contain; }
.eminence-icon-btn.is-selected{
  outline:3px solid rgba(14,165,165,0.35);
  border-color:#0ea5a5;
}

.eminence-icon-help{ margin:8px 0 0; font-size:12px; color:#6b7280; }

/* PREVIEW HOST IN GALLERY */
.eminence-preview--in-gallery{ width:100%; margin:0 0 12px; }
.woocommerce-product-gallery .eminence-customizer__preview-wrap{ padding:18px; }

/* ✅ HIDE PLACEHOLDER IMAGE (Blocksy + Woo) WITHOUT KILLING GALLERY */
body.single-product .woocommerce-product-gallery__image--placeholder{
  display:none !important;
}

body.single-product .woocommerce-product-gallery img.wp-post-image[src*="woocommerce-placeholder"],
body.single-product .woocommerce-product-gallery img[src*="woocommerce-placeholder"],
body.single-product .woocommerce-product-gallery source[srcset*="woocommerce-placeholder"]{
  display:none !important;
}

/* keep wrapper alive for preview */
body.single-product .woocommerce-product-gallery__wrapper{
  min-height: unset !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ===========================================
   Breadcrumbs (WooCommerce + Blocksy)
   Make links + active item orange
   =========================================== */

/* WooCommerce breadcrumb links */
body.single-product .woocommerce-breadcrumb a{
  color:#ff6b1a !important;
  font-weight:600;
  text-decoration:none !important;
}

/* WooCommerce current breadcrumb (usually a span, not a link) */
body.single-product .woocommerce-breadcrumb span,
body.single-product .woocommerce-breadcrumb .breadcrumb_last{
  color:#ff6b1a !important;
  font-weight:700;
}

/* Hover */
body.single-product .woocommerce-breadcrumb a:hover{
  color:#ff6b1a !important;
  text-decoration:underline !important;
}

/* Blocksy breadcrumb wrapper (some installs use this) */
body.single-product .ct-breadcrumbs a,
body.single-product .ct-breadcrumbs span{
  color:#ff6b1a !important;
}

/* RESPONSIVE */
@media (max-width:1024px){
  .eminence-customizer__grid{ grid-template-columns:1fr; }
  .eminence-icon-grid{ grid-template-columns:repeat(5, minmax(0, 1fr)); }
}

@media (max-width:600px){
  .eminence-customizer__title{ font-size:22px; }
  .eminence-preview__text{ font-size:22px; }
  .eminence-preview__inner{ padding:14px; max-width:95%; }
  .eminence-preview__icon, .eminence-preview__icon img{ width:38px; height:38px; }
  .eminence-icon-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}