/*
   RBTV77 APK - PageDrop Theme Switcher CSS
   v1.0.0
   Colors taken from the original rbtv77apk.com design:
   dark navy background (#182339) + amber/yellow accent (#ffae01)
*/

:root {
    /* Backgrounds - navy family from the original site */
    --bg-primary: #121a2b;
    --bg-secondary: #182339;
    --bg-card: #1f2c45;
    --bg-elevated: #273756;
    --bg-input: #151f33;

    /* Text */
    --text-primary: #e9edf4;
    --text-secondary: #a9b4c8;
    --text-muted: #6f7d96;
    --text-heading: #ffffff;

    /* Accent - the original amber */
    --accent: #ffae01;
    --accent-hover: #ffc035;
    --accent-light: rgba(255, 174, 1, 0.15);
    --accent-glow: rgba(255, 174, 1, 0.3);

    /* Status colors */
    --success: #2ecc71;
    --warning: #ffae01;
    --danger: #e74c3c;
    --info: #3498db;

    /* Borders */
    --border: #2c3d5c;
    --border-light: #223148;
}

/* Amber is a light accent: dark text on primary buttons for readable contrast */
.btn-primary,
.btn-primary:hover {
    color: #121a2b;
}

/* ============================================
   Fix: buttons inside post content
   The theme rule ".post-content a" overrides button text color.
   ============================================ */

.post-content a.btn {
    text-decoration: none;
}

.post-content a.btn-primary,
.post-content a.btn-primary:hover {
    color: #121a2b;
}

.post-content a.btn-success,
.post-content a.btn-success:hover,
.post-content a.btn-danger,
.post-content a.btn-danger:hover {
    color: #fff;
}

.post-content a.btn-secondary {
    color: var(--text-primary);
}

.post-content a.btn-secondary:hover {
    color: var(--text-heading);
}

.post-content a.btn-outline {
    color: var(--accent);
}

.post-content a.btn-outline:hover {
    color: #121a2b;
}

.post-content a.btn-ghost {
    color: var(--text-secondary);
}

.post-content a.btn-ghost:hover {
    color: var(--text-heading);
}

/* ============================================
   Uniform screenshot grids
   ============================================ */

.grid > img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 2;
    object-fit: cover;
    object-position: top center;
    display: block;
}