/* Award Hover Widget v2 — front-end styles */

/* ── Container ── */
.aw-container {
    position: relative;
    width: 100%;
}

/* ── Row ── */
.aw-row {
    display: flex;
    align-items: center;
    padding: 24px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.25s ease;
    text-decoration: none;
    color: inherit;
}

.aw-row:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* ── Columns — desktop defaults (overridden by Elementor style controls) ── */
.aw-year        { width: 12%; font-size: 13px; opacity: 0.55; }
.aw-recognition { width: 28%; font-weight: 600; font-size: 15px; }
.aw-platform    { width: 28%; font-size: 14px; opacity: 0.6; }
.aw-project     { width: 27%; font-size: 14px; }
.aw-icon        { width: 5%;  text-align: right; display: flex; justify-content: flex-end; align-items: center; opacity: 0.4; }
.aw-icon i,
.aw-icon svg    { font-size: 16px; width: 16px; height: 16px; }

/* ── Floating hover image ── */
.aw-hover-img {
    position: fixed;
    top: 0;
    left: 0;
    /* width / height / border-radius come from inline styles set by PHP */
    pointer-events: none;
    z-index: 99999;
    overflow: hidden;
    display: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
}

.aw-hover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ── Tablet ── */
@media (max-width: 1024px) {
    .aw-row         { flex-wrap: wrap; padding: 18px 8px; }
    .aw-year        { width: 20% !important; }
    .aw-recognition { width: 40% !important; }
    .aw-platform    { width: 35% !important; text-align: right; }
    .aw-project     { width: 80% !important; margin-top: 8px; opacity: 0.65; }
    .aw-icon        { width: 20% !important; margin-top: 8px; }
}

/* ── Mobile ── */
@media (max-width: 600px) {
    .aw-row         { display: block; position: relative; padding: 16px 8px; }
    .aw-year,
    .aw-recognition,
    .aw-platform,
    .aw-project     { display: block; width: 100% !important; margin-bottom: 4px; }
    .aw-year        { font-size: 12px; }
    .aw-recognition { font-size: 16px; }
    .aw-icon        { position: absolute; top: 16px; right: 8px; width: auto !important; }
    .aw-hover-img   { display: none !important; }
}