/* Front-end styling for the category header block.
   Enqueue from your theme:
       wp_enqueue_style('iosa-category-block',
           plugins_url('iosa-category-manager/category-block.css'));
*/

.ios-cat-block{
    max-width:1480px;
    background:#101c2e;color:#e6ecf3;
    padding:28px 32px;font-family:inherit;line-height:1.45;
}
.ios-cat-top{display:flex;align-items:flex-start;gap:28px}
.ios-cat-logo,.ios-cat-logo-img{
    flex:0 0 130px;width:130px;height:130px;border-radius:50%;
    box-shadow:0 6px 20px rgba(0,0,0,0.35);
    object-fit:cover;background:#243248;
}
.ios-cat-body{flex:1;min-width:0}
.ios-cat-eyebrow{font-size:12px;letter-spacing:0.18em;color:#9aa7b8;margin-bottom:6px;text-transform:uppercase}
.ios-cat-eyebrow .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px;vertical-align:middle}
.ios-cat-title{font-size:46px;font-weight:700;margin:0 0 10px;letter-spacing:-0.5px;color:#fff}
.ios-cat-desc{color:#cfd6df;font-size:16px;max-width:780px}
.ios-cat-desc p{margin:0}
.ios-cat-cta a{
    display:inline-flex;align-items:center;gap:10px;
    background:linear-gradient(180deg,#ffa64d,#e07a18);
    color:#1a0f00;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
    font-size:13px;padding:14px 22px;border-radius:8px;text-decoration:none;
    box-shadow:0 4px 12px rgba(224,122,24,0.35);
}
.ios-cat-cta a:hover{filter:brightness(1.05)}

.ios-cat-stats{
    display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
    margin-top:22px;padding-top:18px;
    border-top:1px dashed rgba(154,167,184,0.25);
}
.ios-stat .num{font-size:26px;font-weight:700;color:#f08a2c}
.ios-stat:nth-child(n+2) .num{color:#fff}
.ios-stat .label{font-size:11px;letter-spacing:0.16em;color:#9aa7b8;text-transform:uppercase;margin-top:4px}

.ios-cat-related{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(154,167,184,0.25)}
.ios-cat-related h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#cfd6df}
.ios-cat-related h4 strong{color:#f08a2c}
.ios-pills{display:flex;flex-wrap:wrap;gap:8px}
.ios-pill{
    display:inline-block;font-size:13px;color:#ffd4a8;
    background:rgba(240,138,44,0.08);
    border:1px solid rgba(240,138,44,0.55);
    padding:7px 14px;border-radius:999px;text-decoration:none;
    transition:all 0.15s ease;
}
.ios-pill:hover{background:rgba(240,138,44,0.18);border-color:#f08a2c;color:#fff;transform:translateY(-1px)}

@media (max-width:900px){
    .ios-cat-top{flex-direction:column;align-items:flex-start}
    .ios-cat-logo,.ios-cat-logo-img{width:90px;height:90px;flex-basis:auto}
    .ios-cat-title{font-size:34px}
    .ios-cat-stats{grid-template-columns:repeat(2,1fr);gap:16px}
}