/* =====================================================
   LAYOUT.CSS — SPACING / GRID / STRUCTURE
   hamid_j6_v1
   ===================================================== */


/* =====================================================
   GLOBAL LAYOUT
   ===================================================== */

.hamid-site-wrapper {
    width: 100%;
    min-height: 100vh;
}

.hamid-section {
    width: 100%;
}

.hamid-container {
    width: 100%;
}


/* =====================================================
   ROW SYSTEM
   ===================================================== */

.hamid-header-tools-row,
.hamid-top-menu-slots-row,
.hamid-main-row {
    display: flex;
    align-items: center;
}


/* =====================================================
   HEADER LAYOUT
   ===================================================== */

.hamid-header {
    width: 100%;
}

.hamid-section-header-tools {
    width: 100%;
}

.hamid-header-tools-row {
    min-height: 88px;
}


/* =====================================================
   TOP MENU SLOTS LAYOUT
   ===================================================== */

.hamid-section-top-menu-slots {
    width: 100%;
}

.hamid-top-menu-slots-row {
    min-height: 44px;
}


/* =====================================================
   SECTION SPACING
   ===================================================== */

.hamid-section-slideshow-1,
.hamid-section-slideshow-2,
.hamid-section-top-2,
.hamid-section-breadcrumbs {
    margin-bottom: 18px;
}

.hamid-section-menu-top-2 {
    margin-top: 8px;
    margin-bottom: 12px;
}

.hamid-section-position-0,
.hamid-section-main-top {
    margin-bottom: 20px;
}

.hamid-section-middle-top,
.hamid-section-slideshow-3,
.hamid-section-middle,
.hamid-section-position-middle,
.hamid-section-feature-top {
    margin-bottom: 24px;
}

.hamid-section-main {
    margin-bottom: 28px;
}

.hamid-section-main-bottom {
    margin-top: 20px;
}


/* =====================================================
   MODULE BODY SPACING
   ===================================================== */

.hamid-pos-top-2 .module-body,
.hamid-pos-top-2 .custom,
.hamid-pos-position-0 .module-body,
.hamid-pos-position-0 .custom,
.hamid-pos-middle-top-1 .module-body,
.hamid-pos-middle-top-1 .custom,
.hamid-pos-middle-top-2 .module-body,
.hamid-pos-middle-top-2 .custom,
.hamid-pos-middle-1 .module-body,
.hamid-pos-middle-1 .custom,
.hamid-pos-middle-2 .module-body,
.hamid-pos-middle-2 .custom,
.hamid-pos-position-middle-1 .module-body,
.hamid-pos-position-middle-1 .custom,
.hamid-pos-position-middle-2 .module-body,
.hamid-pos-position-middle-2 .custom,
.hamid-pos-sidebar-right .module-body,
.hamid-pos-sidebar-right .custom,
.hamid-pos-sidebar-left .module-body,
.hamid-pos-sidebar-left .custom {
    padding: 16px;
}

.hamid-pos-slideshow-3 .module-body,
.hamid-pos-slideshow-3 .custom,
.hamid-pos-position-1 .module-body,
.hamid-pos-position-1 .custom,
.hamid-pos-position-2 .module-body,
.hamid-pos-main-top .module-body,
.hamid-pos-main-top .custom,
.hamid-pos-main-bottom .module-body,
.hamid-pos-main-bottom .custom {
    padding: 18px;
}

.hamid-pos-breadcrumbs .module-body,
.hamid-pos-breadcrumbs .custom {
    padding: 12px 16px;
}


/* =====================================================
   COMPONENT LAYOUT
   ===================================================== */

.hamid-component {
    padding: 20px;
}

.hamid-component .page-header h1,
.hamid-component .item-page h1 {
    margin-bottom: 18px;
}

.hamid-component .article-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 12px;
}

.hamid-component .blog-items {
    display: grid;
    gap: 22px;
}


/* =====================================================
   SIDEBAR LAYOUT
   ===================================================== */

.hamid-pos-sidebar-right > .module,
.hamid-pos-sidebar-right > .moduletable,
.hamid-pos-sidebar-left > .module,
.hamid-pos-sidebar-left > .moduletable {
    margin-bottom: 20px;
}

.hamid-pos-sidebar-right ul,
.hamid-pos-sidebar-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hamid-pos-sidebar-right ul li,
.hamid-pos-sidebar-left ul li {
    padding: 10px 0;
}


/* =====================================================
   PAGINATION LAYOUT
   ===================================================== */

.pagination {
    gap: 8px;
    margin-top: 28px;
}

.pagination .page-link {
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =====================================================
   TABLE LAYOUT
   ===================================================== */

.hamid-component table {
    width: 100%;
    border-collapse: collapse;
}

.hamid-component table th,
.hamid-component table td {
    padding: 12px;
}


/* =====================================================
   MEDIA LAYOUT
   ===================================================== */

.hamid-component img {
    max-width: 100%;
    height: auto;
}