/**
 * Article Borders and Spacing
 * الحدود والمسافات للمقالات
 */

/* Remove all spaces and add border around entire content */
.content-wrapper {
    padding: 0 !important;
}

.single-post,
article[id^="post-"] {
    border: 2px solid #dee2e6;
    border-radius: 12px;
    padding: 0 !important;
    margin: 0;
    overflow: visible;
}

/* Spacing between Header 2 and Breadcrumb - 10px */
.breadcrumb-container {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0 10px;
    position: relative;
}

/* Border line between Header 2 and Breadcrumb */
.breadcrumb-container::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 1px;
    background: #dee2e6;
}

/* Border line after Breadcrumb */
.breadcrumb-container::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 1px;
    background: #dee2e6;
}

/* Border line after Article Title */
.article-header {
    margin: 0;
    padding: 10px;
    position: relative;
}

.article-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #dee2e6;
}

/* Article Meta spacing */
.article-meta {
    margin: 0;
    padding: 10px;
}

/* Override any existing padding */
.breadcrumb-wrapper {
    margin: 0 !important;
}

.title-container {
    margin: 0 !important;
}

.meta-container {
    margin: 0 !important;
}

/* Content styling */
.entry-content,
.post-content {
    padding: 20px !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}