/* === tf-download (Blue Scheme #0078d4 + Unified Badges + Full Click) === */
.tf-download{margin:0 0 20px!important}
.tf-download ul{padding:0;margin:0 0 15px;list-style:none}
.tf-download li{list-style:none;margin:0;padding:0;list-style-type:none}

/* Base card - Added cursor:pointer */
.tf-download li{position:relative;padding:15px 20px 15px 72px;min-height:74px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;border-radius:8px;margin-bottom:12px;transition:all .2s ease;overflow:visible;background-color:#fff;border:1px solid #e1e4e8;cursor:pointer}

/* Click overlay - Increased Z-Index to cover badges */
.tf-download li a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;cursor:pointer}

/* Icon bubble */
.tf-download li::before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:42px;height:42px;background-color:#fff;border:1px solid #d1d1d1;background-repeat:no-repeat;background-position:center;background-size:22px;border-radius:50%;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,0.1)}

/* Title */
.tf-download li a{display:block;width:100%;font-size:16px;font-weight:700;text-decoration:none!important;line-height:1.3;color:#323130;margin-bottom:6px;z-index:5;transition:color .2s ease}

/* General hover */
.tf-download li:hover{transform:translateY(-2px);border-color:#0078d4;box-shadow:0 6px 16px rgba(0,120,212,.15);z-index:20}
.tf-download li:hover a{color:#0078d4}


/* === 1. MAIN DOWNLOAD BUTTONS (Dark Blue #0078d4 / White Text) === */
.tf-distr-file,.tf-distr-addfile,.tf-prod-file{background-color:#0078d4!important;border:1px solid #0078d4!important;box-shadow:0 4px 8px rgba(0,120,212,.25)}
.tf-distr-file a,.tf-distr-addfile a,.tf-prod-file a{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}
/* Hover */
.tf-distr-file:hover,.tf-distr-addfile:hover,.tf-prod-file:hover{background-color:#0066b8!important;border-color:#0066b8!important}


/* === 2. MARKET BUTTONS (Light Blue / Blue Text) === */
.tf-prod-market,.tf-prod-link,.tf-prod-affiliate,.tf-prod-markets li{background-color:#dff0ff!important;border:1px solid #bce0fd!important}
.tf-prod-market a,.tf-prod-link a,.tf-prod-affiliate a,.tf-prod-markets li a{color:#0078d4!important}
/* Hover */
.tf-prod-market:hover,.tf-prod-link:hover,.tf-prod-affiliate:hover,.tf-prod-markets li:hover{background-color:#bfdfff!important;border-color:#0066b8!important}


/* === 3. BADGES (Unified Style - White Card / Dark Gray Text) === */
.tf-extension,.tf-arch,.tf-size,.tf-os{display:inline-block;padding:4px 9px;margin:2px 6px 2px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.15);font-size:12px;font-weight:700;vertical-align:middle;white-space:nowrap;position:relative;z-index:5;pointer-events: none;}

/* Unified Text Color (Dark Gray #455a64) */
.tf-extension,.tf-arch,.tf-size,.tf-os{color:#455a64;border:none} 
.tf-extension{text-transform:uppercase}

/* Overrides for badges inside dark buttons (Ensure they pop) */
.tf-distr-file .tf-extension,.tf-distr-file .tf-arch,.tf-distr-file .tf-size,.tf-distr-file .tf-os{background-color:#fff;color:#455a64;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}


/* Previous versions button */
.tf-download .btn{display:block;width:100%;background-color:#fff;color:#0078d4;border:1px solid #0078d4;padding:12px;border-radius:6px;font-weight:700;font-size:16px;margin:10px 0 20px 0;transition:all .2s ease}
.tf-download .btn:hover{background-color:#eff6fc;color:#005a9e;border-color:#005a9e;box-shadow:none}

/* Collapse version block */
.collapse .tf-version{border-left:4px solid #d1d1d1;padding-left:20px;margin-left:10px;margin-bottom:25px!important;transition:border-color .2s ease}
.collapse .tf-version:hover{border-left-color:#0078d4}

/* === Icons mapping === */
.tf-distr-file::before{border-color:#90c2e7;background-image:url(/bbp-topfile/img/download.png)}
.tf-distr-addfile::before,.tf-prod-file::before{border-color:#90c2e7;background-image:url(/bbp-topfile/img/add.png)}
.tf-prod-link::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/external-link.png)}
.tf-prod-affiliate::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/download2.png)}
.tf-buy-product::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/buy.png)}
.tf-google-play::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/google-play.png)}
.tf-origin::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/origin.png)}
.tf-steam::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/steam.png)}
.tf-gog::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/gog.png)}
.tf-microsoft-store::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/microsoftstore.png)}
.tf-mac-app-store::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/mac-app-store.png)}
.tf-app-store::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/macappstore.png)}
.tf-chrome-web-store::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/chrome-store.png)}
.tf-epic-games-store::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/epic-games-store.png)}
.tf-add-ons-for-firefox::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/firefox-addons.png)}
.tf-microsoft-edge-add-ons::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/edge-addons.png)}
.tf-opera-add-ons::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/opera-addons.png)}
.tf-maxthon-extension-center::before{border-color:#e0e0e0;background-image:url(/bbp-topfile/img/maxthon.png)}