/* =====================================================
   نادي الصقور للتنمية — التصميم الموحّد v3.0
   Mobile-First | Gold & Navy | Cairo Font
   ===================================================== */

/* ── المتغيرات ── */
:root {
    --gold:      #C9A84C;
    --gold-l:    #E8C96A;
    --gold-d:    #9A7A2E;
    --navy:      #0D1B2A;
    --navy-m:    #1A2D42;
    --navy-l:    #243D56;
    --navy-c:    #1E3148;
    --white:     #FFFFFF;
    --gray:      #8A9BB0;
    --gray-l:    #B8C8D8;
    --light-bg:  #F4F6F8;
    --border:    rgba(201,168,76,.15);
    --danger:    #E05252;
    --success:   #2ECC71;
    --warning:   #F39C12;
    --info:      #3498DB;
    --shadow-sm: 0 2px 12px rgba(13,27,42,.08);
    --shadow:    0 4px 24px rgba(13,27,42,.12);
    --shadow-lg: 0 8px 40px rgba(13,27,42,.18);
    --radius:    12px;
    --radius-sm: 8px;
    --radius-lg: 18px;
    --transition: all .25s ease;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Cairo', 'Tajawal', sans-serif;
    direction: rtl;
    background: var(--light-bg);
    color: var(--navy);
    line-height: 1.7;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }

/* ── Typography ── */
h1,h2,h3,h4,h5,h6 { font-weight: 700; line-height: 1.3; color: var(--navy); }
h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); }
h2 { font-size: clamp(1.3rem, 3vw, 1.9rem); }
h3 { font-size: clamp(1.1rem, 2.5vw, 1.5rem); }
p  { color: #556; line-height: 1.8; }

/* ══════════════════════════════════════════════
   NAVBAR
══════════════════════════════════════════════ */
.sk-navbar {
    position: relative; /* مطلوب لـ absolute positioning للقائمة */
    background: var(--navy);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 20px rgba(13,27,42,.3);
    border-bottom: 1px solid rgba(201,168,76,.15);
}
.sk-navbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 64px;
    max-width: 1200px;
    margin: 0 auto;
}

/* الشعار */
.sk-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
}
.sk-brand img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid var(--gold);
    object-fit: cover;
}
.sk-brand-text { display: none; }
@media(min-width:768px) {
    .sk-brand-text {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--white);
        line-height: 1.3;
    }
    .sk-brand-text span { color: var(--gold); font-size: 11px; font-weight: 400; display: block; }
}

/* القائمة الرئيسية */
.sk-nav {
    display: none;
    align-items: center;
    gap: 2px;
}
@media(min-width:992px) { .sk-nav { display: flex; } }

.sk-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    color: var(--gray-l);
    font-size: 13.5px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    position: relative;
}
.sk-nav-link:hover, .sk-nav-link.active {
    color: var(--gold);
    background: rgba(201,168,76,.08);
}
.sk-nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 50%;
    transform: translateX(50%);
    width: 20px;
    height: 2px;
    background: var(--gold);
    border-radius: 2px;
}

/* dropdown */
.sk-dropdown { position: relative; }
.sk-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--navy-m);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    min-width: 200px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    z-index: 100;
}
.sk-dropdown:hover .sk-dropdown-menu { display: block; }
.sk-dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    color: var(--gray-l);
    font-size: 13px;
    transition: var(--transition);
    border-bottom: 1px solid rgba(255,255,255,.04);
}
.sk-dropdown-item:hover { background: rgba(201,168,76,.08); color: var(--gold); }
.sk-dropdown-item:last-child { border-bottom: none; }

/* أيقونة المستخدم */
.sk-user {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.sk-user-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(201,168,76,.4);
}
.sk-user-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    display: none;
}
@media(min-width:576px) { .sk-user-name { display: block; } }

/* زر الدخول */
.sk-btn-login {
    background: var(--gold);
    color: var(--navy);
    font-weight: 700;
    font-size: 13px;
    padding: 8px 18px;
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.sk-btn-login:hover { background: var(--gold-l); }

/* زر القائمة على الموبايل */
/* ══ زر الهامبرجر ══ */
.sk-toggler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    padding: 10px;
    background: rgba(201,168,76,.08);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    /* مساحة نقر أكبر للموبايل */
    min-width: 44px;
    min-height: 44px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    transition: background .2s;
}
.sk-toggler:hover,
.sk-toggler.active { background: rgba(201,168,76,.18); }
@media(min-width:992px) { .sk-toggler { display: none; } }

