/* Author Box Styles (Customizable) */

.winit-author-box {
    /* Default Variables (fallback) */
    --winit-auth-primary: #0f1c3f;
    --winit-auth-text: #ffffff;

    margin-top: 60px;
    margin-bottom: 20px;
    padding: 30px 30px 30px 30px;
    /* More top padding for the label */
    background: #fdfdfd;
    max-width: 900px;
    /* Slightly narrower for focus */
    margin-left: auto;
    margin-right: auto;

    /* Rounded & no Shadow */
    border: 1px solid #dce1e8;
    border-radius: 20px;
    box-shadow: none;
    /* Remove shadow */
    position: relative;
}

/* "EDITOR'S CHOICE" Badge Removed */

/* Content Layout */
/* Content Layout - CSS Grid System (Updated Structure) */
.winit-author-content {
    display: grid;
    /* Desktop: 190px (Photo) + Gap + Rest */
    grid-template-columns: 190px 1fr;
    /* Rows: Name Row, Message Row */
    grid-template-rows: min-content min-content;
    gap: 0 30px;
    margin-bottom: 40px;
    align-items: start;
}

/* Photo Container */
.winit-author-photo {
    /* Desktop: Spans 2 rows (Name + Message) to sit on the left */
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 190px;
    height: 190px;
    /* Circle */
    overflow: hidden;
    background: #fff;
    /* Double border effect might need box-shadow */
    border: 5px solid #fff;
    /* Use Light Gray (#dce1e8) to match specialty tags */
    box-shadow: 0 0 0 2px #dce1e8;
}

/* Shape Variations */
.winit-shape-circle .winit-author-photo {
    border-radius: 50%;
}

.winit-shape-square .winit-author-photo {
    border-radius: 30px;
    /* Rounded Square */
}

.winit-author-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Name Row: Name + Title + Tags */
.winit-author-name-row {
    grid-column: 2;
    grid-row: 1;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 5px;
    /* Matched to padding-bottom (15px) for symmetry */
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    /* Light separator */
}

.winit-author-box-name {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2;
}

.winit-author-title {
    font-size: 24px;
    font-weight: 400;
    margin-left: 5px;
    color: #333;
}

/* Tags */
.winit-author-tags {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    /* Push to right */
}

.winit-author-tag {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    /* Dark text */
    background: transparent;
    /* Remove fill */
    border: 1px solid #dce1e8;
    /* Light gray border */
    padding: 5px 12px;
    border-radius: 6px;
    display: inline-block;
}

/* Message / Intro Section */
.winit-author-message {
    grid-column: 2;
    grid-row: 2;

    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    line-height: 1.6;
    line-height: 1.6;
    margin: 0;
}

/* Quote marks removed */
.winit-quote-mark {
    display: none;
}

/* History Grid Layout */
.winit-author-history {
    list-style: none;
    padding: 0;
    margin: 0;

    /* The requested grid layout: 3 rows fixed, then auto-flow to next column */
    display: grid;
    grid-template-rows: repeat(3, min-content);
    /* Exactly 3 rows */
    grid-auto-flow: column;
    /* Flow into columns */
    gap: 10px 40px;
    /* Row gap 10px, Column gap 40px */
    align-items: start;
    margin-bottom: 40px;
    /* Space between history and buttons */
}

.winit-author-history li {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    /* Changed from baseline to flex-start for easier centering */
    white-space: normal;
}

.winit-author-history li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: 6px;
    flex-shrink: 0;
    margin-top: 10px;
    /* (Line-height 25.6px - Dot 6px) / 2 = ~9.8px */
}

/* Actions Buttons - Customizable */
.winit-author-actions {
    display: flex;
    gap: 20px;
}

.winit-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;

    /* Default: Outline Style with #666 */
    background: transparent;
    color: #666;
    border: 1px solid #666;

    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    /* Softer shadow */
}

.winit-btn svg {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: currentColor;
    /* Inherit color */
}

.winit-btn:hover {
    /* Hover: Filled Style */
    background: var(--winit-auth-primary);
    color: var(--winit-auth-text);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .winit-author-box {
        padding: 30px 20px;
    }

    /* Force Grid on Mobile with specific columns */
    .winit-author-box .winit-author-content {
        display: grid !important;
        grid-template-columns: 90px 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 0 15px !important;
        margin-bottom: 30px;
    }

    .winit-author-box .winit-author-photo {
        grid-column: 1;
        grid-row: 1;
        width: 90px;
        height: 90px;
        border-width: 3px;
        box-shadow: 0 0 0 1px #dce1e8;
        margin: 0;
    }

    .winit-shape-square .winit-author-photo {
        border-radius: 15px;
    }

    .winit-author-box .winit-author-name-row {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
    }

    .winit-author-box-name {
        font-size: 19px;
        margin-bottom: 6px;
    }

    .winit-author-title {
        font-size: 14px;
    }

    .winit-author-tags {
        margin-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 8px;
    }

    .winit-author-tag {
        font-size: 11px;
        padding: 3px 8px;
    }

    /* Message Full Width on Mobile - High Specificity */
    .winit-author-box .winit-author-content .winit-author-message {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        margin-top: 20px;
        font-size: 15px;
        width: 100%;
        display: block;
    }

    /* Hide History on Mobile */
    .winit-author-history {
        display: none !important;
    }

    .winit-author-actions {
        flex-direction: row;
        gap: 10px;
    }

    .winit-btn {
        height: 50px;
        font-size: 16px;
        justify-content: center;
    }
}