/*
Theme Name: Interview Directory Pro
Theme URI: https://interviewquestionshub.com/
Author: Piyush Dabhi
Description: Mobile-first WordPress block theme for searchable interview-question and answer directories. Compatible with Interview Directory Core 1.1 CSV Draft/Publish importer.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: interview-directory-pro
License: GPL-2.0-or-later
*/

:root{--idp-navy:#0b1f3a;--idp-blue:#2563eb;--idp-blue2:#1d4ed8;--idp-ink:#172033;--idp-muted:#5c677d;--idp-line:#dfe5ef;--idp-soft:#f5f8fc;--idp-green:#0f9f6e;--idp-white:#fff;--idp-radius:16px;--idp-shadow:0 10px 30px rgba(11,31,58,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--idp-ink);background:#fff;font-family:Poppins,Arial,sans-serif;line-height:1.7}a{color:var(--idp-blue2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wp-site-blocks{overflow:hidden}.idp-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.idp-narrow{width:min(820px,calc(100% - 32px));margin-inline:auto}.idp-section{padding:72px 0}.idp-soft{background:var(--idp-soft)}
.idp-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--idp-line)}.idp-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.idp-brand{font-weight:800;font-size:21px;color:var(--idp-navy);letter-spacing:-.5px}.idp-brand strong{color:var(--idp-blue)}.idp-site-header .wp-block-navigation{font-size:14px;font-weight:600}.idp-site-header .wp-block-navigation-item__content{padding:10px 4px}.idp-header-cta{border-radius:999px!important;padding:11px 18px!important;background:var(--idp-blue)!important;color:#fff!important;font-weight:700!important}
.idp-hero{background:linear-gradient(135deg,#081a32 0%,#123d76 58%,#2463d5 100%);color:#fff;padding:86px 0 76px;position:relative}.idp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.16),transparent 30%);pointer-events:none}.idp-hero>*{position:relative;z-index:1}.idp-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.idp-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-2px;margin:18px 0 14px;max-width:850px}.idp-hero p{font-size:18px;max-width:720px;color:#e7efff}.idp-search-hero{max-width:900px;margin-top:30px}.idp-search-row{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:10px;background:#fff;padding:10px;border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.22)}.idp-search-row input,.idp-search-row select{min-width:0;border:1px solid #dbe3ef;border-radius:11px;padding:13px 14px;font:inherit;color:var(--idp-ink);background:#fff}.idp-search-row button{border:0;border-radius:11px;background:var(--idp-blue);color:#fff;font:inherit;font-weight:700;padding:13px 20px;cursor:pointer}.idp-popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.idp-popular a{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);border-radius:999px;padding:6px 10px;font-size:13px}
.idp-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.idp-section-title h2{margin:0;color:var(--idp-navy);font-size:clamp(28px,4vw,40px);line-height:1.15}.idp-section-title p{margin:8px 0 0;color:var(--idp-muted)}.idp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.idp-tax-card,.idp-guide-card{background:#fff;border:1px solid var(--idp-line);border-radius:var(--idp-radius);padding:22px;box-shadow:0 4px 18px rgba(11,31,58,.04);transition:.2s transform,.2s box-shadow,.2s border-color}.idp-tax-card:hover,.idp-guide-card:hover{transform:translateY(-3px);box-shadow:var(--idp-shadow);border-color:#bfcef0;text-decoration:none}.idp-tax-icon{width:48px;height:48px;border-radius:13px;background:#e8f0ff;color:var(--idp-blue);display:grid;place-items:center;font-weight:800;margin-bottom:18px}.idp-tax-card h3,.idp-guide-card h3{margin:0 0 8px;font-size:18px;line-height:1.35;color:var(--idp-navy)}.idp-tax-card p,.idp-guide-card p{color:var(--idp-muted);font-size:14px;margin:0}.idp-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.idp-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;background:#edf3ff;color:#2454aa}.idp-badge.green{background:#e7f8f2;color:#087a55}.idp-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--idp-line);padding-top:15px;margin-top:18px;font-size:13px;color:var(--idp-muted)}
.idp-directory{padding:34px 0 72px}.idp-filter{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;background:#fff;border:1px solid var(--idp-line);border-radius:16px;padding:14px;margin-bottom:28px;box-shadow:var(--idp-shadow)}.idp-filter input,.idp-filter select{width:100%;border:1px solid var(--idp-line);border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.idp-filter button{border:0;border-radius:10px;background:var(--idp-blue);color:#fff;padding:11px 18px;font:inherit;font-weight:700}.idp-directory-count{margin:0 0 18px;color:var(--idp-muted);font-size:14px}.idp-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.idp-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--idp-line);border-radius:9px}.idp-pagination .current{background:var(--idp-blue);color:#fff;border-color:var(--idp-blue)}
.idp-guide-wrap{background:var(--idp-soft);padding:36px 0 80px}.idp-breadcrumbs{font-size:13px;color:var(--idp-muted);margin:0 0 18px}.idp-breadcrumbs a{color:var(--idp-muted)}.idp-guide-hero{background:#fff;border:1px solid var(--idp-line);border-radius:22px;padding:34px;box-shadow:var(--idp-shadow)}.idp-guide-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-1.4px;color:var(--idp-navy);margin:12px 0}.idp-guide-lead{font-size:18px;color:var(--idp-muted);max-width:850px}.idp-guide-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.idp-stat{border:1px solid var(--idp-line);border-radius:12px;padding:10px 14px;background:#fbfcfe;font-size:13px}.idp-featured{margin-top:26px;border-radius:18px;overflow:hidden}.idp-guide-layout{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:28px;margin-top:28px;align-items:start}.idp-main-card,.idp-side-card{background:#fff;border:1px solid var(--idp-line);border-radius:18px;padding:28px;box-shadow:0 5px 20px rgba(11,31,58,.05)}.idp-side-card{position:sticky;top:92px;padding:20px}.idp-side-card h3{font-size:15px;margin:0 0 12px;color:var(--idp-navy)}.idp-side-card ul{list-style:none;padding:0;margin:0}.idp-side-card li{border-top:1px solid var(--idp-line)}.idp-side-card li:first-child{border-top:0}.idp-side-card a{display:block;padding:9px 0;font-size:13px;color:var(--idp-muted)}.idp-ai-overview{border:1px solid #bdd0f8;background:linear-gradient(135deg,#f0f5ff,#fff);border-radius:16px;padding:22px;margin:0 0 28px}.idp-ai-overview h2{font-size:20px;margin:0 0 8px;color:var(--idp-navy)}.idp-main-card h2{font-size:28px;color:var(--idp-navy);margin:38px 0 15px;line-height:1.3}.idp-main-card h3{font-size:21px;color:var(--idp-navy);margin:30px 0 12px}.idp-main-card p,.idp-main-card li{font-size:16px}.idp-question-list{margin-top:28px}.idp-question{border:1px solid var(--idp-line);border-radius:14px;margin:12px 0;background:#fff;overflow:hidden;scroll-margin-top:100px}.idp-question summary{list-style:none;display:flex;gap:12px;align-items:flex-start;padding:18px 20px;cursor:pointer;font-weight:700;color:var(--idp-navy)}.idp-question summary::-webkit-details-marker{display:none}.idp-qnum{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:#eaf1ff;color:var(--idp-blue);font-size:12px}.idp-question summary:after{content:"+";margin-left:auto;font-size:22px;font-weight:500}.idp-question[open] summary:after{content:"–"}.idp-answer{border-top:1px solid var(--idp-line);padding:18px 20px 22px;color:#344056}.idp-answer>:first-child{margin-top:0}.idp-answer>:last-child{margin-bottom:0}.idp-ad{min-height:90px;border:1px dashed #c6cfdd;border-radius:12px;background:#fafbfc;color:#8a93a3;display:grid;place-items:center;text-align:center;padding:14px;margin:28px 0;font-size:12px}.idp-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.idp-related a{border:1px solid var(--idp-line);border-radius:12px;padding:14px;color:var(--idp-navy);font-weight:600}.idp-related a:hover{border-color:#b6c8ef;background:#f8faff;text-decoration:none}.idp-edit-note{background:#fff8e5;border:1px solid #f2d58c;border-radius:12px;padding:13px 15px;font-size:13px;color:#674d0c;margin-bottom:20px}
.idp-footer{background:var(--idp-navy);color:#dbe6f6;padding:56px 0 22px}.idp-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px}.idp-footer h3,.idp-footer h4{color:#fff;margin-top:0}.idp-footer a{color:#dbe6f6}.idp-footer ul{list-style:none;padding:0;margin:0}.idp-footer li{margin:7px 0}.idp-copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:34px;padding-top:18px;font-size:13px;color:#aabbd0}
@media(max-width:980px){.idp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idp-filter{grid-template-columns:repeat(2,1fr)}.idp-filter input{grid-column:1/-1}.idp-guide-layout{grid-template-columns:1fr}.idp-side-card{position:static;order:-1}.idp-search-row{grid-template-columns:1fr 1fr}.idp-search-row input{grid-column:1/-1}.idp-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.idp-shell,.idp-narrow{width:min(100% - 22px,1180px)}.idp-section{padding:50px 0}.idp-header-inner{min-height:64px}.idp-hero{padding:62px 0}.idp-hero h1{letter-spacing:-1px}.idp-search-row{grid-template-columns:1fr;border-radius:14px}.idp-search-row input{grid-column:auto}.idp-grid,.idp-related,.idp-filter,.idp-footer-grid{grid-template-columns:1fr}.idp-guide-hero,.idp-main-card{padding:21px;border-radius:16px}.idp-guide-wrap{padding-top:18px}.idp-main-card h2{font-size:24px}.idp-question summary{padding:15px}.idp-answer{padding:16px}.idp-site-header .wp-block-navigation__responsive-container.is-menu-open{padding:26px}.idp-section-title{display:block}.idp-section-title>a{display:inline-block;margin-top:10px}}