/* RankLite – Meta box admin styles */

/* Main post/page metabox layout */
.ranklite-meta-grid {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.ranklite-meta-left {
    flex: 2;
    min-width: 300px;
}
.ranklite-meta-right {
    flex: 1;
    min-width: 240px;
    border-left: 1px solid #e5e5e5;
    padding-left: 16px;
}
@media (max-width: 1024px) {
    .ranklite-meta-grid {
        flex-direction: column;
    }
    .ranklite-meta-right {
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid #e5e5e5;
        padding-top: 12px;
    }
}

/* Counters */
.ranklite-counter {
    font-size: 12px;
    margin-left: 6px;
}
.ranklite-counter.good { color: #1f8f2e; }
.ranklite-counter.warn { color: #b8860b; }
.ranklite-counter.bad  { color: #b00020; }

/* Hygiene panel + chips */
.rl-mc {
    font-size: 12px;
    line-height: 1.45;
}
.rl-mc .row {
    display: flex;
    justify-content: space-between;
    margin: 4px 0;
}
.rl-chip {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    margin: 2px 6px 0 0;
    font-size: 12px;
    line-height: 1.45;
}
.rl-chip.ok {
    background: #e7f5ee;
    color: #0f5132;
}
.rl-chip.warn {
    background: #fff3cd;
    color: #664d03;
}
.rl-chip.error {
    background: #f8d7da;
    color: #842029;
}
.rl-chip.info {
    background: #e7f1ff;
    color: #0c3b7a;
}

.ranklite-pro-ai-btn.ranklite-is-locked {
    opacity: .6;
    cursor: not-allowed;
}
.ranklite-ai-upsell {
    text-decoration: none;
}

/* WooCommerce product metabox layout */
.ranklite-meta-product {
    margin-left: 2px;
}
.ranklite-meta-product .rl-btns {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 6px 0 8px;
}
.ranklite-meta-product .button {
    height: 32px;
    line-height: 28px;
    padding: 0 10px;
}
.ranklite-meta-product .ranklite-field {
    margin: 6px 0;
}

.ranklite-product-hygiene {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px;
}
.ranklite-product-hygiene .row {
    display: flex;
    justify-content: space-between;
    margin: 4px 0;
    font-size: 12px;
}