/* assets/css/sambutan.css */

/* Reuse Page Header variables from informasi.css if not globally available, 
   but since we are using the same structure, we might rely on styles.css or local overrides. 
   Assuming basic styles are in styles.css. */

/* --- Sambutan Section --- */
.sambutan-section {
    padding: 5rem 0;
    background-color: var(--surface-color, #ffffff);
}

.sambutan-container {
    max-width: 1000px; /* Optimal reading width */
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Float Layout for Text Wrapping */
.leader-profile-wrapper {
    display: block; /* Standard block for flow content */
}

/* Thumbnail Styling */
.leader-thumbnail {
    float: left;
    width: 300px; /* Fixed size as requested */
    height: 300px; /* Fixed size (1:1) */
    margin-right: 2.5rem;
    margin-bottom: 1rem;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15);
    shape-outside: margin-box; /* Helps text wrap more tightly if there's margin */
}

.leader-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures 1:1 ratio is filled without distortion */
    object-position: top center;
    transition: transform 0.5s ease;
}

.leader-thumbnail:hover img {
    transform: scale(1.05); /* Subtle zoom on hover */
}

/* Leader Info (Name & Title) - Styling */
.leader-info-block {
    margin-bottom: 2rem;
}

.leader-role {
    display: inline-block;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--primary-color, #0f172a);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: rgba(15, 23, 42, 0.05);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
}

.leader-name {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--text-color, #1e293b);
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Speech Text Styling */
.sambutan-text {
    font-family: 'Inter', sans-serif; /* Fallback if Plus Jakarta not typically used for body */
    font-size: 1.125rem;
    line-height: 1.8;
    color: #475569;
    text-align: justify; /* Common for speeches */
}

.sambutan-text p {
    margin-bottom: 1.5rem;
}

.quote-highlight {
    background: #f8fafc;
    border-left: 4px solid var(--primary-color, #0f172a);
    padding: 1.5rem;
    font-style: italic;
    color: #334155;
    margin: 2rem 0;
    border-radius: 0 1rem 1rem 0;
}

/* Signature Area */
.signature-block {
    margin-top: 3rem;
    text-align: right;
    clear: both; /* Ensure it starts below everything */
}

.signature-img {
    height: 80px;
    opacity: 0.8;
}

.signed-date {
    display: block;
    font-size: 0.875rem;
    color: #94a3b8;
    margin-top: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .leader-thumbnail {
        float: none;
        width: 100%;
        max-width: 300px;
        height: 300px;
        margin: 0 auto 2rem auto;
    }
    
    .leader-info-block {
        text-align: center;
    }
    
    .sambutan-text {
        text-align: left;
    }
    
    .signature-block {
        text-align: center;
    }
}