:root{--ifip-li-blue:#0a66c2;--ifip-li-blue-dark:#004182;--ifip-li-bg:#f3f2ef;--ifip-li-border:#dfe3e8;--ifip-li-text:#191919;--ifip-li-muted:#666;--ifip-li-soft:#eef3f8;--ifip-li-success-bg:#e7f4ea;--ifip-li-success:#057642;--ifip-li-danger:#cc1016;}
.ifip-profile-widget.rh-section,.aboutme-section,.services-section{background:#fff;border-radius:14px;padding:24px;margin:0 0 18px;border:1px solid var(--ifip-li-border);box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ifip-li-text);overflow:hidden;}
.ifip-profile-widget.rh-section:hover,.aboutme-section:hover,.services-section:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);}
.rh-head{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 20px;padding:0 0 16px;border-bottom:1px solid var(--ifip-li-border);}
.rh-head h3{margin:0;font-size:20px;line-height:1.3;font-weight:650;color:#111;letter-spacing:-.2px;}
.rh-edit,.rh-edit-aboutme,.rh-edit-services{background:var(--ifip-li-blue);color:#fff;border:1px solid var(--ifip-li-blue);padding:7px 18px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:650;line-height:1.2;transition:.18s ease;box-shadow:none;}
.rh-edit:hover,.rh-edit-aboutme:hover,.rh-edit-services:hover{background:var(--ifip-li-blue-dark);border-color:var(--ifip-li-blue-dark);transform:translateY(-1px);box-shadow:0 4px 10px rgba(10,102,194,.20);}
.rh-card{position:relative;padding:18px 18px 18px 22px;background:#fff;border-radius:12px;margin-bottom:14px;border:1px solid #e6eaf0;box-shadow:0 1px 0 rgba(0,0,0,.03);transition:.18s ease;}
.rh-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ifip-li-blue);border-radius:12px 0 0 12px;}
.rh-card:hover{background:#fbfdff;border-color:#d5e4f5;box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-1px);}
.rh-card h4{margin:0 0 7px;font-size:17px;line-height:1.35;color:#111;font-weight:700;letter-spacing:-.1px;}
.rh-card p{margin:0 0 6px;font-size:14px;line-height:1.45;color:var(--ifip-li-muted);}
.rh-date{margin:7px 0 10px!important;color:#777!important;font-size:13px!important;}
.rh-bullets{margin:10px 0 0 20px!important;padding-left:16px!important;color:#444;list-style-position:outside;}
.rh-bullets li{margin:6px 0!important;padding-left:3px;font-size:14px;line-height:1.5;color:#444;}
.rh-bullets li::marker{color:var(--ifip-li-blue);font-size:13px;}
.rh-row-title{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
.rh-status{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--ifip-li-success-bg);color:var(--ifip-li-success);font-weight:650;line-height:1.2;}
.rh-empty{text-align:center;padding:18px;background:#f7f9fb;border:1px dashed #d7dce2;border-radius:12px;color:#777;font-size:14px;}
.rh-form-container{max-height:62vh;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--ifip-li-blue) #eef1f4;}
.rh-form-container::-webkit-scrollbar{width:8px}.rh-form-container::-webkit-scrollbar-track{background:#eef1f4;border-radius:10px}.rh-form-container::-webkit-scrollbar-thumb{background:var(--ifip-li-blue);border-radius:10px}
.rh-form{border:1px solid #e2e7ed;border-radius:14px;margin-bottom:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden;}
.rh-form-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7f9fb;border-bottom:1px solid #e2e7ed;font-weight:700;color:var(--ifip-li-blue);}
.rh-remove{background:#fff;color:var(--ifip-li-danger);border:1px solid #e4e8ed;padding:5px 12px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;}
.rh-remove:hover{background:#fff5f5;border-color:#ffd0d0;}
.rh-form-body{padding:18px;display:flex;flex-direction:column;gap:13px;}
.rh-form-body label,.services-tags-wrapper label,.services-description-edit label{display:block;font-weight:700;font-size:11px;color:#111;text-transform:uppercase;letter-spacing:.45px;margin-bottom:2px;}
.rh-form-body input,.aboutme-form-group input,.aboutme-form-group select,.aboutme-form-group textarea,.service-input,.services-textarea{width:100%;padding:11px 13px;border:1px solid #cfd7df;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fff;color:#111;transition:.16s ease;}
.rh-form-body input:hover,.aboutme-form-group input:hover,.aboutme-form-group select:hover,.aboutme-form-group textarea:hover,.service-input:hover,.services-textarea:hover{border-color:#aeb9c5;}
.rh-form-body textarea,.rh-textarea-resize,.services-textarea{font-family:inherit;line-height:1.55;resize:vertical;min-height:115px;max-height:420px;overflow-y:auto;}
.rh-form-body textarea:focus,.rh-textarea-resize:focus,.services-textarea:focus,.service-input:focus,.aboutme-form-group input:focus,.aboutme-form-group select:focus,.aboutme-form-group textarea:focus{outline:none;border-color:var(--ifip-li-blue);box-shadow:0 0 0 3px rgba(10,102,194,.14);}
.rh-row{display:flex;gap:14px}.rh-row>div{flex:1}.rh-check-label{display:flex!important;align-items:center;gap:9px;cursor:pointer;font-size:14px!important;text-transform:none!important;font-weight:500!important;color:#333!important}.rh-check-label input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--ifip-li-blue)}
.rh-actions{display:flex;gap:10px;margin:20px -24px -24px;padding:14px 24px;border-top:1px solid #e6eaf0;position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);z-index:10;}
.rh-add,.rh-actions button[type=submit],.rh-save-services{background:var(--ifip-li-blue);color:#fff;border:1px solid var(--ifip-li-blue);padding:9px 22px;border-radius:999px;cursor:pointer;font-weight:700;font-size:14px;transition:.18s ease;}
.rh-add:hover,.rh-actions button[type=submit]:hover,.rh-save-services:hover{background:var(--ifip-li-blue-dark);border-color:var(--ifip-li-blue-dark);transform:translateY(-1px);}
.rh-cancel,.rh-cancel-services,.rh-cancel-aboutme,.rh-actions button[type=button]{background:#fff;color:#555;border:1px solid #cfd7df;padding:9px 22px;border-radius:999px;cursor:pointer;font-weight:650;font-size:14px;transition:.18s ease;}
.rh-cancel:hover,.rh-cancel-services:hover,.rh-cancel-aboutme:hover,.rh-actions button[type=button]:hover{background:#f6f8fa;border-color:#aeb9c5;color:#222;}
.aboutme-profile{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #e6eaf0;}
.aboutme-name{margin:0 0 24px 0;font-size:28px;line-height:1.2;font-weight:750;color:#111;letter-spacing:-.5px;}
.aboutme-field{margin-bottom:18px}.aboutme-field-label,.aboutme-summary h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.55px;color:#7a8591;margin-bottom:7px}.aboutme-field-value{margin:0;font-size:15px;line-height:1.45;font-weight:600;color:#444}.aboutme-location{font-weight:500;color:#666}.membership-badge{display:inline-block;background:#eef3f8;color:#0a477c;font-size:14px;font-weight:700;padding:7px 13px;border-radius:999px;border:1px solid #dde8f3;}
.aboutme-summary{margin-top:18px}.aboutme-summary h4{margin:0 0 12px}.aboutme-summary-content{font-size:15px;color:#333;line-height:1.65;background:#fbfdff;border:1px solid #edf1f5;border-radius:12px;padding:14px 16px;}
.aboutme-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.aboutme-form-group label{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.35px;color:#222}.aboutme-form-group textarea{min-height:155px}.rh-notice.success{background:#e7f4ea;color:#057642;padding:11px 14px;margin-bottom:18px;border-radius:10px;border:1px solid #cdebd5;font-weight:600;}
.services-chips-container,.services-tags-container{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.service-chip,.service-tag{background:#eef3f8;color:#0a477c;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;border:1px solid #dde8f3}.service-chip:hover{background:#e4eef7;border-color:#c7dced}.services-description{margin-top:16px;padding-top:16px;border-top:1px solid #e6eaf0}.services-description h4{margin:0 0 9px;font-size:14px;font-weight:700;color:#111}.services-description p{margin:0;font-size:14px;color:#444;line-height:1.6}.services-edit-container{display:flex;flex-direction:column;gap:20px}.services-tags-input-group{display:flex;gap:10px;margin-bottom:12px}.service-input{flex:1}.add-service-btn{background:var(--ifip-li-blue);color:#fff;border:1px solid var(--ifip-li-blue);padding:9px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:.18s ease}.add-service-btn:hover{background:var(--ifip-li-blue-dark);border-color:var(--ifip-li-blue-dark)}.remove-tag{cursor:pointer;font-size:15px;font-weight:800;color:var(--ifip-li-blue);padding:0 2px}.remove-tag:hover{color:var(--ifip-li-danger)}.services-limit{font-size:12px;color:#777;margin-top:8px}
@media(max-width:768px){.ifip-profile-widget.rh-section,.aboutme-section,.services-section{padding:18px;border-radius:12px}.rh-head h3{font-size:18px}.aboutme-name{font-size:24px}.rh-form-container{max-height:52vh}.rh-row{flex-direction:column;gap:12px}.rh-actions{margin:18px -18px -18px;padding:13px 18px;flex-wrap:wrap}.rh-actions button{flex:1}.services-tags-input-group{flex-direction:column}.rh-card{padding:16px 16px 16px 20px}}

/* Social & Professional Links */
.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.social-link-card{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #e1e8f0;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:.18s ease;color:#111}
.social-link-card:hover{border-color:#b8d5f0;box-shadow:0 6px 18px rgba(10,102,194,.12);transform:translateY(-1px);text-decoration:none}
.social-link-card-disabled{cursor:default;opacity:.8}
.social-link-icon{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef3f8;color:#0a66c2;font-weight:800;font-size:13px;border:1px solid #dce8f3}
.social-link-info{display:flex;flex-direction:column;min-width:0}
.social-link-type{font-size:11px;font-weight:800;color:#0a66c2;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.social-link-title{font-size:14px;color:#222;font-weight:650;line-height:1.35;word-break:break-word}
.social-form-container{display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow-y:auto;padding-right:10px}
.social-block{border:1px solid #e2e7ed;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.social-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7f9fb;border-bottom:1px solid #e2e7ed}
.social-block-title{font-weight:750;color:#0a66c2;font-size:14px}
.social-remove-btn{background:#fff;color:#cc1016;border:1px solid #e4e8ed;padding:5px 12px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:650}
.social-remove-btn:hover{background:#fff5f5;border-color:#ffd0d0}
.social-block-fields{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.social-field:last-child{grid-column:1/-1}
.social-field label{display:block;font-weight:700;font-size:11px;color:#111;text-transform:uppercase;letter-spacing:.45px;margin-bottom:6px}
.social-field input,.social-field select{width:100%;padding:11px 13px;border:1px solid #cfd7df;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fff;color:#111;transition:.16s ease}
.social-field input:focus,.social-field select:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 3px rgba(10,102,194,.14)}
.rh-edit-social{background:#0a66c2;color:#fff;border:1px solid #0a66c2;padding:7px 18px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:650;line-height:1.2;transition:.18s ease;box-shadow:none}
.rh-edit-social:hover{background:#004182;border-color:#004182;transform:translateY(-1px);box-shadow:0 4px 10px rgba(10,102,194,.20)}
.rh-add-social{background:#0a66c2!important;color:#fff!important;border:1px solid #0a66c2!important;padding:9px 22px!important;border-radius:999px!important;cursor:pointer;font-weight:700;font-size:14px;transition:.18s ease}
.rh-add-social:hover{background:#004182!important;border-color:#004182!important;transform:translateY(-1px)}
.rh-cancel-social{background:#fff!important;color:#555!important;border:1px solid #cfd7df!important;padding:9px 22px!important;border-radius:999px!important;cursor:pointer;font-weight:650;font-size:14px}
.rh-cancel-social:hover{background:#f6f8fa!important;border-color:#aeb9c5!important;color:#222!important}
@media(max-width:768px){.social-links-grid{grid-template-columns:1fr}.social-block-fields{grid-template-columns:1fr}.social-form-container{max-height:52vh}}

/* IFIP: remove Youzify wrapper background behind custom profile widgets in main + sidebar */
html body #youzify-profile-navmenu + main,
html body .youzify-main-column .youzify-widget.youzify-custom_widgets,
html body .youzify-main-column .youzify-widget.youzify-custom_widgets > div,
html body .youzify-main-column .youzify-widget.youzify-custom_widgets .youzify-widget-main-content,
html body .youzify-main-column .youzify-widget.youzify-custom_widgets .youzify-widget-content,
html body .youzify-sidebar-column .youzify-widget,
html body .youzify-sidebar-column .youzify-widget > div,
html body .youzify-sidebar-column .youzify-widget-main-content,
html body .youzify-sidebar-column .youzify-widget-content,
html body .youzify-wg-border-radius .youzify-widget,
html body .youzify-wg-border-radius .youzify-widget .youzify-widget-main-content,
html body .youzify-wg-border-radius .youzify-widget .youzify-widget-content{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
html body .youzify-main-column .youzify-widget.youzify-custom_widgets .youzify-widget-main-content,
html body .youzify-main-column .youzify-widget.youzify-custom_widgets .youzify-widget-content,
html body .youzify-sidebar-column .youzify-widget-main-content,
html body .youzify-sidebar-column .youzify-widget-content{padding-left:0!important;padding-right:0!important}


/* v1.0.7 - Social links edit UI fix for narrow Youzify/sidebar widgets */
.social-section .social-form-container{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
    gap:16px!important;
}
.social-section .social-block{
    overflow:visible!important;
}
.social-section .social-block-fields{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    padding:16px!important;
}
.social-section .social-field{
    min-width:0!important;
}
.social-section .social-field input,
.social-section .social-field select{
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    line-height:1.35!important;
}
.social-section .social-field:last-child{
    grid-column:1 / -1!important;
}
.social-section #socialEdit .rh-actions{
    position:relative!important;
    bottom:auto!important;
    z-index:auto!important;
    margin:18px 0 0!important;
    padding:14px 0 0!important;
    border-top:1px solid #e6eaf0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
}
.social-section #socialEdit .rh-actions button,
.social-section #socialEdit .rh-add-social,
.social-section #socialEdit .rh-cancel-social,
.social-section #socialEdit .rh-actions button[type="submit"]{
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    min-height:40px!important;
    border-radius:999px!important;
    padding:10px 18px!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:nowrap!important;
}
@media(max-width:1100px){
    .youzify-sidebar-column .social-section .social-block-fields,
    .social-section .social-block-fields{
        grid-template-columns:1fr!important;
    }
    .youzify-sidebar-column .social-section #socialEdit .rh-actions,
    .social-section #socialEdit .rh-actions{
        flex-direction:column!important;
        align-items:stretch!important;
    }
    .youzify-sidebar-column .social-section #socialEdit .rh-actions button,
    .social-section #socialEdit .rh-actions button{
        width:100%!important;
        flex:none!important;
    }
}

/* v1.0.8 - Smooth scroll + premium scrollbar UI */
html{scroll-behavior:smooth;}
.ifip-profile-widget,
.ifip-profile-widget *,
.rh-section,
.rh-section *{
    scroll-behavior:smooth;
}

/* Beautiful internal scrollbars for long edit forms */
.rh-form-container,
.social-section .social-form-container,
.services-tags-container,
.services-textarea,
.rh-textarea-resize,
.aboutme-form-group textarea{
    scrollbar-width:thin;
    scrollbar-color:#0a66c2 #eef3f8;
}
.rh-form-container::-webkit-scrollbar,
.social-section .social-form-container::-webkit-scrollbar,
.services-tags-container::-webkit-scrollbar,
.services-textarea::-webkit-scrollbar,
.rh-textarea-resize::-webkit-scrollbar,
.aboutme-form-group textarea::-webkit-scrollbar{
    width:8px;
    height:8px;
}
.rh-form-container::-webkit-scrollbar-track,
.social-section .social-form-container::-webkit-scrollbar-track,
.services-tags-container::-webkit-scrollbar-track,
.services-textarea::-webkit-scrollbar-track,
.rh-textarea-resize::-webkit-scrollbar-track,
.aboutme-form-group textarea::-webkit-scrollbar-track{
    background:#eef3f8;
    border-radius:999px;
}
.rh-form-container::-webkit-scrollbar-thumb,
.social-section .social-form-container::-webkit-scrollbar-thumb,
.services-tags-container::-webkit-scrollbar-thumb,
.services-textarea::-webkit-scrollbar-thumb,
.rh-textarea-resize::-webkit-scrollbar-thumb,
.aboutme-form-group textarea::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#0a66c2,#57c4e5);
    border-radius:999px;
    border:2px solid #eef3f8;
}
.rh-form-container::-webkit-scrollbar-thumb:hover,
.social-section .social-form-container::-webkit-scrollbar-thumb:hover,
.services-tags-container::-webkit-scrollbar-thumb:hover,
.services-textarea::-webkit-scrollbar-thumb:hover,
.rh-textarea-resize::-webkit-scrollbar-thumb:hover,
.aboutme-form-group textarea::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#004182,#0a66c2);
}

/* Social Links: keep long lists clean with a nice internal scroll area */
.social-section .social-form-container{
    max-height:68vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:10px!important;
    margin-right:-6px!important;
    scroll-padding:18px;
}
.social-section #socialEdit{
    scroll-margin-top:90px;
}
.social-section .social-block{
    scroll-margin:18px;
}

/* Mobile/sidebar friendly scroll height */
@media(max-width:1100px){
    .social-section .social-form-container{
        max-height:60vh!important;
        padding-right:8px!important;
        margin-right:-4px!important;
    }
}
@media(max-width:600px){
    .social-section .social-form-container,
    .rh-form-container{
        max-height:56vh!important;
    }
}

/* v1.0.9 - Social Links: show custom title only for Other links */
.social-section .social-title-field{
    display:none!important;
}
.social-section .social-title-field.is-visible{
    display:block!important;
}