/*
Theme Name: P6X Child
Theme URI: https://p6xmm.com/
Template: kadence
Author: P6X Site Team
Description: Project-specific child theme for p6xmm.com. Carries the shared light-premium Myanmar visual system, route content styling, footer trust/social panel and homepage hub layout on top of the Kadence parent theme.
Version: 1.1.0
Text Domain: p6x-child
*/

/* ==========================================================================
   P6X shared visual system — light-premium Myanmar surface
   ========================================================================== */

:root{
  --p6x-ink:#1a1420;
  --p6x-ink-soft:#4a3f52;
  --p6x-porcelain:#fbf7f2;
  --p6x-cream:#f4eae9;
  --p6x-card:#ffffff;
  --p6x-accent:#c1351f;
  --p6x-accent-2:#e2d45a;
  --p6x-teal:#0f8a8a;
  --p6x-border:rgba(26,20,32,0.08);
  --p6x-shadow:0 18px 40px -22px rgba(26,20,32,0.28);
  --p6x-radius:18px;
}

.p6x-route { background:var(--p6x-porcelain); }

/* Hide Kadence's default per-page hero/title banner site-wide - every
   real route already ships its own custom .p6x-hero block, so the
   theme's auto-generated "entry-hero" duplicate title banner above it
   and the default "WordPress Theme by Kadence WP" footer credit line
   are both redundant/unbranded chrome that should never render. */
.entry-hero.page-hero-section { display: none !important; }
.site-info .footer-html:empty,
.site-info .footer-html-inner:empty { display: none; }

/* Sitewide brand-logo-mark: emblem + adjacent live brand text */
.p6x-brand-logo{ display:inline-flex; align-items:center; gap:.6rem; text-decoration:none; }
.p6x-brand-logo .custom-logo{ display:block; border-radius:12px; height:44px; width:44px; object-fit:cover; }
.p6x-brand-logo__text{ font-weight:800; font-size:1.35rem; letter-spacing:.02em; color:var(--p6x-ink); line-height:1; }

.p6x-hero{
  position:relative;
  background:
    linear-gradient(100deg, var(--p6x-porcelain) 0%, var(--p6x-porcelain) 34%, rgba(251,247,242,0.86) 46%, rgba(251,247,242,0.35) 62%, rgba(251,247,242,0.08) 100%),
    url('/assets/img/agnes-batch/p6x-hero-slots-banner-v1.webp');
  background-size: cover;
  background-position: right center;
  border-radius:var(--p6x-radius);
  padding:2.6rem 2rem;
  margin:0 0 2.4rem;
  border:1px solid var(--p6x-border);
  box-shadow:var(--p6x-shadow);
  overflow:hidden;
}
.p6x-hero > *{ position:relative; z-index:1; max-width:56ch; }
@media (max-width: 720px){
  .p6x-hero{
    background:
      linear-gradient(180deg, var(--p6x-porcelain) 0%, var(--p6x-porcelain) 58%, rgba(251,247,242,0.55) 78%, rgba(251,247,242,0.15) 100%),
      url('/assets/img/agnes-batch/p6x-hero-slots-banner-v1.webp');
    background-size: cover;
    background-position: center;
  }
  .p6x-hero > *{ max-width:100%; }
}
.p6x-hero__eyebrow{
  display:inline-block;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--p6x-accent);
  background:rgba(193,53,31,0.08);
  padding:.35rem .8rem;
  border-radius:999px;
  margin-bottom:.9rem;
  font-weight:700;
}
.p6x-hero h1{ margin-top:0; color:var(--p6x-ink); font-size:2.1rem; line-height:1.35; }
.p6x-hero p{ font-size:1.05rem; color:var(--p6x-ink-soft); max-width:62ch; }