.sk-toggler span {
    width: 22px;
    height: 2px;
    background: var(--gold);
    border-radius: 2px;
    display: block;
    transition: transform .3s ease, opacity .3s ease;
    transform-origin: center;
}
/* تحويل الهامبرجر لـ X عند الفتح */
.sk-toggler.active span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.sk-toggler.active span:nth-child(2){ opacity: 0; transform: scaleX(0); }
.sk-toggler.active span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* ══ القائمة المنسدلة للموبايل ══ */
.sk-mobile-menu {
    display: none;
    background: #0D1B2A;
    border-top: 2px solid #C9A84C;
    padding-bottom: 8px;
}
.sk-mobile-menu.open {
    display: block;
}
.sk-mobile-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    color: #C8D6E8;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,.06);
    text-decoration: none;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    width: 100%;
    text-align: right;
    font-family: 'Cairo', sans-serif;
    cursor: pointer;
    box-sizing: border-box;
}
.sk-mobile-link:active { background: rgba(201,168,76,.1); color: #C9A84C; }
.sk-mobile-link.active { color: #C9A84C; }
.sk-mobile-link i { color: #C9A84C; width: 20px; }
.sk-mobile-accordion-btn {}
.sk-mobile-accordion-btn:active {
    background: rgba(201,168,76,.07);
}

/* روابط فرعية */
.sk-mobile-sub { background: rgba(0,0,0,.15); }
.sk-mobile-sub-link {
    padding-right: 48px !important;
    font-size: 13px !important;
    opacity: .85;
    border-bottom: 1px solid rgba(255,255,255,.03) !important;
}
.sk-mobile-sub-link i { opacity: .5; }

/* ══════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════ */
.sk-footer {
    background: var(--navy);
    border-top: 1px solid rgba(201,168,76,.2);
    padding: 48px 0 0;
    margin-top: 60px;
}
.sk-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 40px;
}
@media(min-width:576px) { .sk-footer-grid { grid-template-columns: 1fr 1fr; } }
@media(min-width:992px) { .sk-footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; } }

.sk-footer-brand img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid rgba(201,168,76,.4);
    margin-bottom: 14px;
}
.sk-footer-brand h3 { color: var(--gold); font-size: 16px; margin-bottom: 8px; }
.sk-footer-brand p  { color: var(--gray); font-size: 13px; line-height: 1.7; }

.sk-footer-title {
    color: var(--gold);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
}
.sk-footer-links { display: flex; flex-direction: column; gap: 10px; }
.sk-footer-link {
    color: var(--gray);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: var(--transition);
}
.sk-footer-link:hover { color: var(--gold); padding-right: 4px; }
.sk-footer-link i { font-size: 10px; color: var(--gold); }

.sk-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.05);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}
.sk-footer-copy { color: var(--gray); font-size: 12px; }
.sk-footer-dev  {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--gray);
}
.sk-footer-dev img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--border);
}
.sk-footer-dev strong { color: var(--gold); }

/* ══════════════════════════════════════════════
   UTILITIES — أدوات عامة
══════════════════════════════════════════════ */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media(min-width:576px) { .container { padding: 0 20px; } }
@media(min-width:992px) { .container { padding: 0 24px; } }

/* Section */
.sk-section { padding: 48px 0; }
@media(min-width:768px) { .sk-section { padding: 64px 0; } }

.sk-section-title {
    text-align: center;
    margin-bottom: 40px;
}
.sk-section-title h2 {
    color: var(--navy);
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
.sk-section-title h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 50%;
    transform: translateX(50%);
    width: 50px;
    height: 3px;
    background: var(--gold);
    border-radius: 3px;
}
.sk-section-title p { color: var(--gray); font-size: 14px; margin-top: 16px; }

/* Cards */
.sk-card {
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: var(--transition);
    border: 1px solid rgba(0,0,0,.05);
}
.sk-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.sk-card-body { padding: 20px; }
.sk-card-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.sk-card-text  { font-size: 13px; color: var(--gray); line-height: 1.7; }
.sk-card-img   { width: 100%; height: 200px; object-fit: cover; }

