/* TechniqueHow Facebook Profile Viewer styles */
.th-fb-viewer-wrap{max-width:820px;margin:20px auto;font-family:Inter,Arial,Helvetica,sans-serif}
.th-brand{font-size:18px;margin-bottom:10px;color:#0b53b5}
.th-input-wrap{text-align:center;margin-bottom:18px}
.th-input{width:80%;max-width:640px;padding:12px 16px;border-radius:28px;border:2px solid #e6e6e6;font-size:15px;box-shadow:0 2px 8px rgba(11,83,181,0.06)}
.th-btn{display:inline-block;margin-top:12px;padding:10px 20px;border-radius:28px;background:linear-gradient(90deg,#2b8cff,#6a49ff);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(44,120,255,0.18)}
.th-btn:hover{opacity:0.95}
.th-loader{width:44px;height:44px;border:4px solid #eee;border-top-color:#2b8cff;border-radius:50%;margin:10px auto;animation:th-spin 1s linear infinite}
@keyframes th-spin{to{transform:rotate(360deg)}}
.th-result{border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(10,20,50,0.06);background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.8));}
.th-card{display:flex;gap:16px;align-items:center}
.th-avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;flex:0 0 110px;border:4px solid #fff;box-shadow:0 8px 20px rgba(11,83,181,0.12)}
.th-avatar img{width:100%;height:100%;object-fit:cover}
.th-profile-meta{flex:1}
.th-name{font-size:20px;font-weight:700;margin-bottom:4px}
.th-sub{font-size:14px;color:#555;margin-bottom:8px}
.th-cover{width:100%;height:160px;border-radius:10px;overflow:hidden;margin-bottom:12px}
.th-cover img{width:100%;height:100%;object-fit:cover}
.th-img-wrap{margin:12px 0;text-align:center}
.th-img-wrap img{max-width:100%;height:auto;border-radius:8px}
.th-download-btn{display:inline-block;margin-top:8px;padding:8px 16px;border-radius:20px;background:#0b53b5;color:#fff;text-decoration:none}

/* === USER REQUESTED FIXES ===
   Fixed 700px width on desktop (responsive), white text in image boxes, colorful download button
*/
@media (min-width: 768px){
    .th-img-wrap img{
        width:700px;
        max-width:700px;
    }
}
.th-img-wrap{
    color:#ffffff;
    background:linear-gradient(180deg,#0b53b5,#3a7be6);
    padding:12px;
    border-radius:12px;
}
.th-download-btn{
    background:linear-gradient(90deg,#ff6a00,#ff2e7a);
    color:#fff !important;
    padding:10px 20px;
    border-radius:26px;
    font-weight:600;
    display:inline-block;
    text-decoration:none;
}


/* Ensure labels are white */
.th-img-wrap h4{ color: #ffffff !important; }

/* === SAFE LAYOUT FIX - ONLY AFFECTS THIS PLUGIN === */
.th-fb-viewer-wrap .th-input-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* keeps button centered */
    width: 100%;
}

.th-fb-viewer-wrap .th-input {
    width: 92% !important;         /* input stays wider */
    max-width: 600px !important;   /* desktop limit */
    display: block;
    margin: 0 auto;                /* center input */
}

.th-fb-viewer-wrap .th-btn {
    width: auto;                   /* button never too wide */
    max-width: 300px;              /* limit width */
    margin: 14px auto 0 auto;      /* centered below input */
    display: block !important;
}