/* === tf-download (No Grouping + Dark Main + Unified Badges) === */
.tf-download{margin:0 0 20px!important}
.tf-download ul{padding:0;margin:0 0 25px 0;list-style:none}
.tf-download li{list-style:none;margin:0;padding:0;list-style-type:none}

/* Base card */
/* margin-bottom:12px забезпечує відступ між усіма кнопками */
.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:12px;margin-bottom:12px;transition:all .2s ease;overflow:hidden;background-color:#fff;border:1px solid #e1e4e8;cursor:pointer}

/* Click overlay - Covers entire button */
.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-radius:50%;z-index:2;background-repeat:no-repeat;background-position:center;background-size:24px;border:2px solid #e0e0e0;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;margin-bottom:6px;z-index:5;transition:color .2s ease}

/* General hover */
.tf-download li:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}

/* === 1. MAIN DOWNLOAD BUTTONS (Dark Green / White Text) === */
.tf-distr-file,.tf-distr-addfile,.tf-prod-file{background-color:#4CAF50!important;border:1px solid #388E3C!important}
.tf-distr-file a,.tf-distr-addfile a,.tf-prod-file a{color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
/* Hover */
.tf-distr-file:hover,.tf-distr-addfile:hover,.tf-prod-file:hover{background-color:#43A047!important}

/* === 2. MARKET BUTTONS (Light Green / Green Text) === */
.tf-prod-market,.tf-prod-link,.tf-prod-affiliate,.tf-prod-markets li{background-color:#f1f8e9!important;border:1px solid #a5d6a7!important;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.tf-prod-market a,.tf-prod-link a,.tf-prod-affiliate a,.tf-prod-markets li a{color:#2e7d32!important}
/* Hover */
.tf-prod-market:hover,.tf-prod-markets li:hover{background-color:#e8f5e9!important;border-color:#4CAF50!important;transform:translateY(-2px)}

/* === 3. BADGES (All Green / Lighter than Button) === */
.tf-extension,.tf-arch,.tf-size,.tf-os{display:inline-block;padding:4px 9px;margin:2px 6px 2px 0;border-radius:4px;font-size:12px;vertical-align:middle;white-space:nowrap;position:relative;z-index:5;pointer-events:none;background-color:#f1f8e9;border:1px solid #c5e1a5;font-weight:700!important}
.tf-arch,.tf-extension{color:#1b5e20;border-color:#a5d6a7}
.tf-extension{text-transform:uppercase}
.tf-size,.tf-os{color:#558b2f;opacity:.9}

/* Previous versions button */
.tf-download .btn-primary{display:block;width:100%;background-color:#fff;color:#4CAF50;border:1px solid #4CAF50;padding:12px;border-radius:8px;font-weight:700;font-size:14px;margin:20px 0;transition:all .2s;outline:0!important}
.tf-download .btn-primary:active,.tf-download .btn-primary:focus,.tf-download .btn-primary:hover{background-color:#fff;color:#2E7D32;border-color:#2E7D32;box-shadow:0 4px 12px rgba(0,0,0,.08)}

/* 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:#4CAF50}

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

@media(max-width:500px){
.tf-download li a{width:100%;margin-bottom:8px}
.tf-extension,.tf-arch,.tf-size,.tf-os{margin:5px 5px 0 0}
}