@font-face {
    font-family: "StamAshkenazCLM";
    src: url("/StamAshkenazCLM.ttf") format("truetype"),
         url("/StamAshkenazCLM.ttf") format("truetype"),
         url("/StamAshkenazCLM.ttf") format("truetype"),
         url("https://sharetorah.com/StamAshkenazCLM.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hebrew-text {
    font-family: "StamAshkenazCLM", "Arial", sans-serif !important;
    font-size: 1.8em !important;
    line-height: 1.6 !important;
    color: #2c3e50 !important;
    text-align: center !important;
    margin: 20px 0 !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
    direction: rtl !important;
}

.hebrew-leining {
    font-family: "StamAshkenazCLM", "Arial", sans-serif !important;
    font-size: 1.5em !important;
    line-height: 1.6 !important;
    color: #34495e !important;
    text-align: center !important;
    margin: 15px 0 !important;
    padding: 15px !important;
    background: #f8f9fa !important;
    border-radius: 8px !important;
    border-left: 4px solid #007cba !important;
    direction: rtl !important;
}

/* Enhanced styling for verse display */
.verse-container {
    display: inline-block;
    margin: 5px 2px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.verse-container:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.verse-text {
    font-family: "StamAshkenazCLM", "Arial", sans-serif !important;
    font-size: 1.2em !important;
    line-height: 1.4 !important;
    color: #2c3e50 !important;
    direction: rtl !important;
}

.verse-number {
    font-family: "Arial", sans-serif !important;
    font-size: 0.9em !important;
    color: #7f8c8d !important;
    font-weight: bold !important;
    direction: ltr !important;
    margin-left: 8px !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .hebrew-text {
        font-size: 1.4em !important;
        padding: 15px !important;
    }
    
    .hebrew-leining {
        font-size: 1.2em !important;
        padding: 12px !important;
    }
    
    .verse-text {
        font-size: 1em !important;
    }
}

@media (max-width: 480px) {
    .hebrew-text {
        font-size: 1.2em !important;
        padding: 12px !important;
    }
    
    .hebrew-leining {
        font-size: 1em !important;
        padding: 10px !important;
    }
    
    .verse-text {
        font-size: 0.9em !important;
    }
}