/* Vidyanik Guess Paper UX repair — 2026-11-12.
 * Guess products only. No changes to WooCommerce data, checkout, samples or mobile copy.
 */

/* True two-up buttons in *every* bilingual guess-paper card, including narrow screens. */
body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__footer{
  display:flex; flex-wrap:wrap; align-items:center; gap:12px;
}
body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions{
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  flex:1 1 285px; width:min(100%,340px); gap:9px;
  margin:0; align-items:stretch;
}
body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions :is(a,button){
  box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
  width:100%; min-width:0; min-height:44px; margin:0; padding:10px 7px;
  text-align:center; white-space:normal; line-height:1.2; font-size:.82rem;
}
body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__price{flex:0 0 auto}
@media(max-width:767px){
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions{
    flex:0 0 100%; width:100%; max-width:none; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions :is(a,button){min-height:43px}
}
@media(max-width:380px){
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Fill the formerly bare left cover column with text-only, desktop-only guidance. */
body.vid-guess-product-page .vid-guess-cover-help{display:none}
@media(min-width:1024px){
  body.vid-guess-product-page .vid-guess-cover-help{
    box-sizing:border-box; display:grid; gap:0; width:100%;
    padding:14px; border:1px solid #d9e6ef; border-radius:14px;
    background:#fff; box-shadow:0 7px 22px rgba(10,31,68,.035);
  }
  body.vid-guess-product-page .vid-guess-cover-help__heading{
    margin:0 0 7px; color:#0a1f44; font-size:.88rem; font-weight:900;
  }
  body.vid-guess-product-page .vid-guess-cover-help>div{
    display:grid; gap:2px; padding:10px 0; border-top:1px solid #edf2f5;
  }
  body.vid-guess-product-page .vid-guess-cover-help strong{font-size:.79rem;line-height:1.25;color:#092647}
  body.vid-guess-product-page .vid-guess-cover-help span{font-size:.73rem;line-height:1.45;color:#587187}
  /* Purchase benefits shown on the left; keep existing six-month details on the right. */
  body.vid-guess-product-page .vid-product-premium__summary > .vid-product-premium__delivery > li:nth-child(-n+3){display:none}
  body.vid-guess-product-page .vid-product-premium__summary > .vid-product-premium__delivery:has(>li:nth-child(4)){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.vid-guess-product-page .vid-product-premium__summary > .vid-product-premium__delivery:not(:has(>li:nth-child(4))){display:none}
}

/* Make exam confirmation a compact full-width row instead of an orphaned left card. */
@media(min-width:768px){
  body.vid-guess-product-page .vid-product-premium__content > .vid-product-premium__section--session{
    grid-column:1/-1; display:grid;
    grid-template-columns:minmax(0,1fr) minmax(230px,1fr);
    align-items:center; gap:4px 18px;
  }
  body.vid-guess-product-page .vid-product-premium__section--session .vid-kicker{
    grid-column:1; align-self:end; margin:0;
  }
  body.vid-guess-product-page .vid-product-premium__section--session h2{
    grid-column:1; margin:0; align-self:start;
  }
  body.vid-guess-product-page .vid-product-premium__section--session .vid-product-v4__session-grid{
    grid-column:2; grid-row:1 / span 2; grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  }
  body.vid-guess-product-page .vid-product-premium__section--session .vid-product-v4__note{
    grid-column:1/-1; margin:3px 0 0;
  }
  /* Undo old 16-17-character title restriction only for guess pages. */
  body.vid-guess-product-page .vid-product-v4__summary #vid-product-title{
    max-width:100%!important; overflow-wrap:break-word;
  }
}

/* Related programmes open in place rather than jumping to the section above. */
body.vid-guess-product-page .vid-product-discovery__card--programme-summary{
  display:block; min-height:0; padding:0; overflow:hidden;
}
body.vid-guess-product-page .vid-product-discovery__card--programme-summary summary{
  display:grid; gap:6px; position:relative; cursor:pointer;
  min-height:116px; padding:17px 38px 15px 16px;
  list-style:none;
}
body.vid-guess-product-page .vid-product-discovery__card--programme-summary summary::-webkit-details-marker{display:none}
body.vid-guess-product-page .vid-product-discovery__card--programme-summary summary::after{
  content:'+'; position:absolute; right:16px; top:20px;
  font-size:1.3rem; font-weight:900; color:#0b6ea8;
}
body.vid-guess-product-page .vid-product-discovery__card--programme-summary[open] summary::after{content:'−'}
body.vid-guess-product-page .vid-product-discovery__programmes{
  display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:13px 16px 16px;
  border-top:1px solid #dce8ef;
}
body.vid-guess-product-page .vid-product-discovery__programmes li{margin:0;padding:0}
body.vid-guess-product-page .vid-product-discovery__programmes :is(a,span){
  display:inline-flex; align-items:center; min-height:30px;
  padding:6px 10px; border:1px solid #d1e4ef; border-radius:999px;
  background:#fff; color:#0b4571; font-size:.76rem;
  font-weight:800; line-height:1.2; text-decoration:none;
}
body.vid-guess-product-page .vid-product-discovery__programmes a:hover{
  border-color:#83bfda; background:#edf8ff; color:#075a9c;
}
body.vid-guess-product-page .vid-product-discovery__programmes a:focus-visible,
body.vid-guess-product-page .vid-product-discovery__card--programme-summary summary:focus-visible{
  outline:3px solid rgba(11,110,168,.3); outline-offset:2px;
}
body.vid-guess-product-page .vid-product-discovery__grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr)); align-items:start;
}
body.vid-guess-product-page .vid-product-discovery__card:not(.vid-product-discovery__card--programme-summary){
  min-height:130px;
}
@media(max-width:767px){
  body.vid-guess-product-page .vid-product-discovery__card:not(.vid-product-discovery__card--programme-summary){min-height:0}
}


/* 1.5.96 — definitive MOBILE-ONLY two-button placement for Guess Papers.
 * The older assignment CSS uses grid-column:1/-1 and grid-row:1 on Buy PDF,
 * plus grid-column:2;grid-row:2 on Add to cart. Without resetting those
 * placements, a two-column parent alone CANNOT keep buttons side-by-side.
 * This patch does not touch assignments, related cards or desktop layout.
 */
@media (max-width:767px){
  /* Bilingual / multi-medium selector: price sits above the action row. */
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:stretch;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__price{
    grid-column:1; min-width:0; width:100%;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-column:1;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions > .vid-assignment-card__buy{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions > .vid-assignment-card__cart{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions > :is(.vid-assignment-card__buy,.vid-assignment-card__cart){
    box-sizing:border-box!important;
    display:inline-flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:9px 5px!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.2!important;
    font-size:13px!important;
  }
  /* Single-medium products (MEV-001-like): keep exactly the two purchase
     actions on one row without changing sample or unrelated controls. */
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample):has(> .vid-product-v4__buy):has(> .vid-product-v4__cart){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:9px!important;
  }
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample) > .vid-product-v4__buy{
    grid-column:1!important;
    grid-row:1!important;
  }
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample) > .vid-product-v4__cart{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample) > :is(.vid-product-v4__buy,.vid-product-v4__cart){
    box-sizing:border-box!important;
    display:inline-flex!important;
    min-width:0!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:9px 6px!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.2!important;
    font-size:13px!important;
  }
}
@media (max-width:340px){
  body.vid-guess-product-page .vid-guess-choice .vid-assignment-card__actions > :is(.vid-assignment-card__buy,.vid-assignment-card__cart),
  body.vid-guess-product-page .vid-product-v4__actions:not(.vid-product-v4__actions--with-sample) > :is(.vid-product-v4__buy,.vid-product-v4__cart){
    font-size:12px!important;
    padding-inline:4px!important;
  }
}