.wasiya-block {
direction: rtl;
text-align: right;
font-family: 'Traditional Arabic', 'Amiri', 'Arial', serif;
font-size: 18px;
line-height: 2;
max-width: 900px;
margin: 20px auto;
padding: 30px;
background: #fff;
border: 2px solid #2c5f2d;
border-radius: 10px;
color: #222;
}
.wasiya-block h3,
.wasiya-block h4 {
color: #2c5f2d;
border-bottom: 2px solid #97bC8f;
padding-bottom: 5px;
margin-top: 25px;
margin-bottom: 15px;
font-size: 1.3em;
}
.wasiya-basmala {
text-align: center;
font-size: 1.5em;
font-weight: bold;
color: #2c5f2d;
margin-bottom: 20px;
}
.wasiya-bold {
font-weight: bold;
color: #1a4018;
margin-top: 15px;
}
.wasiya-dua {
background: #f5f9f4;
border-right: 4px solid #2c5f2d;
padding: 10px 15px;
margin: 10px 0;
font-size: 0.95em;
}
.wasiya-verse {
text-align: center;
font-weight: bold;
color: #2c5f2d;
background: #f0f7ef;
padding: 12px;
border-radius: 6px;
margin-top: 25px;
}
.wasiya-note {
background: #fff8e1;
border-right: 4px solid #f0ad4e;
padding: 8px 12px;
font-size: 0.9em;
color: #7a5c00;
} .wasiya-field {
display: inline-block;
margin: 0 4px;
}
.wasiya-input {
border: none;
border-bottom: 2px dotted #2c5f2d;
background: #fafff9;
font-family: inherit;
font-size: inherit;
color: #1a4018;
padding: 2px 6px;
min-width: 150px;
text-align: center;
outline: none;
transition: border-color 0.2s;
}
.wasiya-input:focus {
border-bottom-color: #f0ad4e;
background: #fffdf5;
}
.wasiya-textarea {
width: 100%;
border: 1px dashed #2c5f2d;
background: #fafff9;
font-family: inherit;
font-size: 0.95em;
color: #1a4018;
padding: 6px;
border-radius: 4px;
resize: vertical;
outline: none;
}
.wasiya-textarea:focus {
border-color: #f0ad4e;
background: #fffdf5;
}
.wasiya-field-block {
display: block;
width: 100%;
margin: 5px 0;
} .wasiya-toolbar {
text-align: center;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 2px dashed #97bC8f;
}
.wasiya-print-btn {
background: #2c5f2d;
color: #fff;
border: none;
padding: 12px 35px;
font-size: 1.1em;
font-family: inherit;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}
.wasiya-print-btn:hover {
background: #1a4018;
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(0,0,0,0.2);
}
.wasiya-print-btn:active {
transform: translateY(0);
} .wasiya-signatures {
margin-top: 30px;
padding-top: 20px;
border-top: 2px solid #97bC8f;
}
.wasiya-signatures p {
margin: 15px 0;
} .wasiya-block-editor {
direction: rtl;
text-align: right;
padding: 20px;
background: #f5f9f4;
border: 2px dashed #2c5f2d;
border-radius: 8px;
font-family: 'Traditional Arabic', 'Amiri', 'Arial', serif;
}
.wasiya-header h3 {
color: #2c5f2d;
margin: 0 0 8px 0;
}
.wasiya-hint {
color: #666;
font-size: 0.9em;
margin: 0 0 15px 0;
}
.wasiya-preview {
background: #fff;
padding: 15px;
border-radius: 6px;
font-size: 0.95em;
}
.wasiya-preview .wasiya-note {
text-align: center;
font-weight: bold;
} @media print { body * {
visibility: hidden;
}
.wasiya-content,
.wasiya-content * {
visibility: visible;
}
.wasiya-content {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
margin: 0;
padding: 15px;
border: none;
font-size: 14px;
line-height: 1.7;
}
.no-print,
.wasiya-toolbar {
display: none !important;
}
.wasiya-input,
.wasiya-textarea {
border-bottom: 1px solid #000;
background: transparent;
color: #000;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.wasiya-input {
min-width: 120px;
}
.wasiya-textarea {
border: 1px solid #000;
min-height: 30px;
}
.wasiya-block {
border: none;
box-shadow: none;
max-width: 100%;
padding: 0;
font-size: 13px;
}
.wasiya-dua,
.wasiya-verse,
.wasiya-note {
background: #f9f9f9 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.wasiya-basmala {
font-size: 1.3em;
}
@page {
margin: 1.5cm;
size: A4;
}
}