/* style.css - עיצוב לחזית */

.english-text-block-wrapper {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Open Sans Hebrew', sans-serif !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 255, 0.1) !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    position: relative !important;
    counter-reset: line-number;
}

.english-text-block-wrapper[data-show-numbers="true"] {
    padding-left: 50px !important;
}

.english-text-block-wrapper[data-show-numbers="true"] .english-text-content p {
    counter-increment: line-number;
    position: relative;
    margin-bottom: 1em;
}

.english-text-block-wrapper[data-show-numbers="true"] .english-text-content p::before {
    content: counter(line-number);
    position: absolute;
    right: calc(100% + 15px);
    top: 0;
    color: #666;
    font-weight: bold;
    font-size: 0.9em;
    min-width: 30px;
    text-align: right;
    background: #f5f5f5;
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

/* עיצוב רספונסיבי */
@media (max-width: 768px) {
    .english-text-block-wrapper[data-show-numbers="true"] {
        padding-left: 40px !important;
    }
    
    .english-text-block-wrapper[data-show-numbers="true"] .english-text-content p::before {
        right: calc(100% + 10px);
        font-size: 0.8em;
        min-width: 25px;
        padding: 1px 6px;
    }
}