/* Badges */
.sk-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
}
.sk-badge-gold    { background: rgba(201,168,76,.12); color: var(--gold-d); }
.sk-badge-success { background: rgba(46,204,113,.12);  color: #1a7d40; }
.sk-badge-danger  { background: rgba(224,82,82,.12);   color: #a01010; }
.sk-badge-info    { background: rgba(52,152,219,.12);  color: #1050a0; }

/* Buttons */
.sk-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 22px;
    border-radius: var(--radius-sm);
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid transparent;
    text-decoration: none;
    white-space: nowrap;
}
.sk-btn-primary {
    background: var(--navy);
    color: var(--white);
    border-color: var(--navy);
}
.sk-btn-primary:hover { background: var(--navy-l); border-color: var(--navy-l); color: var(--white); }
.sk-btn-gold {
    background: var(--gold);
    color: var(--navy);
    border-color: var(--gold);
}
.sk-btn-gold:hover { background: var(--gold-l); border-color: var(--gold-l); }
.sk-btn-outline {
    background: transparent;
    color: var(--navy);
    border-color: var(--navy);
}
.sk-btn-outline:hover { background: var(--navy); color: var(--white); }
.sk-btn-outline-gold {
    background: transparent;
    color: var(--gold);
    border-color: var(--gold);
}
.sk-btn-outline-gold:hover { background: var(--gold); color: var(--navy); }
.sk-btn-sm { padding: 7px 14px; font-size: 12px; }
.sk-btn-lg { padding: 13px 28px; font-size: 15px; }
.sk-btn-block { width: 100%; }
.sk-btn-danger { background: var(--danger); color: #fff; border-color: var(--danger); }
.sk-btn-danger:hover { background: #c04040; }

/* Forms */
.sk-form-group { margin-bottom: 18px; }
.sk-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 6px;
}
.sk-label .req { color: var(--danger); margin-right: 2px; }
.sk-input, .sk-select, .sk-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #dde;
    border-radius: var(--radius-sm);
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    color: var(--navy);
    background: var(--white);
    transition: var(--transition);
    outline: none;
}
.sk-input:focus, .sk-select:focus, .sk-textarea:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(201,168,76,.12);
}
.sk-textarea { resize: vertical; min-height: 100px; }
.sk-input-icon { position: relative; }
.sk-input-icon i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray);
    font-size: 14px;
}
.sk-input-icon .sk-input { padding-right: 38px; }

/* Alerts */
.sk-alert {
    padding: 12px 16px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
}
.sk-alert-success { background: rgba(46,204,113,.1);  color: #1a7d40; border: 1px solid rgba(46,204,113,.2); }
.sk-alert-danger  { background: rgba(224,82,82,.1);   color: #a01010; border: 1px solid rgba(224,82,82,.2); }
.sk-alert-warning { background: rgba(243,156,18,.1);  color: #8a5a00; border: 1px solid rgba(243,156,18,.2); }
.sk-alert-info    { background: rgba(52,152,219,.1);  color: #1050a0; border: 1px solid rgba(52,152,219,.2); }

/* Page Hero */
.sk-hero {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-l) 100%);
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}
.sk-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: .4;
}
.sk-hero-content { position: relative; z-index: 1; text-align: center; }
.sk-hero h1 { color: var(--white); margin-bottom: 10px; }
.sk-hero p  { color: var(--gray-l); font-size: 15px; }
.sk-hero-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    font-size: 13px;
}
.sk-hero-breadcrumb a { color: var(--gold); }
.sk-hero-breadcrumb span { color: var(--gray); }
.sk-hero-breadcrumb .sep { color: rgba(255,255,255,.3); }

/* Grid helpers */
.sk-grid { display: grid; gap: 20px; }
.sk-grid-2 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.sk-grid-3 { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.sk-grid-4 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

/* Pagination */
.sk-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 32px;
    flex-wrap: wrap;
}
.sk-page-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 700;
    background: var(--white);
    color: var(--navy);
    border: 1.5px solid #dde;
    transition: var(--transition);
    cursor: pointer;
    text-decoration: none;
}
.sk-page-btn:hover, .sk-page-btn.active {
    background: var(--gold);
    color: var(--navy);
    border-color: var(--gold);
}

