/* ================================================
   GA Widget – v2
   Hover effects hardcoded; Elementor selectors
   override values per-instance automatically.
================================================ */

/* ---- Grid ---- */
.ga-widget-grid {
    align-items: start;
}

/* ---- Item ---- */
.ga-widget-item {
    position: relative;
    /* Transition always active – Elementor overrides duration via selectors */
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    will-change: transform;
    cursor: pointer;
}

/* ---- Thumbnail ---- */
.ga-widget-thumb {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
}

.ga-widget-thumb img {
    width: 100%;
    height: auto;
    display: block;
    /* Zoom transition – Elementor overrides duration via selectors */
    transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.35s ease;
    transform-origin: center center;
}

/* Overlay dark layer (always present, invisible until hover) */
.ga-widget-thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;                /* hidden by default */
    pointer-events: none;
    /* Transition – Elementor overrides duration via selectors */
    transition: opacity 0.35s ease;
}

/* ---- Hover effects (ALWAYS active – default values) ---- */
.ga-widget-item:hover,
.ga-widget-item:focus-within,
.ga-widget-item.ga-touch-hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 34px rgba(20, 20, 30, 0.14);
}

.ga-widget-item:hover .ga-widget-thumb img,
.ga-widget-item:focus-within .ga-widget-thumb img,
.ga-widget-item.ga-touch-hover .ga-widget-thumb img {
    transform: scale(1.06);
    filter: brightness(0.92);
}

.ga-widget-item:hover .ga-widget-thumb::after,
.ga-widget-item:focus-within .ga-widget-thumb::after,
.ga-widget-item.ga-touch-hover .ga-widget-thumb::after {
    opacity: 1;
}

/* ---- Title ---- */
.ga-widget-title {
    margin-top: 8px;
    margin-bottom: 4px;
}

/* ---- Link anchor wrapper ---- */
.ga-widget-item-link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* ---- Link text ---- */
.ga-widget-link {
    margin-top: 6px;
}

.ga-widget-link-text {
    text-decoration: underline;
    cursor: pointer;
}

/* ================================================
   Presets
================================================ */

/* Soft – subtle */
.ga-preset-soft .ga-widget-item {
    box-shadow: 0 4px 14px rgba(20, 20, 30, 0.07);
}
.ga-preset-soft .ga-widget-item:hover,
.ga-preset-soft .ga-widget-item:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(20, 20, 30, 0.12);
}

/* Bold – strong lift + shadow */
.ga-preset-bold .ga-widget-item {
    box-shadow: 0 8px 22px rgba(20, 20, 30, 0.12);
}
.ga-preset-bold .ga-widget-item:hover,
.ga-preset-bold .ga-widget-item:focus-within {
    transform: translateY(-12px);
    box-shadow: 0 24px 48px rgba(20, 20, 30, 0.20);
}
.ga-preset-bold .ga-widget-item:hover .ga-widget-thumb img,
.ga-preset-bold .ga-widget-item:focus-within .ga-widget-thumb img {
    transform: scale(1.10);
}

/* Flat – no shadow, minimal lift */
.ga-preset-flat .ga-widget-item {
    box-shadow: none;
}
.ga-preset-flat .ga-widget-item:hover,
.ga-preset-flat .ga-widget-item:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(20, 20, 30, 0.08);
}

/* ================================================
   Touch device support (class added via JS)
================================================ */
.ga-widget-item.ga-touch-hover {
    transform: translateY(-6px);
}