/* public/css/main.css */

/* Set the page direction to RTL */
/*
body {
    background-color: #f8d7da;
    font-family: Arial, sans-serif;
}
*/
body {
    background-image: url('/images/pattern/arabic_pattern.png');
    background-repeat: repeat;
    font-family: Arial, sans-serif;
}


/* Card styling */
.card {
    border: 1px solid #f5c6cb; /* Light red border */
    background-color: #fff5f5; /* Soft red background */
}

/* Card title and text */
.card-title {
    color: #c82333; /* Deep red color for the title */
}

.card-text {
    color: #721c24; /* Slightly muted red for description text */
}

.article_full_content p, .modal-body, .modal-header, .card-title{
    color: black;
    direction: rtl;
    text-align: right;
}

/* Read More button (with subtle red hover effect) */
.card-body a.btn-outline-danger {
    color: #c82333; /* Deep red text */
    border-color: #c82333; /* Border in deep red */
}

.card-body a.btn-outline-danger:hover {
    background-color: #c82333; /* Red background on hover */
    color: white; /* White text on hover */
    border-color: #c82333; /* Ensure border stays the same on hover */
}

/* Full content section */
.card-body p {
    font-size: 1rem;
    line-height: 1.5;
    color: black;
    margin-top: 10px;
    direction: rtl;
}

/* Header styling (with bold red color) */
h1 {
    color: #c82333;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

/* If you want to add padding or margin to the body */
.container {
    margin-top: 50px;
}

/* Adjusting text color for any additional text */
.text-danger {
    color: #c82333 !important;
}

/* Ensure that all text aligns to the right for RTL */
.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.agency-logo img {
    width: 100px;  /* Reduced from 50px to 30px */
    height: auto;
}