/* greecewinningballs / layout.css
 *
 * Self-contained port of the visual rules that actually drive the live page at
 * https://www.greecewinningballs.com. The live site loaded a ~1MB Meteor CSS
 * bundle + bootstrap + font-awesome + revolution-slider/owl-carousel vendor CSS,
 * but this single-page prize board only uses a small subset: a translucent-white
 * nav bar, the Santorini hero (bg1.jpg) set inline on .mainContainer, three prize
 * blocks of circular grey "digit" balls, and a payment-strip footer image.
 *
 * The .greecewinningballs-scoped rules below are copied VERBATIM from the source
 * bundle (docs/recon/extracts/greecewinningballs/desktop/assets/d993e35f40f6050c.css)
 * — they are the authoritative overrides that win on the live page (grey balls,
 * 5rem/4rem sizes, white nav text=black, etc). Structural bits (.lastResult flex,
 * .c_title, .prizesSect centering) and the Bootstrap-grid columns the markup relies
 * on are reproduced minimally so no external framework is needed.
 *
 * Roboto is the source's board/heading font (Google Fonts); the three woff2 files
 * are mirrored locally so Greek glyphs render offline without a network font call.
 */

/* ---- Roboto (mirrored from Google Fonts; covers Greek + Latin) ------------ */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/templates/greecewinningballs/assets/b5151e8569c4a2d0.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/templates/greecewinningballs/assets/0f7fcdc8ea1a3358.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/templates/greecewinningballs/assets/ba5507f28f7cb6dd.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* Latin fallback ranges (same files carry Latin too) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/templates/greecewinningballs/assets/b5151e8569c4a2d0.woff2') format('woff2');
}

/* ---- minimal reset / base ------------------------------------------------- */
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
  background: #fff;
  color: #0b1033;
}
a { text-decoration: none; }
img { max-width: 100%; }
.img-fluid { max-width: 100%; height: auto; }
center { display: block; text-align: center; }

/* ---- Bootstrap-grid subset the source markup relies on -------------------- */
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.container { width: 100%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
.container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
[class*="col-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.mb-3 { margin-bottom: 1rem !important; }

@media (min-width: 576px) {
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
  .col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-3  { flex: 0 0 25%;      max-width: 25%; }
  .col-lg-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-lg-12 { flex: 0 0 100%;     max-width: 100%; }
}
@media (min-width: 1200px) {
  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
.float-left { float: left; }
.clearfix::after { display: block; clear: both; content: ""; }

/* ---- source .c_title (Τελευταία βραβεία title) ---------------------------- */
.c_title { text-align: center; padding-bottom: 40px; }
.c_title h2 {
  font-size: 48px;
  color: #0b1033;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.feature_area { padding-top: 70px; }
.feature_area h2 { font-family: 'Roboto', sans-serif; font-weight: 500; }

/* ---- greecewinningballs-scoped rules — VERBATIM from source bundle -------- */
.greecewinningballs .logo { padding: 1rem; }
.greecewinningballs .navbar { padding: 1rem !important; }
.greecewinningballs .mainContainer { margin-top: 1rem !important; }
.greecewinningballs .mainContainer, .greecewinningballs h2 { color: #fff !important; }
.greecewinningballs .nav-link { color: #000 !important; }
.greecewinningballs .lastPrizes .digit {
  width: 3rem !important; height: 3rem !important; border-radius: 1.5rem !important;
  line-height: 2.8rem !important; border: .05rem solid #000; font-size: 2rem !important;
}
.greecewinningballs .lastPrizes .digit, .greecewinningballs .secondaryPrizes .digit {
  text-align: center; vertical-align: middle;
  margin-bottom: .5rem !important; margin-top: .5rem !important;
}
.greecewinningballs .secondaryPrizes .digit {
  width: 4rem !important; height: 4rem !important; border-radius: 2rem !important;
  line-height: 4rem !important; font-size: 3rem !important; background-color: grey;
}
.greecewinningballs .countDownSect { font-size: 2rem !important; margin-bottom: 1rem !important; }
.greecewinningballs .countDownHeader { font-size: 1.5rem !important; }
.greecewinningballs .best_3d_area { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.greecewinningballs .mainPrizes .digit {
  width: 5rem !important; height: 5rem !important; border-radius: 2.5rem !important;
  line-height: 5rem !important; font-size: 4rem !important; text-align: center;
  vertical-align: middle; margin-bottom: .5rem !important; margin-top: .5rem !important;
  background-color: grey;
}
.greecewinningballs .lastResult,
.greecewinningballs .live-result,
.greecewinningballs div[class*="prize-c-"],
.greecewinningballs div[class*="prize-s-"] {
  display: flex; flex-direction: row; justify-content: center;
  flex-wrap: wrap; align-items: center;
}
.greecewinningballs .pastResultList {
  display: flex !important; flex-direction: row !important; justify-content: center !important;
  width: 100% !important; align-items: center; flex-wrap: nowrap;
}
.greecewinningballs .resultListTable,
.greecewinningballs .resultListTable td {
  text-align: center; justify-content: center; vertical-align: middle; align-items: center;
}
.greecewinningballs .paginationSect {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  justify-content: space-between !important; align-items: center !important;
}
.greecewinningballs .pastResultList > div {
  width: 3rem !important; height: 3rem !important; border-radius: 1.5rem !important;
  line-height: 3rem !important; font-size: 2rem !important; text-align: center;
  vertical-align: middle; margin-bottom: 1rem !important; margin-top: 1rem !important;
  background-color: grey;
}
.greecewinningballs .prizesSect { padding: 1rem !important; }
.greecewinningballs .tp-caption { color: #fff !important; }

/* ---- base digit centering (source; the scoped digit is a flex item) ------- */
.lastResult .digit { vertical-align: middle; }
.digit { color: #000; }
.mainPrizes .digit, .secondaryPrizes .digit, .lastPrizes .digit { color: #000; }

/* ---- nav bar: translucent white, centered links --------------------------- */
.greecewinningballs .nav-link {
  display: block; padding: .5rem 1rem;
  font-size: 1rem; font-weight: 400;
}
.greecewinningballs .logo center { text-align: center; }
.greecewinningballs .row.navbar-links {
  background-color: hsla(0, 0%, 100%, .7) !important;
  padding: 1rem 0;
}

/* headings inside hero */
.greecewinningballs .mainContainer h2,
.greecewinningballs .mainContainer h5 { color: #fff !important; }
.greecewinningballs .prizesSect h5 {
  color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500;
  margin-bottom: .5rem;
}
.greecewinningballs .feature_area .c_title h2,
.greecewinningballs .feature_area h2 { color: #fff !important; }

/* ---- result table (result.ejs) ------------------------------------------- */
.resultListTable {
  width: 100%; border-collapse: collapse; color: #0b1033;
  font-family: 'Roboto', sans-serif;
}
.resultListTable th, .resultListTable td {
  padding: .75rem; border-bottom: 1px solid #e3e6ea;
}
.resultListTable thead th {
  background: #0b1033; color: #fff; font-weight: 500;
}
.pageWrap { max-width: 1140px; margin: 2rem auto; padding: 0 15px; }
.pageWrap h1, .pageWrap h2 { font-family: 'Roboto', sans-serif; font-weight: 500; color: #0b1033; }

/* about page copy */
.aboutWrap { max-width: 900px; margin: 2.5rem auto; padding: 0 15px; line-height: 1.7; }
.aboutWrap h1 { font-family: 'Roboto', sans-serif; font-weight: 500; }

/* footer payment strip */
.footerStrip { padding: 1rem 0; }