.p6x-cta-row{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.4rem; }
.p6x-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.5rem; border-radius:12px; font-weight:700;
  text-decoration:none; font-size:1rem; transition:transform .15s ease, box-shadow .15s ease;
}
.p6x-btn--primary{ background:var(--p6x-accent); color:#fff; box-shadow:0 12px 24px -10px rgba(193,53,31,0.55); }
.p6x-btn--primary:hover{ transform:translateY(-2px); color:#fff; }
.p6x-btn--ghost{ background:#fff; color:var(--p6x-ink); border:1px solid var(--p6x-border); }
.p6x-btn--ghost:hover{ border-color:var(--p6x-accent); color:var(--p6x-accent); }

.p6x-section{ margin:2.4rem 0; }
.p6x-section h2{ color:var(--p6x-ink); font-size:1.5rem; margin-bottom:.9rem; }
.p6x-section h3{ color:var(--p6x-ink); font-size:1.15rem; margin:1.4rem 0 .6rem; }
.p6x-lede{ font-size:1.05rem; color:var(--p6x-ink-soft); max-width:75ch; }

.p6x-grid{ display:grid; gap:1.1rem; grid-template-columns:repeat(3,1fr); margin:1.4rem 0; }
.p6x-grid--4{ grid-template-columns:repeat(4,1fr); }
.p6x-grid--2{ grid-template-columns:repeat(2,1fr); }
@media (max-width:900px){ .p6x-grid, .p6x-grid--4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .p6x-grid, .p6x-grid--4, .p6x-grid--2{ grid-template-columns:1fr; } }

.p6x-card{
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px;
  overflow:hidden; box-shadow:0 10px 24px -18px rgba(26,20,32,0.35);
}
.p6x-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:var(--p6x-cream); }
.p6x-card__body{ padding:.9rem 1rem 1.1rem; }
.p6x-card__tag{ font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:var(--p6x-teal); font-weight:700; }
.p6x-card__title{ font-size:1rem; font-weight:700; color:var(--p6x-ink); margin:.3rem 0 .35rem; }
.p6x-card__desc{ font-size:.92rem; color:var(--p6x-ink-soft); line-height:1.55; }

/* Full game catalog: filter tabs + load-more (120-item pool) */
.p6x-game-filters{ display:flex; flex-wrap:wrap; gap:.6rem; margin:1.2rem 0 1.6rem; }
.p6x-game-filter{
  border:1px solid var(--p6x-border); background:var(--p6x-card); color:var(--p6x-ink-soft);
  font-size:.85rem; font-weight:600; padding:.5rem 1.1rem; border-radius:999px; cursor:pointer;
}
.p6x-game-filter--active{ background:var(--p6x-accent); border-color:var(--p6x-accent); color:#fff; }
.p6x-game-tile--hidden{ display:none !important; }
.p6x-game-load-more-row{ text-align:center; margin:1.8rem 0 0; }
.p6x-game-load-more-row button{
  border:1px solid var(--p6x-accent); background:transparent; color:var(--p6x-accent);
  font-weight:700; font-size:.92rem; padding:.7rem 1.8rem; border-radius:999px; cursor:pointer;
}
.p6x-game-load-more-row button:hover{ background:var(--p6x-accent); color:#fff; }

.p6x-editorial{
  display:flex; gap:2rem; align-items:center; margin:2.2rem 0;
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:var(--p6x-radius);
  padding:1.6rem; box-shadow:var(--p6x-shadow);
}
.p6x-editorial--reverse{ flex-direction:row-reverse; }
.p6x-editorial__media{ flex:0 0 38%; }
.p6x-editorial__media img{ width:100%; border-radius:14px; display:block; aspect-ratio:4/3; object-fit:cover; }
.p6x-editorial__body{ flex:1; }
.p6x-editorial__body h3{ margin-top:0; }
@media (max-width:820px){
  .p6x-editorial, .p6x-editorial--reverse{ flex-direction:column; }
  .p6x-editorial__media{ flex-basis:auto; width:100%; }
}

.p6x-steps{ counter-reset:p6x-step; list-style:none; margin:1.2rem 0; padding:0; }
.p6x-steps li{
  counter-increment:p6x-step; position:relative; padding:1rem 1.2rem 1rem 3.2rem;
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:12px; margin-bottom:.8rem;
}
.p6x-steps li::before{
  content:counter(p6x-step); position:absolute; left:1rem; top:1rem;
  width:1.8rem; height:1.8rem; border-radius:50%; background:var(--p6x-accent); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9rem;
}

.p6x-faq{ margin:1.2rem 0; }
.p6x-faq details{
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:12px;
  padding:.9rem 1.1rem; margin-bottom:.7rem;
}
.p6x-faq summary{ font-weight:700; cursor:pointer; color:var(--p6x-ink); }
.p6x-faq p{ margin:.6rem 0 0; color:var(--p6x-ink-soft); }

.p6x-note{
  border-left:4px solid var(--p6x-teal); background:rgba(15,138,138,0.06);
  padding:.9rem 1.1rem; border-radius:0 10px 10px 0; font-size:.95rem; color:var(--p6x-ink-soft); margin:1.2rem 0;
}
.p6x-note--warn{ border-left-color:var(--p6x-accent); background:rgba(193,53,31,0.06); }

.p6x-links-inline a{ color:var(--p6x-accent); font-weight:600; text-decoration:none; border-bottom:1px solid rgba(193,53,31,0.35); }
.p6x-links-inline a:hover{ border-bottom-color:var(--p6x-accent); }

.p6x-table{ width:100%; border-collapse:collapse; margin:1.2rem 0; background:var(--p6x-card); border-radius:12px; overflow:hidden; border:1px solid var(--p6x-border); }
.p6x-table th, .p6x-table td{ padding:.7rem .9rem; text-align:left; border-bottom:1px solid var(--p6x-border); font-size:.92rem; }
.p6x-table th{ background:var(--p6x-cream); color:var(--p6x-ink); }

.p6x-review-note{ font-size:.85rem; color:var(--p6x-ink-soft); background:var(--p6x-cream); border-radius:10px; padding:.7rem .9rem; margin-bottom:1rem; }
.review-grid{ display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); }
@media (max-width:900px){ .review-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .review-grid{ grid-template-columns:1fr; } }
.review-card{ background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px; padding:1.1rem; }
.review-card__stars{ color:var(--p6x-accent-2); letter-spacing:.1em; margin-bottom:.4rem; }
.review-card__quote{ font-size:.94rem; color:var(--p6x-ink); margin-bottom:.7rem; }
.review-card__meta{ font-size:.82rem; color:var(--p6x-ink-soft); display:flex; align-items:center; gap:.5rem; }
.review-card__avatar{ width:2rem; height:2rem; border-radius:50%; background:var(--p6x-accent); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; }

/* Homepage-only anchors */
.p6x-tile{
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px; padding:1rem .9rem;
  text-align:center; text-decoration:none; color:var(--p6x-ink); display:block; transition:transform .15s ease;
}
.p6x-tile:hover{ transform:translateY(-3px); color:var(--p6x-accent); }
.p6x-tile img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:10px; margin-bottom:.6rem; }
.p6x-tile span{ font-weight:700; font-size:.9rem; display:block; }

/* Footer trust + social panel injected via functions.php */
.p6x-footer-panel{ background:var(--p6x-cream); border-top:1px solid var(--p6x-border); padding:2.4rem 0 1.6rem; }
.p6x-footer-panel__inner{ max-width:1290px; margin:0 auto; padding:0 1.5rem; }
.p6x-trust-strip{ display:flex; flex-wrap:wrap; align-items:center; gap:1.4rem; margin-bottom:1.8rem; }
.p6x-trust-strip img{ height:34px; width:auto; object-fit:contain; opacity:.85; filter:grayscale(15%); }
.p6x-trust-strip__label{ font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--p6x-ink-soft); width:100%; margin-bottom:.2rem; font-weight:700; }
.p6x-social-row{ display:flex; flex-wrap:wrap; gap:.9rem; margin-bottom:1.4rem; }
.p6x-social-row a{
  display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; border-radius:50%;
  background:#fff; border:1px solid var(--p6x-border); color:var(--p6x-ink); text-decoration:none; font-size:.85rem; font-weight:700;
}
.p6x-social-row a:hover{ border-color:var(--p6x-accent); color:var(--p6x-accent); }
.p6x-footer-address{ font-size:.85rem; color:var(--p6x-ink-soft); line-height:1.6; }
.p6x-footer-address strong{ color:var(--p6x-ink); }
.p6x-footer-legal-nav{ display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; margin-top:1.2rem; padding-top:1.1rem; border-top:1px solid var(--p6x-border); }
.p6x-footer-legal-nav a{ font-size:.8rem; color:var(--p6x-ink-soft); text-decoration:none; }
.p6x-footer-legal-nav a:hover{ color:var(--p6x-accent); text-decoration:underline; }
.p6x-footer-legal{ font-size:.78rem; color:var(--p6x-ink-soft); margin-top:1rem; }

/* ==========================================================================
   Route-materialization pass additions — category rail, game inventory,
   sports cluster, promo/news cards, lottery blocks, sticky mobile CTA
   ========================================================================== */

.p6x-railwrap{ display:flex; gap:2rem; align-items:flex-start; }
.p6x-rail{
  flex:0 0 200px; position:sticky; top:1rem; align-self:flex-start;
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:var(--p6x-radius);
  padding:1rem .9rem; box-shadow:var(--p6x-shadow);
}
.p6x-rail__label{ font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--p6x-accent); font-weight:700; margin-bottom:.7rem; display:block; }
.p6x-rail ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.15rem; }
.p6x-rail a{
  display:flex; align-items:center; gap:.55rem; padding:.55rem .6rem; border-radius:10px;
  color:var(--p6x-ink-soft); text-decoration:none; font-size:.88rem; font-weight:600; border-left:3px solid transparent;
}
.p6x-rail a:hover{ background:var(--p6x-cream); color:var(--p6x-accent); border-left-color:var(--p6x-accent); }
.p6x-rail-main{ flex:1; min-width:0; }
@media (max-width:980px){
  .p6x-railwrap{ flex-direction:column; }
  .p6x-rail{ position:static; width:100%; flex-basis:auto; }
  .p6x-rail ul{ flex-direction:row; flex-wrap:wrap; }
  .p6x-rail a{ border-left:none; border-bottom:3px solid transparent; }
  .p6x-rail a:hover{ border-left-color:transparent; border-bottom-color:var(--p6x-accent); }
}

