/*
Theme Name: Coinflip Child
Template: coinflip
Version: 1.0
*/
/* =========================================================
   PokiesCasinoBonus – Custom Fixes (CHILD THEME)
   Cleaned + deduplicated
========================================================= */


/* =========================================================
   1) MOBILE – Bonus single (single-mt_bonus)
   Fix padding/gutters + prevent button break + wide elements
========================================================= */
@media (max-width:768px){
  :root{ --gutter:16px; } /* ajustează 14–20 după preferință */

  /* HERO (boxul de sus cu GET BONUS) */
  body.single-mt_bonus .mt_listing_header_section.bonus{
    padding-left:var(--gutter) !important;
    padding-right:var(--gutter) !important;
    box-sizing:border-box;
  }

  /* Butonul din hero să nu se rupă */
  body.single-mt_bonus .mt_listing_header_section.bonus .btn,
  body.single-mt_bonus .mt_listing_header_section.bonus a.button{
    width:auto !important;
    display:inline-block !important;
    white-space:nowrap !important;
    min-width:140px;
  }

  /* CONȚINUTUL DE MAI JOS – wrapperul corect */
  body.single-mt_bonus .mt_listing_content_parent{
    padding-left:var(--gutter) !important;
    padding-right:var(--gutter) !important;
    box-sizing:border-box;
  }

  /* Nu dubla padding-ul în containerele interne / WPBakery */
  body.single-mt_bonus .mt_listing_content_parent .container,
  body.single-mt_bonus .mt_listing_content_parent [class*="container"],
  body.single-mt_bonus .mt_listing_content_parent .vc_row,
  body.single-mt_bonus .mt_listing_content_parent .wpb_row,
  body.single-mt_bonus .mt_listing_content_parent .vc_row-fluid,
  body.single-mt_bonus .mt_listing_content_parent .vc_column_container > .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box;
  }

  /* Elemente “late” sigure pe mobil */
  body.single-mt_bonus .mt_listing_content_parent img,
  body.single-mt_bonus .mt_listing_content_parent table{
    max-width:100% !important;
    height:auto !important;
  }
}


/* =========================================================
   2) Category/Archive – Read more + remove white band + dark fade
   (pentru descrierea de taxonomie cu Show/Hide)
========================================================= */

/* Butoanele Show/Hide */
.cca-show-description,
.cca-hide-description{
  color:#8EE36B !important;
  font-weight:600 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  cursor:pointer !important;
  display:inline-block !important;
  position:relative !important;
  z-index:2002 !important;
}
.cca-show-description i,
.cca-hide-description i{
  color:#8EE36B !important;
  display:inline-block !important;
  vertical-align:middle !important;
}
.cca-read-more,
.cca-read-more-container{ position:relative !important; z-index:2001 !important; }

/* NUCLEAR: scoate orice fundal/gradient/umbră care produce banda albă */
.cca-taxonomy-description-holder,
.cca-taxonomy-description-holder *,
.cca-taxonomy-description-holder::before,
.cca-taxonomy-description-holder::after,
.cca-taxonomy-description-holder *::before,
.cca-taxonomy-description-holder *::after{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:none !important;
}
.cca-taxonomy-description-holder [style*="background"],
.cca-taxonomy-description-holder [style*="linear-gradient"],
.cca-taxonomy-description-holder [style*="gradient"]{
  background:transparent !important;
  background-image:none !important;
  filter:none !important;
}

/* Poziționare corectă */
.cca-taxonomy-description-holder{ position:relative !important; overflow:visible !important; z-index:1000 !important; }
.cca-term-description{ position:relative !important; z-index:1000 !important; }

/* Fade ÎNTUNECAT controlat (nu blochează click) */
.cca-term-description::after{
  content:"" !important;
  position:absolute;
  top:0; right:0; bottom:0;
  width:120px; /* ajustează dacă vrei */
  background:linear-gradient(90deg, rgba(17,23,34,0) 0%,
                                   rgba(17,23,34,.85) 70%,
                                   #111722 100%) !important;
  pointer-events:none !important;
  z-index:1001 !important;
}

/* Reduce spațiul dintre descriere și butoane */
.cca-taxonomy-description-holder,
.cca-term-description{
  margin-bottom:4px !important;
  padding-bottom:0 !important;
  min-height:0 !important;
}
.cca-read-more-container{
  margin-top:0 !important;
  padding-top:0 !important;
  line-height:1.1 !important;
  display:block !important;
  position:relative !important;
  top:-10px !important; /* ajustează între -6px și -14px după gust */
}
.cca-read-more-container span{
  margin:0 !important;
  padding:0 !important;
}


/* =========================================================
   3) BLOG POSTS – TABLE + LINK VISIBILITY (Dark theme)
   Fix exact problema din screenshot (text prea închis în tabele)
   Scope: only single posts + content area
========================================================= */

/* Tables (single blog posts) */
body.single-post article .article-content table{
  width:100%;
  border-collapse:collapse;
  background:rgba(255,255,255,0.04);
}

body.single-post article .article-content table th,
body.single-post article .article-content table td{
  color:rgba(255,255,255,0.92) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.92) !important;
  opacity:1 !important;
  visibility:visible !important;
  border:1px solid rgba(255,255,255,0.15);
  padding:12px 14px;
}

body.single-post article .article-content table thead th{
  background:rgba(255,255,255,0.08);
  font-weight:700;
}

body.single-post article .article-content table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,0.03);
}

/* Make tables scrollable on mobile */
@media (max-width:768px){
  body.single-post article .article-content table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }
}

/* Links in blog post content (not footer) */
body.single-post article .article-content a{
  color:#8EE36B !important;
  -webkit-text-fill-color:#8EE36B !important;
  text-decoration:underline;
  text-underline-offset:3px;
  opacity:1 !important;
  visibility:visible !important;
}
body.single-post article .article-content a:hover{
  color:#A9F28C !important;
}

/* Optional: keep strong/list text readable in post body */
body.single-post article .article-content ul li,
body.single-post article .article-content ol li{
  color:rgba(255,255,255,0.92);
}
body.single-post article .article-content strong{
  color:rgba(255,255,255,0.96);
}