/**
 * Component Styles: Company Info - Organization Chart
 *
 * Displays the company organization chart as a responsive image.
 *
 * @package RIKAI_Marketing
 * @since 1.0.0
 */

/* ========================================
   IMAGE WRAPPER
   ======================================== */

.company-infor-org-chart__image-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.company-infor-org-chart__image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 768px) {
    .company-infor-org-chart__image {
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}