/* =====================================================================
   PCB Product Cards — global, site-wide
   Ye file poori site ke product/category cards ko ek jaisa classic look deti hai:
   - Naye cards:   .pcb-card
   - Purane cards: .category-product / figure.newpic (category, search, printing products,
                   related products), .parent-card (purana home), .blog-item (product lists)
   Layout file mein theme ki style.css / responsive.css ke BAAD link karein.
   ===================================================================== */

:root{
  --pcbc-brand:#1e8cbd;
  --pcbc-brand-dark:#146b92;
  --pcbc-ink:#14212b;
  --pcbc-muted:#5b6b78;
  --pcbc-soft:#f4f8fb;
  --pcbc-line:#e3eaf0;
  --pcbc-radius:14px;
  --pcbc-shadow:0 14px 34px rgba(20,33,43,.10);
}

/* ---------------------------------------------------------------------
   1) NEW CARD — .pcb-card  (kisi bhi page par use ho sakta hai)
   --------------------------------------------------------------------- */
.pcb-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pcbc-line);border-radius:var(--pcbc-radius);overflow:hidden;text-decoration:none!important;color:var(--pcbc-ink)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;height:100%}
.pcb-card:hover,.pcb-card:focus-visible{transform:translateY(-4px);box-shadow:var(--pcbc-shadow);border-color:transparent}
.pcb-card .img{position:relative;aspect-ratio:1/1;background:var(--pcbc-soft);overflow:hidden}
.pcb-card .img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.pcb-card:hover .img img{transform:scale(1.06)}
.pcb-card .body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;flex:1;border-top:1px solid var(--pcbc-line)}
.pcb-card h3{font-size:16px;font-weight:700;line-height:1.35;margin:0;color:var(--pcbc-ink)}
.pcb-card .go{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(30,140,189,.1);color:var(--pcbc-brand);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}
.pcb-card:hover .go{background:var(--pcbc-brand);color:#fff;transform:translateX(2px)}

/* ---------------------------------------------------------------------
   2) LEGACY CARD — .category-product > .boxes-detailed-content > figure.newpic
      (category page, search results, printing products, purane related products)
   --------------------------------------------------------------------- */
.category-product{height:100%;margin-bottom:0}
.category-product .boxes-detailed-content{height:100%}
figure.newpic{
  position:relative!important;display:flex!important;flex-direction:column;height:100%;
  margin:0!important;background:#fff!important;border:1px solid var(--pcbc-line)!important;
  border-radius:var(--pcbc-radius)!important;overflow:hidden!important;box-shadow:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
figure.newpic:hover{transform:translateY(-4px);box-shadow:var(--pcbc-shadow)!important;border-color:transparent!important}

figure.newpic .aa-product-img{display:block!important;aspect-ratio:1/1;background:var(--pcbc-soft);overflow:hidden;line-height:0}
figure.newpic .aa-product-img img,
figure.newpic img.featured-image{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .4s ease!important;border-radius:0!important}
figure.newpic:hover .aa-product-img img{transform:scale(1.06)}

figure.newpic figcaption.text-image{
  position:static!important;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px!important;margin:0!important;background:#fff!important;border-top:1px solid var(--pcbc-line);
  flex:1;text-align:left!important;
}
figure.newpic figcaption.text-image::after{
  content:"\203A";flex:0 0 32px;width:32px;height:32px;border-radius:50%;
  background:rgba(30,140,189,.1);color:var(--pcbc-brand);font-size:22px;line-height:30px;text-align:center;font-weight:600;
  transition:background .2s,color .2s;
}
figure.newpic:hover figcaption.text-image::after{background:var(--pcbc-brand);color:#fff}
figure.newpic .product-title{
  margin:0!important;padding:0!important;font-size:15.5px!important;font-weight:700!important;line-height:1.35!important;
  color:var(--pcbc-ink)!important;text-transform:none!important;letter-spacing:0!important;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* Purana full-blue hover overlay → halka tint + "Show Now" pill (sirf image area par) */
figure.newpic > a:not(.aa-product-img){position:absolute!important;left:0;right:0;top:0;bottom:0;z-index:2}
figure.newpic .overlay{
  position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  background:linear-gradient(180deg,rgba(13,43,58,0) 40%,rgba(13,43,58,.45) 100%)!important;
  opacity:0!important;transform:none!important;transition:opacity .25s ease!important;
  display:flex!important;align-items:flex-end;justify-content:center;border-radius:0!important;
}
figure.newpic:hover .overlay{opacity:1!important}
figure.newpic .overlay .text{position:absolute!important;left:0;right:0;bottom:84px;top:auto!important;transform:none!important;text-align:center;padding:0!important}
figure.newpic .overlay h2,
figure.newpic .overlay .lightBlur-line{display:none!important}
figure.newpic .overlay .btn,
figure.newpic .overlay .Portfolio-btn{
  display:inline-flex!important;align-items:center;gap:6px;background:#fff!important;color:var(--pcbc-brand)!important;
  border:0!important;border-radius:50px!important;padding:9px 18px!important;font-size:14px!important;font-weight:700!important;
  text-transform:none!important;box-shadow:0 8px 20px rgba(0,0,0,.18);transform:translateY(8px);transition:transform .25s ease!important;
}
figure.newpic:hover .overlay .btn{transform:translateY(0)}
figure.newpic .overlay .btn::before,figure.newpic .overlay .btn::after{display:none!important}

/* Grid spacing for legacy rows */
.pimage,.rs-prod .col-md-4,.rs-prod .col-md-3{margin-bottom:24px!important}

/* ---------------------------------------------------------------------
   3) LEGACY — .parent-card (purana home featured products)
   --------------------------------------------------------------------- */
.parent-card{background:#fff;border:1px solid var(--pcbc-line);border-radius:var(--pcbc-radius);overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;margin-bottom:24px}
.parent-card:hover{transform:translateY(-4px);box-shadow:var(--pcbc-shadow);border-color:transparent}
.parent-card .img-wrapper{aspect-ratio:1/1;background:var(--pcbc-soft);overflow:hidden}
.parent-card .img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.parent-card:hover .img-wrapper img{transform:scale(1.06)}
.parent-card .product-name{padding:14px 16px;border-top:1px solid var(--pcbc-line);text-align:left!important}
.parent-card .product-name a,.parent-card .product-name span{color:var(--pcbc-ink)!important;font-weight:700;font-size:15.5px;text-decoration:none}

/* ---------------------------------------------------------------------
   4) LEGACY — .blog-item jab product list ke liye use ho (.rs-prod ke andar)
   --------------------------------------------------------------------- */
.rs-prod .blog-item{background:#fff;border:1px solid var(--pcbc-line);border-radius:var(--pcbc-radius);overflow:hidden;transition:transform .22s,box-shadow .22s}
.rs-prod .blog-item:hover{transform:translateY(-4px);box-shadow:var(--pcbc-shadow)}
.rs-prod .blog-item .blog-img img{width:100%;aspect-ratio:1/1;object-fit:cover}

/* ---------------------------------------------------------------------
   Mobile
   --------------------------------------------------------------------- */
@media (max-width:767px){
  .pcb-card .body,figure.newpic figcaption.text-image,.parent-card .product-name{padding:12px!important}
  .pcb-card h3,figure.newpic .product-title{font-size:14.5px!important}
  .pcb-card .go,figure.newpic figcaption.text-image::after{display:none}
  figure.newpic .overlay{display:none!important}            /* touch par hover overlay nahi chahiye */
  figure.newpic > a:not(.aa-product-img){position:absolute!important}
}
@media (prefers-reduced-motion:reduce){
  .pcb-card,.pcb-card *,figure.newpic,figure.newpic *,.parent-card,.parent-card *{transition:none!important}
}