.p6x-inventory{
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:var(--p6x-radius);
  padding:1.6rem; box-shadow:var(--p6x-shadow); margin:1.6rem 0;
}
.p6x-inventory__group{ margin-bottom:1.6rem; }
.p6x-inventory__group:last-child{ margin-bottom:0; }
.p6x-inventory__group-title{
  display:flex; align-items:center; gap:.6rem; font-size:1rem; font-weight:700; color:var(--p6x-ink);
  margin-bottom:.8rem; padding-bottom:.4rem; border-bottom:2px solid var(--p6x-cream);
}
.p6x-inventory__grid{ display:grid; gap:1rem; grid-template-columns:repeat(4,1fr); }
@media (max-width:900px){ .p6x-inventory__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:620px){ .p6x-inventory__grid{ grid-template-columns:repeat(2,1fr); } }
.p6x-inventory-item{
  background:var(--p6x-porcelain); border:1px solid var(--p6x-border); border-radius:12px; overflow:hidden;
}
.p6x-inventory-item img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.p6x-inventory-item__body{ padding:.65rem .7rem .8rem; }
.p6x-inventory-item__tag{ font-size:.68rem; text-transform:uppercase; letter-spacing:.04em; color:var(--p6x-teal); font-weight:700; }
.p6x-inventory-item__name{ font-size:.88rem; font-weight:700; color:var(--p6x-ink); margin:.25rem 0 .3rem; line-height:1.3; }
.p6x-inventory-item__desc{ font-size:.78rem; color:var(--p6x-ink-soft); line-height:1.45; }