/* Empty state */
.sk-empty {
    text-align: center;
    padding: 48px 20px;
    color: var(--gray);
}
.sk-empty i { font-size: 48px; opacity: .3; display: block; margin-bottom: 12px; }
.sk-empty p { font-size: 14px; }

/* Loading */
.sk-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(201,168,76,.2);
    border-top-color: var(--gold);
    border-radius: 50%;
    animation: skSpin .8s linear infinite;
    margin: 20px auto;
}
@keyframes skSpin { to { transform: rotate(360deg); } }

/* Avatar */
.sk-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border);
    flex-shrink: 0;
}
.sk-avatar-lg { width: 80px; height: 80px; }
.sk-avatar-sm { width: 32px; height: 32px; }

/* Profile stat */
.sk-stat {
    text-align: center;
    padding: 16px;
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}
.sk-stat-val { font-size: 22px; font-weight: 900; color: var(--navy); }
.sk-stat-lbl { font-size: 12px; color: var(--gray); margin-top: 2px; }

/* Table */
.sk-table-wrap { overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.sk-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
    font-size: 13px;
}
.sk-table th {
    background: var(--navy);
    color: var(--gold);
    padding: 12px 16px;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.sk-table td {
    padding: 11px 16px;
    border-bottom: 1px solid #f0f0f5;
    color: var(--navy);
    vertical-align: middle;
}
.sk-table tr:last-child td { border-bottom: none; }
.sk-table tr:hover td { background: rgba(201,168,76,.03); }

/* Status badges for requests */
.sk-status-0 { background: rgba(243,156,18,.12); color: #8a5a00; }
.sk-status-1 { background: rgba(46,204,113,.12);  color: #1a7d40; }
.sk-status-2 { background: rgba(224,82,82,.12);   color: #a01010; }
.sk-status-3 { background: rgba(52,152,219,.12);  color: #1050a0; }

/* ══════════════════════════════════════════════
   SESSION — تمديد الجلسة
══════════════════════════════════════════════ */
/* زر "لا تزال هنا؟" */
.sk-session-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(13,27,42,.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    ;
}
.sk-session-modal.show { display: flex; }
.sk-session-box {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 32px 28px;
    max-width: 380px;
    width: 90%;
    text-align: center;
    box-shadow: var(--shadow-lg);
}
.sk-session-box h3 { color: var(--navy); margin-bottom: 8px; font-size: 18px; }
.sk-session-box p  { color: var(--gray); font-size: 13px; margin-bottom: 20px; }
.sk-session-timer  { font-size: 32px; font-weight: 900; color: var(--gold); margin-bottom: 20px; }

/* ══════════════════════════════════════════════
   RESPONSIVE HELPERS
══════════════════════════════════════════════ */
.d-none  { display: none !important; }
.d-block { display: block !important; }
@media(min-width:576px) { .d-sm-block { display: block !important; } .d-sm-none { display: none !important; } }
@media(min-width:768px) { .d-md-block { display: block !important; } .d-md-none { display: none !important; } }
@media(min-width:992px) { .d-lg-block { display: block !important; } .d-lg-none { display: none !important; } }

.text-center { text-align: center; }
.text-gold   { color: var(--gold) !important; }
.text-navy   { color: var(--navy) !important; }
.text-gray   { color: var(--gray) !important; }
.text-danger { color: var(--danger) !important; }
.text-success{ color: var(--success) !important; }

.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}
.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}
.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}
.w-100{width:100%}.fw-bold{font-weight:700}.fw-normal{font-weight:400}
.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}

/* Flex */
.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}
.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}

/* ══════════════════════════════════════════════
   SCROLL TO TOP
══════════════════════════════════════════════ */
.sk-scroll-top {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 42px;
    height: 42px;
    background: var(--gold);
    color: var(--navy);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    box-shadow: var(--shadow);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    z-index: 500;
    border: none;
}
.sk-scroll-top.show { opacity: 1; pointer-events: auto; }
.sk-scroll-top:hover { background: var(--gold-l); transform: translateY(-3px); }

/* ══════════════════════════════════════════════
   PRINT
══════════════════════════════════════════════ */
@media print {
    .sk-navbar, .sk-footer, .sk-scroll-top { display: none !important; }
    body { background: #fff; color: #000; }
    .sk-card { box-shadow: none; border: 1px solid #ddd; }
}