/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 17 2025 | 06:06:10 */
/* טאב צד לספר EXTREME TRAUMA – גרסת Ropa Sans מוגדלת */

/* הקופסה השחורה */
.side-tab {
    position: fixed;
    top: 40%;
    left: -150px;                     /* כמה מוסתר – חלק קטן בחוץ */
    display: flex;
    align-items: center;
    gap: 12px;

    background: #000000;              /* שחור, מתאים לגרפיקה של הספר */
    color: #ffffff;

    padding: 18px 28px;               /* הוגדל ~30% */
    border-radius: 0 12px 12px 0;
    text-decoration: none;

    font-family: 'Ropa Sans', sans-serif;
    font-weight: 700;
    font-size: 19px;                  /* במקום 15px – ~30% יותר גדול */

    z-index: 9999;
    box-shadow: 0 5px 12px rgba(0,0,0,0.40);
    transition: left 0.35s ease, background 0.25s ease, box-shadow 0.25s ease;

    animation: sideTabPeek 4s ease-out 1;   /* פתיחה אוטומטית בכניסה */
}

/* תמונת הכריכה בטאב */
.side-tab img {
    width: 78px;      /* היה 60px – הגדלה ~30% */
    height: auto;
    border-radius: 6px;
    flex-shrink: 0;
}

/* הטקסט (אם תרצי לעצב אותו בנפרד) */
.side-tab span {
    display: block;
    white-space: nowrap;
}

/* אפקט ריחוף – לא מזיז את הטאב, רק “מאיר” אותו */
.side-tab:hover {
    left: 0;                                 /* נפתח לגמרי מהצד */
    background: #111111;
    box-shadow: 0 6px 15px rgba(0,0,0,0.55);
}

/* אנימציית “הצצה” כשנכנסים לדף */
@keyframes sideTabPeek {
    0%   { left: -150px; }
    10%  { left: 0; }         /* יוצא */
    50%  { left: 0; }         /* נשאר פתוח הרבה יותר זמן */
    70%  { left: -130px; }    /* התחלה של סגירה */
    100% { left: -150px; }    /* חוזר למצב חצי מוחבא */
}


/* במסכים קטנים (מובייל) נסתיר את הטאב כדי שלא יפריע */
@media (max-width: 768px) {
    .side-tab {
        display: none;
    }
}