/* ===========================================================
   COMMUNITY DRAWS — RUGBY GRID THEME (FINAL v2)
   Dark UI, hero band, white text, mint links, square cards
   =========================================================== */

/* ------------------------------------
   1. PAGE BACKGROUND + WRAPPERS
   ------------------------------------ */

body.single-product.product_cat-rugby-grid,
body.single-product.postid-10148 {
  background: #0e3031 !important;
}

body.single-product.product_cat-rugby-grid .site,
body.single-product.product_cat-rugby-grid #page,
body.single-product.product_cat-rugby-grid #content,
body.single-product.product_cat-rugby-grid .site-content,
body.single-product.product_cat-rugby-grid .site-main,
body.single-product.product_cat-rugby-grid .content-area,
body.single-product.product_cat-rugby-grid .container,
body.single-product.product_cat-rugby-grid .mf-main-content-inner,
body.single-product.product_cat-rugby-grid .mf-container,
body.single-product.product_cat-rugby-grid .product,
body.single-product.product_cat-rugby-grid .mf-product-detail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Header bar */
body.single-product.product_cat-rugby-grid #mf-header,
body.single-product.product_cat-rugby-grid .site-header {
  background-color: #0e3031 !important;
}


/* ------------------------------------
   2. HERO BANNER
   ------------------------------------ */

.product_cat-rugby-grid .cd-rugby-hero {
  position: relative;
  background:
    url('/wp-content/themes/martfury-child/rugby-grid/podium-bg.webp')
    center bottom / cover no-repeat,
    #0e3031;
  padding: 70px 16px 130px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
  overflow: visible;
}


/* ------------------------------------
   3. PRODUCT TITLE
   ------------------------------------ */

.single-product.product_cat-rugby-grid h1.product_title.entry-title,
.product_cat-rugby-grid #content .mf-entry-product-header .product_title.entry-title {
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 700;
  margin: 22px 0 14px !important;
  font-family: "Work Sans", sans-serif;
}


/* ------------------------------------
   4. GLOBAL TEXT + LINKS
   ------------------------------------ */

.product_cat-rugby-grid #content,
.product_cat-rugby-grid #content *,
.product_cat-rugby-grid .mf-product-summary,
.product_cat-rugby-grid .mf-product-summary * {
  color: #ffffff !important;
}

.product_cat-rugby-grid #content a,
.product_cat-rugby-grid .mf-product-summary a {
  color: #20b27a !important;
}

.product_cat-rugby-grid #content a:hover,
.product_cat-rugby-grid .mf-product-summary a:hover {
  color: #35e0a0 !important;
}


/* ------------------------------------
   5. TABS + SECTION TITLES
   ------------------------------------ */

.product_cat-rugby-grid .woocommerce-tabs .wc-tab-title,
.product_cat-rugby-grid .woocommerce-tabs ul.tabs li a,
.product_cat-rugby-grid .mf-product-summary .tab-title,
.product_cat-rugby-grid .mf-product-summary .mf-section-title,
.product_cat-rugby-grid .woocommerce-tabs ul.tabs li,
.product_cat-rugby-grid .woocommerce-tabs ul.tabs li.active {
  background: transparent !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
}


/* ------------------------------------
   6. GRID LAYOUT
   ------------------------------------ */

.product_cat-rugby-grid #wc-lottery-pn,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 16px !important;
  list-style: none !important;
}

@media (max-width: 768px) {
  .product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 14px !important;
  }
}

@media (max-width: 480px) {
  .product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers {
    column-gap: 10px !important;
    row-gap: 10px !important;
  }
}


/* ------------------------------------
   7. TILE BASE (SQUARE CARDS)
   ------------------------------------ */

.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;

  background: #145046 !important;
  border-radius: 18px !important;
  border: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.35) !important;

  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer;
  box-sizing: border-box;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition:
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

/* Kill plugin decorations */
.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn::before,
.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn::after {
  content: none !important;
}


/* Hover */
.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn:not(.taken):not(.selected):hover {
  background: #196657 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.4) !important;
}


/* Selected */
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.selected,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.chosen,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.is-selected {
  background: #20b27a !important;
  box-shadow: 0 12px 26px rgba(32,178,122,0.6) !important;
  transform: translateY(-2px);
}

.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn.selected .cd-rugby-label,
.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn.chosen .cd-rugby-label,
.product_cat-rugby-grid
  #wc-lottery-pn ul.tickets_numbers > li.tn.is-selected .cd-rugby-label {
  color: #0b201c !important;
}


/* Taken / Sold */
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.taken,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.disabled,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.sold,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.unavailable {
  background: #253d39 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.taken .cd-rugby-img,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.disabled .cd-rugby-img,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.sold .cd-rugby-img,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.unavailable .cd-rugby-img {
  opacity: 0.35;
  filter: grayscale(1);
}

.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.taken::after,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.disabled::after,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.sold::after,
.product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn.unavailable::after {
  content: "TAKEN";
  position: absolute;
  top: 6px;
  right: 6px;

  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  font-family: "Work Sans", system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;

  color: #ffffff;
  background: #ef771b;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.30);
}


/* ------------------------------------
   8. TILE INNER WRAPPER + CONTENT
   ------------------------------------ */

/* This is what keeps image + label INSIDE the card */
.product_cat-rugby-grid .cd-rugby-tile {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  padding: 10px 8px 34px; /* room at bottom for label */
}

/* Rugby icon */
.product_cat-rugby-grid .cd-rugby-img {
  max-width: 98%;
  max-height: 98%;
  object-fit: contain;
  display: block;
  z-index: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.40));
}

/* Label under each icon */
.product_cat-rugby-grid .cd-rugby-label {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 8px;

  font-family: "Work Sans", system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  color: #fdfdfd;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  margin-top: 8px;
  padding: 0 4px;
  max-width: 100%;
  min-height: 2.6em;
}


/* ------------------------------------
   9. MOBILE TWEAKS
   ------------------------------------ */

@media (max-width: 768px) {
  .product_cat-rugby-grid #wc-lottery-pn ul.tickets_numbers > li.tn {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
/* ============================================================
   RUGBY GRID – FINAL TEXT COLOUR FIXES (vendor + price heading)
   ============================================================ */

/* 1) Vendor Name ("Community Draws Promo") */
.product_cat-rugby-grid .dokan-vendor-name h5,
.product_cat-rugby-grid .dokan-vendor-name h5 a {
    color: #ffffff !important;
}

/* Rugby Grid – force product title to white */
body.single-product.product_cat-rugby-grid #primary .mf-entry-product-header h1.product_title.entry-title,
body.single-product.postid-10148            #primary .mf-entry-product-header h1.product_title.entry-title {
  color: #ffffff !important;
}
/* Rugby Grid – recolour the scroll-to-top arrow */
body.single-product.product_cat-rugby-grid #scroll-top i,
body.single-product.postid-10148            #scroll-top i {
  color: #20b27a !important;      /* your button green */
}

/* Optional: change hover colour too */
body.single-product.product_cat-rugby-grid #scroll-top:hover i,
body.single-product.postid-10148            #scroll-top:hover i {
  color: #25d68e !important;      /* slightly brighter mint hover */
}
/* Rugby Grid – fix price colour */
.product_cat-rugby-grid p.price,
.product_cat-rugby-grid p.price span,
.product_cat-rugby-grid p.price .woocommerce-Price-amount,
.product_cat-rugby-grid p.price .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}
/* Rugby Grid – fix H3 heading colour */
.product_cat-rugby-grid .summary.entry-summary h3,
.product_cat-rugby-grid h3 {
    color: #ffffff !important;
}