.p6x-sports-rail{ display:grid; gap:1.1rem; grid-template-columns:repeat(5,1fr); margin:1.4rem 0; }
@media (max-width:1100px){ .p6x-sports-rail{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:620px){ .p6x-sports-rail{ grid-template-columns:repeat(2,1fr); } }
.p6x-sports-card{
  background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px; overflow:hidden;
  box-shadow:0 10px 24px -18px rgba(26,20,32,0.35); text-decoration:none; color:inherit; display:block;
}
.p6x-sports-card img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.p6x-sports-card__body{ padding:.8rem .8rem 1rem; }
.p6x-sports-card__sport{ font-size:.9rem; font-weight:700; color:var(--p6x-ink); margin-bottom:.25rem; }
.p6x-sports-card__bet{ font-size:.75rem; color:var(--p6x-accent); font-weight:700; }
.p6x-sports-card__desc{ font-size:.8rem; color:var(--p6x-ink-soft); margin-top:.35rem; line-height:1.45; }

.p6x-promo-card{
  display:flex; gap:1rem; background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px;
  overflow:hidden; margin-bottom:1rem; box-shadow:0 10px 24px -18px rgba(26,20,32,0.3);
}
.p6x-promo-card img{ flex:0 0 34%; object-fit:cover; aspect-ratio:4/3; }
.p6x-promo-card__body{ padding:1rem 1.1rem; flex:1; }
.p6x-promo-card__title{ font-weight:700; color:var(--p6x-ink); margin-bottom:.35rem; }
.p6x-promo-card__terms{ font-size:.8rem; color:var(--p6x-ink-soft); margin-top:.5rem; }
@media (max-width:620px){ .p6x-promo-card{ flex-direction:column; } .p6x-promo-card img{ aspect-ratio:16/9; } }

.p6x-news-list{ display:flex; flex-direction:column; gap:1rem; margin:1.4rem 0; }
.p6x-news-item{ display:flex; gap:1rem; align-items:flex-start; background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:12px; padding:.9rem; }
.p6x-news-item img{ flex:0 0 120px; aspect-ratio:4/3; object-fit:cover; border-radius:8px; }
.p6x-news-item__date{ font-size:.74rem; color:var(--p6x-accent); font-weight:700; text-transform:uppercase; }
.p6x-news-item__title{ font-weight:700; color:var(--p6x-ink); margin:.2rem 0 .3rem; }
.p6x-news-item__desc{ font-size:.85rem; color:var(--p6x-ink-soft); }
@media (max-width:560px){ .p6x-news-item{ flex-direction:column; } .p6x-news-item img{ width:100%; flex-basis:auto; aspect-ratio:16/9; } }

.p6x-lottery-block{ display:flex; flex-direction:column; gap:.8rem; margin:1rem 0; }
.p6x-lottery-item{ background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:12px; padding:.9rem 1.1rem; }
.p6x-lottery-item__title{ font-weight:700; color:var(--p6x-ink); margin-bottom:.3rem; }

.p6x-sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:60; display:none;
  background:var(--p6x-card); border-top:1px solid var(--p6x-border); padding:.6rem .8rem;
  box-shadow:0 -10px 24px -18px rgba(26,20,32,0.4);
}
.p6x-sticky-cta a{ display:block; text-align:center; }
@media (max-width:780px){ .p6x-sticky-cta{ display:block; } body{ padding-bottom:4.6rem; } }

