/**
 * ranking.php - ตารางอันดับ
 */

/* ปุ่มล้าง / ลิงก์ในฟอร์มค้นหา */
.search-box .btn { text-decoration: none; }

/* Avatar ใน sidebar */
.sidebar-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 12px auto;
}

/* ลิงก์ปุ่มใน sidebar */
.login-box .btn { text-decoration: none; }
.login-box .btn.btn-secondary { display: inline-block; }
.login-box .login-btn-group + p { margin-top: 12px; }

/* ข้อความ error การล็อกอิน */
.login-error-msg {
    color: #ff6b6b;
    font-size: 13px;
    margin-bottom: 10px;
}
#loginModal .login-error-msg { margin: 0 0 12px 0; }

/* บล็อกติดต่อลงโฆษณา */
.ad-banner.custom-style-45 {
    text-align: center;
}
.ad-banner.custom-style-45 > p:first-child {
    margin: 0 0 14px 0;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}
.contact-qr-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.contact-qr-link,
.contact-qr-box {
    display: block;
    width: 100%;
    max-width: 400px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    transition: transform 0.18s, box-shadow 0.18s;
}
.contact-qr-link:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}
.contact-qr-link img,
.contact-qr-box img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.contact-qr-empty {
    opacity: 0.5;
    padding: 8px 0;
}
.contact-qr-empty .fa-line {
    font-size: 2rem;
}
.contact-qr-empty p {
    margin: 8px 0 0 0;
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Panel ลืมรหัสผ่าน */
#forgotPanel { display: none; }
#forgotPanel .login-modal-icon-container { border-color: #ffcc00; }
#forgotPanel .login-modal-icon { color: #ffcc00; }
.login-submit-btn.forgot-submit { margin-top: 20px; }