/*
Theme Name: Try This Card
Theme URI: https://trythiscard.com
Author: TryThisCard
Description: Credit card comparison theme inspired by modern comparison marketplaces. Original TryThisCard branding and components.
Version: 1.1.0
Text Domain: trythiscard
*/
:root{--navy:#07366f;--blue:#0757b8;--sky:#eaf7ff;--green:#09c83f;--gold:#ffc400;--text:#4d5560;--line:#e8edf3;--shadow:0 5px 18px rgba(0,30,70,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:var(--blue)}.ttc-wrap{max-width:1320px;margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-row{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:900;color:var(--navy);letter-spacing:-1px}.brand span{color:#f4b52b}.top-nav{display:flex;gap:42px;font-weight:700;color:var(--navy)}.factbar{padding:14px 0;color:#70819a;font-size:14px}.hero{text-align:center;padding:20px 0 38px}.hero h1{font-family:Georgia,serif;color:var(--navy);font-size:44px;margin:0 0 10px}.hero p{color:#7d8ca2}.content-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px}.sidebar{position:sticky;top:105px;align-self:start}.sidebar h3{font-size:14px;color:var(--navy);letter-spacing:.5px}.filter-list{list-style:none;padding:0;margin:0}.filter-list li{margin:3px 0}.filter-list button{width:100%;border:0;background:transparent;padding:10px 14px;border-radius:24px;text-align:left;color:var(--navy);font-size:15px;cursor:pointer}.filter-list button:hover,.filter-list button.active{background:var(--sky);font-weight:800}.trustbox{border:1px solid #e4ebf3;border-radius:12px;margin-top:55px;padding:28px;text-align:center;color:#aeb8c4}.trustbox strong{display:block;color:#9cacbe;letter-spacing:1px;margin-bottom:20px}.trustbox .press{font-family:Georgia,serif;font-size:28px;line-height:1.8;font-weight:700}.cards{display:flex;flex-direction:column;gap:38px}.credit-card{position:relative;border:1px solid #edf0f4;border-radius:15px;box-shadow:var(--shadow);background:#fff;overflow:visible}.award{position:absolute;left:-18px;top:-13px;background:#ccecff;color:var(--navy);font-weight:700;padding:7px 28px 7px 36px;clip-path:polygon(0 50%,8% 0,92% 0,100% 50%,92% 100%,8% 100%);font-size:14px}.card-main{display:grid;grid-template-columns:245px 1fr 190px;gap:28px;padding:34px 34px 20px}.card-art{height:145px;border-radius:9px;background:linear-gradient(135deg,#074b9a,#052c60);color:white;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.compare-btn{display:block;margin-top:16px;background:#f5f6f7;color:#55606f;text-align:center;padding:11px;border-radius:4px;font-weight:700}.rates{text-align:center;font-size:13px;margin-top:12px}.card-title{color:var(--blue);font-size:24px;line-height:1.12;margin:0 0 2px}.score{display:flex;align-items:center;gap:10px;margin:3px 0 20px}.score b{font-size:36px;color:var(--navy)}.stars{color:var(--gold);font-size:23px;letter-spacing:-2px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature h4{color:var(--navy);margin:0 0 8px;font-size:15px}.feature p{margin:0;line-height:1.5;font-size:15px}.apply{background:var(--green);color:#fff;border-radius:5px;padding:14px 18px;text-align:center;font-size:19px;display:block}.secure{text-align:center;font-size:12px;color:#7b8ca4;margin-top:10px}.expand{border-top:1px solid var(--line);text-align:center;padding:13px;color:#9aa9bb;font-weight:700;cursor:pointer}.details{display:none;padding:0 34px 25px;line-height:1.55}.details.open{display:block}.footer{margin-top:70px;background:#062f63;color:#d8e6f5;padding:50px 0}.footer h3{color:white}.disclosure{font-size:13px;line-height:1.6}.admin-note{background:#fff7d6;border:1px solid #f1dc8c;padding:12px 16px;border-radius:8px;margin-bottom:22px;color:#6a5a17}
@media(max-width:900px){.top-nav{display:none}.hero h1{font-size:32px}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.filter-list{display:flex;overflow:auto;gap:6px}.filter-list li{min-width:max-content}.trustbox{display:none}.card-main{grid-template-columns:1fr}.features{grid-template-columns:1fr}.apply-col{order:2}.card-art{max-width:330px}.award{left:0}.site-header{position:static}}
/* v1.1 screenshot-matched navigation */
.brand{display:flex;align-items:baseline;gap:0;font-size:26px}.brand span{color:#f5bd31}.brand b{color:var(--navy);font-weight:900}.top-nav{align-self:stretch;align-items:center;gap:8px;margin-left:auto}.navdrop{height:100%;display:flex;align-items:center;position:relative}.navdrop>button{height:56px;border:0;background:#fff;color:var(--navy);font-weight:700;font-size:15px;padding:0 20px;border-radius:10px;cursor:pointer}.navdrop:hover>button,.navdrop:focus-within>button{background:#eef9ff}.mega{display:none;position:absolute;top:70px;right:0;background:#fff;border:1px solid #edf0f4;border-radius:10px;box-shadow:0 7px 24px rgba(0,30,70,.14);padding:24px;z-index:100}.navdrop:hover .mega,.navdrop:focus-within .mega{display:grid}.mega a{color:#526176;padding:9px 12px;white-space:nowrap}.mega a:hover{color:var(--blue);background:#f4faff;border-radius:7px}.category-mega{width:800px;grid-template-columns:repeat(3,1fr)}.issuer-mega{width:760px;grid-template-columns:repeat(3,1fr)}.range-mega{width:260px;grid-template-columns:1fr}.trustmarks{display:flex;gap:12px;align-items:center;margin-left:20px;font-size:11px;color:#4f6b62}.trustmarks span{border:1px solid #76bcd8;border-radius:5px;padding:5px 8px;color:#0b648b;font-weight:700}.header-row{max-width:1420px}.site-header{box-shadow:0 3px 12px rgba(0,30,70,.06)}
@media(max-width:1050px){.trustmarks{display:none}.category-mega,.issuer-mega{width:650px}.top-nav{gap:0}.navdrop>button{padding:0 12px}}