.p6x-mobile-cta-bar{ display:flex; gap:.6rem; }
.p6x-mobile-cta-bar__btn{
  flex:1; display:flex !important; align-items:center; justify-content:center; gap:.4rem;
  border-radius:999px; padding:.7rem 1rem; font-weight:700; font-size:.88rem;
  text-decoration:none; border:1px solid var(--p6x-accent); color:var(--p6x-accent); background:transparent;
}
.p6x-mobile-cta-bar__btn--primary{ background:var(--p6x-accent); color:#fff; }
.p6x-mobile-cta-bar__icon{ font-size:.85rem; line-height:1; }

.p6x-featured-promos{ margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid var(--p6x-border); }
.p6x-featured-promos__title{ font-size:1.05rem; margin:0 0 .9rem; color:var(--p6x-ink); }
.p6x-featured-promos__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
@media (max-width:780px){ .p6x-featured-promos__grid{ grid-template-columns:1fr; } }
.p6x-featured-promo-card{
  display:block; background:var(--p6x-card); border:1px solid var(--p6x-border); border-radius:14px;
  overflow:hidden; text-decoration:none; box-shadow:0 10px 24px -18px rgba(26,20,32,0.35);
}
.p6x-featured-promo-card img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:var(--p6x-cream); }
.p6x-featured-promo-card__title{
  display:block; padding:.8rem .9rem; font-size:.88rem; font-weight:700; color:var(--p6x-ink); line-height:1.45;
}
.p6x-featured-promos__more{ display:inline-block; margin-top:1rem; font-size:.85rem; font-weight:700; color:var(--p6x-accent); text-decoration:none; }
.p6x-featured-promos__more:hover{ text-decoration:underline; }