/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
.pv3 { padding: clamp(20px, 5vw, 48px) 0; }

/* Grilă 2 coloane, forțată să ignore tema */
.pv3 .pv3-grid{
  max-width: 1200px; margin: 0 auto;
  display: flex !important;         /* <- obligăm layout pe 2 coloane */
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: clamp(20px, 3vw, 40px);
}

/* Stânga */
.pv3 .pv3-left{
  flex: 0 0 clamp(260px, 28vw, 360px);
  margin: 0 !important;
  display: grid; gap: 14px; align-content: start;
}
.pv3 .pv3-cover{
  display: block; width: 100%; height: auto;
  aspect-ratio: 3 / 4; object-fit: cover;
  border-radius: 10px; border: 1px solid #e8ebf4;
}
.pv3 .pv3-dl{
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; padding: 12px 16px;
  background: #1473e6; color: #fff; text-decoration: none; font-weight: 700;
  border-radius: 10px; border: 1px solid #0e5ec0;
  transition: transform .12s ease, background .2s ease;
}
.pv3 .pv3-dl:hover{ transform: translateY(-1px); background: #0f66cc; }
.pv3 .pv3-dlicon{ margin-right: 8px; }

/* Dreapta */
.pv3 .pv3-right{ flex: 1 1 auto; min-width: 0; }
.pv3 .pv3-oa{
  color: #f28a00; font-weight: 800; letter-spacing: .06em;
  margin: 2px 0 10px;
}
.pv3 .pv3-title{
  margin: 0 0 10px; color: #12161f;
  font-size: clamp(18px, 2.4vw, 24px);
  line-height: 1.2; font-weight: 700; text-transform: uppercase;
}
.pv3 .pv3-subtitle{
  margin: 0 0 18px; color: #3b3f4a;
  font-size: clamp(16px, 1.4vw, 22px); font-weight: 800;
}

/* Meta ca în exemplu (bullets + link subliniat subtil) */
.pv3 .pv3-meta{
  margin: 0 0 16px 1.2em; padding: 0;
  color: #273042;
}
.pv3 .pv3-meta li{ margin: 6px 0; }
.pv3 .pv3-meta strong{ color: #111827; }
.pv3 .pv3-meta a{
  color: #0d6db8; text-decoration: none; border-bottom: 2px solid #89c2ff; padding-bottom: 2px;
}
.pv3 .pv3-meta a:hover{ color: #0a5a98; border-bottom-color: #0a5a98; }

.pv3 .pv3-desc{ margin: 8px 0 16px; color: #3f4656; }

/* Licențe simple */
.pv3 .pv3-licenses{ display: flex; gap: 8px; align-items: center; }
.pv3 .pv3-lic{
  width: 30px; height: 30px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #f3f5fa; color: #111827; border: 1px solid #e5e8f1;
  font-weight: 800; font-size: 12px;
}

/* Responsive: pe mobil devine o coloană */
@media (max-width: 960px){
  .pv3 .pv3-grid{ flex-direction: column; }
  .pv3 .pv3-dl{ width: auto; }
}
/* 1) Coperta mai mare */
.pv3 .pv3-left{
  flex: 0 0 clamp(340px, 34vw, 460px); /* înainte era ~260–360px */
}
.pv3 .pv3-cover{
  aspect-ratio: auto;      
  height: auto;            
  object-fit: contain;    
  background: #fff;       
}
/* ===== TOC 15 – stil izolat ===== */
.toc15-wrap { margin-top: clamp(24px, 4vw, 48px); }
.toc15-title{
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin: 0 0 14px;
}

.toc15-list{
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f6f8fb;             /* bandă discretă ca în exemplu */
  border-radius: 6px;
}

.toc15-list > li{
  background: #ffffff;
  margin: 8px 0;                    /* spațiu între rânduri */
  padding: 18px 22px;
  border: 1px solid #edf0f5;
  box-shadow: 0 1px 0 rgba(17,23,40,.02);
}

.toc15-link{
  display: inline-block;
  color: #0d6db8;                   /* turcoaz-albăstrui */
  font-weight: 800;
  text-decoration: none;
  line-height: 1.35;
}

.toc15-link > span{
  /* linie accent scurtă sub text (ca în screenshot) */
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 2px;
  padding-bottom: 3px;
}

.toc15-link:hover{ color: #0a5a98; }
.toc15-link:focus{ outline: 3px solid rgba(13,109,184,.25); outline-offset: 2px; }

#ip-panel-indexing, 
#ip-panel-indexing a { color:#000 ; }



/* Responsive: mai mult spațiu pe mobil */
@media (max-width: 680px){
  .toc15-list > li{ padding: 16px 16px; }
}