/* ===== Indian Rummy Apps Theme CSS ===== */
/* Mobile-First · Indian Aesthetic · EEAT Standards */

/* --- Reset & Base --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;background:#f0f2f5;color:#1a1a2e;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#0d47a1;text-decoration:none}
a:hover{color:#1565c0}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
input,button,textarea{font-family:inherit;font-size:inherit}

/* --- Container --- */
.ira-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* --- Header --- */
.ira-header{background:linear-gradient(135deg,#0d1b3e 0%,#1a237e 50%,#0d47a1 100%);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.ira-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:10px 16px;gap:12px}
.ira-site-title{font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap}
.custom-logo{max-height:40px;width:auto}
.ira-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.ira-menu-toggle span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:.3s}
.ira-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0d1b3e;padding:10px 16px;z-index:99}
.ira-nav.active{display:block}
.ira-nav-list{display:flex;flex-direction:column;gap:6px}
.ira-nav-list li a{color:#e8eaf6;padding:8px 0;display:block;font-size:.9rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08)}
.ira-nav-list li a:hover{color:#ffd54f}
.ira-header-search{display:none}
.ira-header-search form{display:flex;gap:4px}
.ira-header-search input{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;font-size:.85rem;width:180px}
.ira-header-search input::placeholder{color:rgba(255,255,255,.6)}
.ira-header-search button{background:rgba(255,255,255,.2);border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:.9rem}

/* --- Breadcrumbs --- */
.ira-breadcrumbs{padding:12px 0;font-size:.8rem;color:#666;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.ira-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.ira-breadcrumbs li{display:inline-flex;align-items:center}
.ira-breadcrumbs a{color:#0d47a1}
.ira-breadcrumbs .sep{color:#999;margin:0 2px}
.ira-breadcrumbs [aria-current]{color:#333;font-weight:600}

/* --- Hero Section (Home) --- */
.ira-hero{background:linear-gradient(135deg,#0d1b3e 0%,#1a237e 60%,#283593 100%);color:#fff;padding:40px 16px;text-align:center;position:relative;overflow:hidden}
.ira-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,.03)" d="M0,96L48,112C96,128,192,160,288,186.7C384,213,480,235,576,213.3C672,192,768,128,864,128C960,128,1056,192,1152,208C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"/></svg>') no-repeat bottom;background-size:cover;opacity:.4}
.ira-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}
.ira-hero-title{font-size:1.5rem;font-weight:800;margin-bottom:12px;line-height:1.3}
.ira-hero-desc{font-size:.95rem;color:#c5cae9;margin-bottom:20px;line-height:1.5}
.ira-hero-search form{display:flex;gap:8px;max-width:500px;margin:0 auto}
.ira-hero-search input{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:.95rem;background:rgba(255,255,255,.95)}
.ira-hero-search button{padding:12px 24px;background:#ff6f00;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s}
.ira-hero-search button:hover{background:#e65100}

/* --- Section Common --- */
.ira-section{padding:30px 0}
.ira-section-title{font-size:1.2rem;font-weight:700;color:#0d1b3e;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.ira-section-desc{font-size:.85rem;color:#666;margin-bottom:16px}

/* --- Category Grid --- */
.ira-cat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ira-cat-card{background:#fff;border-radius:12px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;align-items:center;gap:4px}
.ira-cat-card:active{transform:scale(.97)}
.ira-cat-icon{font-size:1.6rem}
.ira-cat-name{font-weight:600;font-size:.85rem;color:#0d1b3e}
.ira-cat-count{font-size:.75rem;color:#888}

/* --- App Grid / Cards --- */
.ira-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ira-app-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s;display:flex;flex-direction:column}
.ira-app-card:active{transform:scale(.97)}
.ira-app-card-img{padding:12px 12px 0;display:flex;justify-content:center}
.ira-app-card-img img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.ira-app-card-body{padding:8px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.ira-app-card-title{font-size:.85rem;font-weight:700;line-height:1.3}
.ira-app-card-title a{color:#0d1b3e}
.ira-app-card-title a:hover{color:#0d47a1}
.ira-app-card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#666;gap:4px}
.ira-rating{color:#f9a825}
.ira-search-vol{color:#888;font-size:.7rem}
.ira-app-card-bonus{font-size:.8rem;color:#e65100;font-weight:600;padding:3px 8px;background:#fff3e0;border-radius:4px;display:inline-block;width:fit-content}
.ira-btn-download{display:block;text-align:center;padding:8px 12px;background:#2e7d32;color:#fff;border-radius:6px;font-size:.8rem;font-weight:700;margin-top:auto;transition:background .2s}
.ira-btn-download:hover{background:#1b5e20;color:#fff}

/* --- Features Grid --- */
.ira-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ira-feature-item{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);text-align:center}
.ira-feature-icon{font-size:1.5rem;display:block;margin-bottom:8px}
.ira-feature-item h3{font-size:.85rem;font-weight:700;color:#0d1b3e;margin-bottom:4px}
.ira-feature-item p{font-size:.8rem;color:#666;line-height:1.4}

/* --- Single App Page --- */
.ira-app-single{padding:0 0 40px}
.ira-app-hero{background:linear-gradient(135deg,#0d1b3e,#1a237e);color:#fff;padding:20px 16px 24px;border-radius:0 0 20px 20px;margin:0 -16px;display:flex;flex-direction:column;gap:16px}
.ira-app-hero-img{display:flex;justify-content:center}
.ira-app-hero-img img{width:100px;height:100px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.ira-app-hero-info{display:flex;flex-direction:column;gap:12px}
.ira-app-title{font-size:1.25rem;font-weight:800;line-height:1.3;text-align:center}
.ira-app-meta-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:.8rem;color:#c5cae9}
.ira-meta-rating,.ira-meta-downloads,.ira-meta-searches{background:rgba(255,255,255,.1);padding:4px 10px;border-radius:20px}
.ira-app-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ira-info-item{background:rgba(255,255,255,.08);border-radius:8px;padding:8px;text-align:center}
.ira-info-label{display:block;font-size:.7rem;color:#90caf9;margin-bottom:2px}
.ira-info-value{display:block;font-size:.85rem;font-weight:600;color:#fff}
.ira-info-bonus .ira-info-value{color:#ffd54f}
.ira-info-withdrawal .ira-info-value{color:#81c784}
.popup-trigger{background:none;border:none;color:#90caf9;cursor:pointer;font-size:.75rem;padding:0 2px;vertical-align:middle;display:inline}
.ira-app-hero-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}
.ira-btn-download-large{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#ff6f00,#e65100);color:#fff;border-radius:8px;font-weight:800;font-size:.95rem;text-align:center;transition:transform .15s}
.ira-btn-download-large:hover{transform:scale(1.02);color:#fff}
.ira-safety-badge{font-size:.75rem;color:#81c784;display:flex;align-items:center;gap:4px}

/* --- App Content --- */
.ira-app-content-wrap{display:flex;flex-direction:column;gap:20px;padding-top:20px}
.ira-app-main-content{display:flex;flex-direction:column;gap:16px}
.ira-app-section-block{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ira-app-section-block h2{font-size:1.05rem;font-weight:700;color:#0d1b3e;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #e8eaf6}
.ira-app-section-block p{font-size:.88rem;color:#444;line-height:1.7;margin-bottom:8px}
.ira-features-list ul{padding-left:16px}
.ira-features-list li{font-size:.85rem;color:#444;padding:4px 0;list-style:disc;margin-left:16px;line-height:1.5}

/* --- Screenshots --- */
.ira-screenshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ira-screenshot-gallery img{border-radius:8px;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.1)}

/* --- FAQ --- */
.ira-faq-section h2{margin-bottom:4px}
.ira-faq-list{display:flex;flex-direction:column;gap:2px}
.ira-faq-item{background:#f5f7fa;border-radius:8px;overflow:hidden}
.ira-faq-item summary{padding:12px 14px;font-weight:600;font-size:.88rem;color:#0d1b3e;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}
.ira-faq-item summary::-webkit-details-marker{display:none}
.ira-faq-item summary::before{content:'Q: ';color:#0d47a1;font-weight:800}
.ira-faq-item[open] summary::before{content:'Q: '}
.ira-faq-answer{padding:0 14px 14px 34px;font-size:.85rem;color:#444;line-height:1.6}

/* --- Sidebar / Similar Apps --- */
.ira-app-sidebar{display:flex;flex-direction:column;gap:16px}
.ira-similar-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ira-similar-section h3{font-size:1rem;font-weight:700;color:#0d1b3e;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #e8eaf6}
.ira-similar-list{display:flex;flex-direction:column;gap:8px}
.ira-similar-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#f8f9fa;transition:background .15s}
.ira-similar-item:hover{background:#e8eaf6}
.ira-similar-item img{width:40px;height:40px;border-radius:8px;flex-shrink:0}
.ira-similar-info{flex:1;min-width:0}
.ira-similar-info a{font-size:.82rem;font-weight:600;color:#0d1b3e;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ira-similar-rating{font-size:.7rem;color:#888}
.ira-similar-bonus{font-size:.7rem;color:#e65100;display:block}
.ira-btn-sm{padding:6px 12px;background:#2e7d32;color:#fff;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;flex-shrink:0}
.ira-btn-sm:hover{background:#1b5e20;color:#fff}

/* --- Popup Overlay --- */
.ira-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:999;display:none;align-items:center;justify-content:center;padding:20px}
.ira-popup-overlay.active{display:flex}
.ira-popup-content{background:#fff;border-radius:16px;padding:24px;max-width:360px;width:100%;position:relative;max-height:80vh;overflow-y:auto}
.ira-popup-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:#666;line-height:1}
.ira-popup-content h3{font-size:1rem;font-weight:700;color:#0d1b3e;margin-bottom:12px}
.ira-popup-content p{font-size:.85rem;color:#444;line-height:1.6;margin-bottom:8px}

/* --- Archive --- */
.ira-archive-header{padding:16px 0 8px}
.ira-archive-title{font-size:1.3rem;font-weight:800;color:#0d1b3e}
.ira-archive-desc{font-size:.85rem;color:#666;margin-top:4px}

/* --- Pagination --- */
.ira-pagination{display:flex;justify-content:center;gap:4px;padding:24px 0;flex-wrap:wrap}
.ira-pagination .page-numbers{padding:8px 14px;background:#fff;border-radius:6px;font-size:.85rem;color:#0d47a1;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.ira-pagination .current{background:#0d47a1;color:#fff}
.ira-no-results{text-align:center;padding:40px 0;color:#888;font-size:.95rem}

/* --- Footer --- */
.ira-footer{background:#0d1b3e;color:#c5cae9;padding:40px 16px 20px;margin-top:30px}
.ira-footer-inner{max-width:1200px;margin:0 auto}
.ira-footer-widgets{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}
.ira-footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:10px}
.ira-footer-col p{font-size:.82rem;line-height:1.5;color:#9fa8da}
.ira-footer-links li{margin-bottom:4px}
.ira-footer-links a{color:#c5cae9;font-size:.85rem;transition:color .2s}
.ira-footer-links a:hover{color:#ffd54f}
.ira-footer-hindi{background:rgba(255,255,255,.05);border-radius:10px;padding:14px;margin-bottom:20px;text-align:center}
.ira-footer-hindi p{font-size:.85rem;line-height:1.7;color:#9fa8da;font-weight:400}
.ira-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;text-align:center}
.ira-footer-bottom p{font-size:.8rem;margin-bottom:4px}
.ira-footer-bottom a{color:#c5cae9}
.ira-footer-tagline{font-size:.7rem;color:#7986cb;font-style:italic}

/* --- Page Content --- */
.ira-page-content{background:#fff;border-radius:12px;padding:24px;margin:16px 0;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ira-page-title{font-size:1.3rem;font-weight:800;color:#0d1b3e;margin-bottom:16px}
.ira-page-body h2{font-size:1.1rem;font-weight:700;color:#0d1b3e;margin:20px 0 10px}
.ira-page-body h3{font-size:1rem;font-weight:700;color:#0d1b3e;margin:16px 0 8px}
.ira-page-body p{font-size:.88rem;color:#444;line-height:1.7;margin-bottom:12px}
.ira-page-body ul{padding-left:20px;margin-bottom:12px}
.ira-page-body li{font-size:.85rem;color:#444;line-height:1.6;list-style:disc;margin-bottom:4px}

/* --- 404 --- */
.ira-404{text-align:center;padding:60px 16px}
.ira-404 h1{font-size:1.5rem;color:#0d1b3e;margin-bottom:12px}
.ira-404 p{font-size:.9rem;color:#666;margin-bottom:10px}
.ira-404 form{display:flex;gap:8px;max-width:400px;margin:16px auto}
.ira-404 input{flex:1;padding:10px 14px;border:2px solid #ddd;border-radius:8px}
.ira-404 button{padding:10px 20px;background:#0d47a1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}

/* --- Category Page (taxonomy-app_type) --- */
.ira-cat-hero{background:linear-gradient(135deg,#0d1b3e 0%,#1a237e 60%,#283593 100%);color:#fff;padding:36px 16px;text-align:center}
.ira-cat-hero-icon{font-size:3rem;display:block;margin-bottom:8px}
.ira-cat-hero-title{font-size:1.5rem;font-weight:800;margin-bottom:8px}
.ira-cat-hero-desc{font-size:.9rem;color:#c5cae9;max-width:650px;margin:0 auto;line-height:1.5}
.ira-cat-stats{display:flex;gap:12px;padding:12px 0;flex-wrap:wrap;font-size:.8rem;color:#666}
.ira-cat-intro{font-size:.88rem;color:#555;line-height:1.6;margin-bottom:16px}
.ira-cat-app-grid{margin-bottom:20px}
.ira-app-card-badges{display:flex;gap:4px;flex-wrap:wrap;font-size:.72rem;margin:4px 0}
.ira-badge-bonus{background:#fff3e0;color:#e65100;padding:2px 6px;border-radius:4px}
.ira-badge-withdrawal{background:#e8f5e9;color:#2e7d32;padding:2px 6px;border-radius:4px}
.ira-cat-empty{text-align:center;padding:40px 0;color:#888}
.ira-cat-faq{margin-bottom:20px}

@media(min-width:768px){
    .ira-cat-hero{padding:48px 20px}
    .ira-cat-hero-title{font-size:1.8rem}
}
@media(min-width:1024px){
    .ira-cat-hero{padding:56px 24px}
    .ira-cat-hero-title{font-size:2rem}
}

/* ===== Tablet (480px+) ===== */
@media(min-width:480px){
    .ira-cat-cards{grid-template-columns:repeat(3,1fr)}
    .ira-app-grid{grid-template-columns:repeat(2,1fr)}
    .ira-app-hero{padding:24px 20px;border-radius:0 0 24px 24px;margin:0;flex-direction:row;align-items:flex-start;gap:20px}
    .ira-app-hero-img img{width:100px;height:100px}
    .ira-app-title{text-align:left;font-size:1.4rem}
    .ira-app-meta-strip{justify-content:flex-start}
    .ira-hero-title{font-size:1.8rem}
}

/* ===== Desktop (768px+) ===== */
@media(min-width:768px){
    .ira-menu-toggle{display:none}
    .ira-nav{display:block!important;position:static;background:transparent;padding:0}
    .ira-nav-list{flex-direction:row;gap:16px}
    .ira-nav-list li a{border:none;padding:6px 0;font-size:.85rem}
    .ira-header-search{display:block}
    .ira-cat-cards{grid-template-columns:repeat(4,1fr)}
    .ira-app-grid{grid-template-columns:repeat(3,1fr)}
    .ira-app-content-wrap{flex-direction:row;gap:24px}
    .ira-app-main-content{flex:1}
    .ira-app-sidebar{width:320px;flex-shrink:0}
    .ira-footer-widgets{grid-template-columns:repeat(3,1fr)}
    .ira-hero{padding:60px 20px}
    .ira-hero-title{font-size:2rem}
    .ira-hero-desc{font-size:1rem}
    .ira-features-grid{grid-template-columns:repeat(4,1fr)}
    .ira-app-hero{flex-direction:row;padding:28px 24px}
    .ira-app-hero-img img{width:120px;height:120px}
    .ira-info-grid{grid-template-columns:repeat(3,1fr)}
    .ira-section{padding:40px 0}
}

/* ===== Large Desktop (1024px+) ===== */
@media(min-width:1024px){
    .ira-app-grid{grid-template-columns:repeat(4,1fr)}
    .ira-hero-title{font-size:2.2rem}
}