.custom-page {
background: linear-gradient(135deg, #f9e8f5 0%, #e8f4fd 100%);
padding: 30px;
border-radius: 20px;
font-family: “Segoe UI”, Tahoma, Geneva, Verdana, sans-serif;
color: #2c3e50;
max-width: 900px;
margin: 20px auto;
direction: rtl;
text-align: right;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.custom-page h1 {
color: #e91e63;
font-size: 2.8em;
text-align: center;
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.custom-page h2 {
color: #673ab7;
font-size: 2em;
margin: 30px 0 15px 0;
text-align: right;
border-bottom: 2px solid #e91e63;
padding-bottom: 10px;
}
.custom-page h3 {
color: #ff9800;
font-size: 1.5em;
margin: 20px 0 10px 0;
text-align: right;
}
.custom-page p {
font-size: 1.15em;
line-height: 1.8;
margin: 15px 0;
text-align: right;
}
.custom-page ul {
list-style: none;
padding: 0;
}
.custom-page li {
background: url(“data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23e91e63%27 d=%27M12 2L4.5 20.29l.71.71L12 18l6.79 3.71l.71-.71L12 2z%27/%3E%3C/svg%3E”) no-repeat right center;
padding-right: 35px;
margin: 15px 0;
text-align: right;
font-size: 1.1em;
position: relative;
}
.custom-page a {
color: #e91e63;
text-decoration: none;
font-weight: bold;
}
.custom-page a:hover {
text-decoration: underline;
color: #c2185b;
}
.custom-page .callout {
background: #e3f2fd;
padding: 20px;
border-right: 5px solid #673ab7;
margin: 25px 0;
text-align: right;
border-radius: 10px;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}
.custom-page .multilingual {
font-style: italic;
color: #2196f3;
background: rgba(33,150,243,0.1);
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
}
.custom-page .button {
display: inline-block;
background: linear-gradient(45deg, #e91e63, #f06292);
color: white;
padding: 12px 25px;
border-radius: 30px;
text-align: center;
text-decoration: none;
font-weight: bold;
margin: 10px 5px;
transition: transform 0.2s ease;
}
.custom-page .button:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(233,30,99,0.4);
}
.custom-page .faq-item {
background: #fff;
margin: 15px 0;
padding: 15px;
border-radius: 10px;
border-right: 4px solid #ff9800;
}
.custom-page .section-divider {
border-top: 1px solid #ddd;
margin: 40px 0;
padding-top: 20px;
}
/* RTL-specific adjustments */
.bloguscard-box .custom-page h1 { text-align: right; }
.bloguscard-box .custom-page h2 {
text-align: right;
margin-bottom: 10px;
margin-top: 40px;
background: linear-gradient(45deg, #34495e, #2c3e50);
border-radius: 12px;
padding: 12px 15px;
color: #ffffff;
}
.custom-page ul li { text-align: right; }
.bloguscard-box .custom-page p { text-align: right; }
/* Ensure content overrides page content */
.custom-page { min-height: 800px; }
@media (max-width: 768px) {
.custom-page { padding: 20px; margin: 10px; }
.custom-page h1 { font-size: 2em; }
.custom-page h2 { font-size: 1.5em; }
}