/*
Theme Name: Droidsbin Premium
Theme URI: https://droidsbin.net/
Author: Droidsbin
Description: A clean, white, mobile-first WordPress theme for Bangladesh-focused Android apps and game directories. Includes editable theme settings and app metadata fields.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: droidsbin
Tags: blog, news, custom-logo, custom-menu, featured-images, grid-layout, one-column, two-columns, right-sidebar
*/
:root{--db-primary:#1e9b59;--db-primary-dark:#147544;--db-ink:#20242b;--db-muted:#6e7782;--db-border:#e7eaee;--db-soft:#f6f8f7;--db-card:#fff;--db-radius:14px;--db-shadow:0 5px 22px rgba(22,35,28,.055);--db-container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--db-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.7}
a{color:var(--db-primary-dark);text-decoration:none}
a:hover{color:var(--db-primary);text-decoration:underline}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
button,.button,.db-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 17px;background:var(--db-primary);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
button:hover,.button:hover,.db-button:hover{background:var(--db-primary-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}
.db-container{width:min(var(--db-container),calc(100% - 36px));margin-inline:auto}
.db-topbar{background:#f4faf6;border-bottom:1px solid #e4f0e8;color:#5b6c60;font-size:12px;padding:6px 0}
.db-topbar-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.db-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--db-border)}
.db-header-main{min-height:76px;display:flex;align-items:center;gap:28px}
.db-brand{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--db-ink);font-size:25px;font-weight:850;letter-spacing:-1px}
.db-brand:hover{text-decoration:none;color:var(--db-ink)}
.db-brand img{max-height:48px;width:auto}
.db-brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--db-primary);color:#fff;border-radius:12px;font-size:21px;font-weight:900}
.db-nav{flex:1}
.db-nav ul{list-style:none;display:flex;align-items:center;gap:21px;margin:0;padding:0}
.db-nav li{margin:0}
.db-nav a{color:#303842;font-size:14px;font-weight:650}
.db-nav a:hover{color:var(--db-primary)}
.db-header-search{width:min(270px,25vw);position:relative}
.db-header-search input{width:100%;height:42px;border:1px solid var(--db-border);border-radius:11px;padding:0 14px;background:#f8faf9;outline:none}
.db-header-search input:focus{border-color:var(--db-primary);box-shadow:0 0 0 3px rgba(30,155,89,.1)}
.db-menu-toggle{display:none;background:#f1f7f3;color:var(--db-ink);padding:9px 12px}
.db-hero{padding:46px 0 30px;background:radial-gradient(ellipse at 85% 15%,rgba(30,155,89,.09),transparent 35%),linear-gradient(180deg,#fbfdfb,#fff)}
.db-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.db-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#eaf8ef;color:var(--db-primary-dark);padding:5px 11px;border-radius:99px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.db-hero h1{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-1.8px;margin:16px 0;color:#17231c}
.db-hero p{color:#64716a;max-width:640px;margin:0 0 22px}
.db-hero-search{display:flex;gap:9px;max-width:560px}
.db-hero-search input{flex:1;min-width:0;border:1px solid #dfe8e2;border-radius:11px;padding:13px 15px;background:#fff;outline:none}
.db-hero-search input:focus{border-color:var(--db-primary)}
.db-hero-art{background:linear-gradient(145deg,#f0faf3,#fff);border:1px solid #e0f0e5;border-radius:26px;padding:25px;min-height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.db-hero-art:before,.db-hero-art:after{content:"";position:absolute;border-radius:50%;background:rgba(30,155,89,.08)}
.db-hero-art:before{width:210px;height:210px;right:-30px;top:-70px}
.db-hero-art:after{width:140px;height:140px;left:-35px;bottom:-55px}
.db-hero-apps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:330px}
.db-hero-app{background:#fff;border:1px solid #e8eee9;border-radius:15px;padding:14px 8px;text-align:center;box-shadow:var(--db-shadow);font-size:12px;font-weight:750}
.db-hero-app .db-app-icon{margin:0 auto 8px;width:43px;height:43px}
.db-section{padding:28px 0}
.db-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:17px}
.db-section-head h2{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:0}
.db-section-head p{margin:5px 0 0;color:var(--db-muted);font-size:14px}
.db-text-link{font-size:13px;font-weight:800;white-space:nowrap}
.db-category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.db-category{border:1px solid var(--db-border);border-radius:13px;padding:15px 10px;display:flex;align-items:center;gap:10px;color:var(--db-ink);font-size:13px;font-weight:750;background:#fff;transition:.2s}
.db-category:hover{border-color:#b6dfc5;background:#f8fdf9;text-decoration:none;transform:translateY(-2px)}
.db-category-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#eaf8ef;color:var(--db-primary-dark);font-size:17px}
.db-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.db-app-card{border:1px solid var(--db-border);border-radius:var(--db-radius);padding:17px;background:#fff;box-shadow:0 2px 8px rgba(30,40,35,.018);transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}
.db-app-card:hover{transform:translateY(-3px);border-color:#c4e5cf;box-shadow:var(--db-shadow)}
.db-app-card-top{display:flex;gap:12px;align-items:center;min-width:0}
.db-app-icon{width:58px;height:58px;flex:0 0 58px;border-radius:14px;overflow:hidden;background:#eef3ef;display:grid;place-items:center;color:var(--db-primary-dark);font-size:22px;font-weight:900}
.db-app-icon img{width:100%;height:100%;object-fit:cover}
.db-app-card h3{font-size:15px;line-height:1.35;margin:0 0 4px;overflow-wrap:anywhere}
.db-app-card h3 a{color:#252c32}
.db-app-card .db-app-developer{font-size:12px;color:var(--db-muted);margin:0}
.db-app-meta{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 12px}
.db-chip{background:#f3f6f4;border-radius:6px;padding:3px 7px;font-size:11px;color:#5e6b63}
.db-app-card .db-card-excerpt{font-size:13px;line-height:1.55;color:#69746d;margin:0 0 13px}
.db-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f0f2f0;padding-top:12px}
.db-card-bottom .db-button{font-size:12px;padding:7px 12px;border-radius:8px}
.db-rating{font-size:12px;color:#7b6a2d;font-weight:800}
.db-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.db-feature{padding:20px;border-radius:15px;background:#f7faf8;border:1px solid #e8efea}
.db-feature-icon{width:42px;height:42px;display:grid;place-items:center;background:#e1f5e8;color:var(--db-primary-dark);border-radius:12px;font-size:20px;margin-bottom:12px}
.db-feature h3{margin:0 0 6px;font-size:16px}
.db-feature p{margin:0;color:var(--db-muted);font-size:13px}
.db-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding:32px 0 48px}
.db-page-title{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:0 0 10px}
.db-breadcrumbs{font-size:12px;color:var(--db-muted);margin-bottom:14px}
.db-breadcrumbs a{color:var(--db-muted)}
.db-article{min-width:0}
.db-article-content{font-size:16px;line-height:1.85;color:#333c36}
.db-article-content h2,.db-article-content h3,.db-article-content h4{line-height:1.35;color:#202922;margin-top:1.7em}
.db-article-content img{border-radius:12px}
.db-sidebar-box{border:1px solid var(--db-border);border-radius:14px;padding:18px;margin-bottom:17px;background:#fff}
.db-sidebar-box h3{font-size:16px;margin:0 0 12px}
.db-sidebar-box ul{list-style:none;padding:0;margin:0}
.db-sidebar-box li{padding:8px 0;border-bottom:1px solid #f0f2f0;font-size:13px}
.db-sidebar-box li:last-child{border:0}
.db-app-detail-head{display:flex;gap:20px;align-items:center;border:1px solid var(--db-border);border-radius:18px;padding:22px;margin:18px 0;background:linear-gradient(110deg,#fbfdfb,#fff)}
.db-app-detail-head .db-app-icon{width:90px;height:90px;flex-basis:90px;border-radius:20px}
.db-app-detail-head h1{margin:0 0 7px;font-size:clamp(25px,3vw,36px);line-height:1.2}
.db-app-detail-head p{margin:0;color:var(--db-muted);font-size:14px}
.db-app-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.db-fact{background:#f7faf8;border:1px solid #e9efeb;border-radius:11px;padding:12px}
.db-fact span{display:block;font-size:11px;color:var(--db-muted);margin-bottom:4px}
.db-fact strong{font-size:13px;overflow-wrap:anywhere}
.db-download-panel{padding:22px;border-radius:16px;background:#f1faf4;border:1px solid #dcefe2;margin:22px 0}
.db-download-panel h2{margin:0 0 5px;font-size:21px}
.db-download-panel p{font-size:13px;color:#637067;margin:0 0 15px}
.db-download-buttons{display:flex;gap:10px;flex-wrap:wrap}
.db-download-buttons .db-button.secondary{background:#fff;color:var(--db-primary-dark);border:1px solid #c9e4d2}
.db-screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.db-screenshots a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--db-border);background:#f7f7f7}
.db-screenshots img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.db-notice{font-size:13px;color:#5f6b63;background:#f7f8f7;border-left:3px solid var(--db-primary);padding:12px 15px;border-radius:0 8px 8px 0}
.db-pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}
.db-pagination .page-numbers{padding:8px 12px;border:1px solid var(--db-border);border-radius:8px}
.db-pagination .current{background:var(--db-primary);color:#fff;border-color:var(--db-primary)}
.db-footer{margin-top:25px;background:#f7faf8;border-top:1px solid var(--db-border);padding:38px 0 18px}
.db-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}
.db-footer h3{font-size:15px;margin:0 0 12px}
.db-footer p{font-size:13px;color:#69746d;margin:10px 0}
.db-footer ul{list-style:none;padding:0;margin:0}
.db-footer li{margin:7px 0;font-size:13px}
.db-footer-bottom{border-top:1px solid #e6ece8;margin-top:28px;padding-top:15px;font-size:12px;color:#758078;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.db-empty{border:1px dashed #d8e2db;padding:28px;border-radius:14px;text-align:center;color:var(--db-muted)}
.db-ad-slot{margin:18px 0;min-height:0}
.db-ad-slot:empty{display:none}
.db-mobile-nav{display:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alignwide{max-width:var(--db-container);margin-left:auto;margin-right:auto}
.alignfull{width:100%;max-width:none}
.wp-caption{max-width:100%}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{width:100%}
@media(max-width:1000px){.db-header-main{gap:15px}.db-nav ul{gap:13px}.db-header-search{width:210px}.db-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.db-category-row{grid-template-columns:repeat(3,1fr)}.db-content-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:760px){.db-topbar{display:none}.db-header-main{min-height:65px;gap:10px;flex-wrap:wrap;padding:10px 0}.db-brand{font-size:22px;flex:1}.db-menu-toggle{display:inline-flex}.db-nav{display:none;order:4;flex:0 0 100%;width:100%}.db-nav.is-open{display:block}.db-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.db-nav li{border-top:1px solid #f0f2f0;padding:9px 0}.db-header-search{order:3;width:100%;flex:0 0 100%}.db-hero{padding:30px 0 18px}.db-hero-grid{grid-template-columns:1fr;gap:22px}.db-hero h1{font-size:35px}.db-hero-art{min-height:180px}.db-section{padding:22px 0}.db-section-head h2{font-size:21px}.db-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.db-app-card{padding:12px}.db-app-icon{width:48px;height:48px;flex-basis:48px;border-radius:12px}.db-app-card h3{font-size:13px}.db-category-row{grid-template-columns:repeat(2,1fr);gap:9px}.db-category{padding:11px 8px;font-size:12px}.db-feature-strip{grid-template-columns:1fr}.db-content-layout{grid-template-columns:1fr;gap:22px;padding-top:24px}.db-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-sidebar-box{margin:0}.db-app-detail-head{padding:15px;gap:13px}.db-app-detail-head .db-app-icon{width:68px;height:68px;flex-basis:68px}.db-app-facts{grid-template-columns:repeat(2,1fr)}.db-screenshots{grid-template-columns:repeat(2,minmax(0,1fr))}.db-footer-grid{grid-template-columns:1fr 1fr;gap:22px}.db-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:420px){.db-container{width:calc(100% - 24px)}.db-hero h1{font-size:30px}.db-hero-search{flex-direction:column}.db-app-grid{grid-template-columns:1fr}.db-app-card{padding:14px}.db-app-card-top{gap:12px}.db-sidebar{grid-template-columns:1fr}.db-footer-grid{grid-template-columns:1fr}.db-footer-grid>div:first-child{grid-column:auto}.db-app-detail-head{align-items:flex-start}.db-download-buttons{flex-direction:column}.db-download-buttons .db-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}