/* ================================================================
   CAMPAIGN CARDS — Homepage & Sitewide Override
   Overrides Qizon theme's .campaign-one styles
   ================================================================ */

/* ── Card Container ── */
.campaign-one__single {
    background: #ffffff;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 24px;
    max-height: none !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.25s ease;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.campaign-one__single:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10) !important;
    transform: translateY(-2px);
}

/* ── Image Section ── */
.campaign-one__image {
    position: relative;
    overflow: hidden;
}
.campaign-one__image img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.campaign-one__single:hover .campaign-one__image img {
    transform: scale(1.04);
}

/* Image overlay on hover */
.campaign-one__overlay {
    border-radius: 0 !important;
    transition: opacity 0.35s ease !important;
}
.campaign-one__single:hover .campaign-one__overlay {
    opacity: 0.15 !important;
}

/* ── Category Badge ── */
.campaign-one__categories {
    left: 0 !important;
    top: 16px !important;
    background-color: #0f172a !important;
    padding: 5px 14px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 0 !important;
    line-height: 16px !important;
}
.campaign-one__categories:after {
    display: none !important;
}
.campaign-one__categories a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

/* ── Heart / Favorite Icon — glass circle (matches fundraiser page) ── */
.campaign-one__love {
    top: 12px !important;
    right: 12px !important;
}
.campaign-one__love .wpneo-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.campaign-one__love .wpneo-icon:after {
    font-size: 18px !important;
    color: #ffffff !important;
}
.campaign-one__love .wpneo-icon:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2) !important;
}
.campaign-one__love .wpneo-icon:hover:after {
    color: #ef4444 !important;
}
.campaign-one__love .wpneo-icon.wpneo-icon-love-full {
    background: rgba(239, 68, 68, 0.8) !important;
    border-radius: 50% !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}
.campaign-one__love .wpneo-icon.wpneo-icon-love-full:after {
    color: #ffffff !important;
}

/* ── Media Icons — glass pills, bottom-left (matches fundraiser page) ── */
.campaign-one__media.wcf-media__one {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    z-index: 99 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    display: flex !important;
    align-items: center;
    gap: 6px;
}
.campaign-one__media.wcf-media__one .wcf-media__gallery {
    margin-right: 0 !important;
    display: inline-flex !important;
}
.campaign-one__media.wcf-media__one .wcf-media__gallery-link,
.campaign-one__media.wcf-media__one .wcf-media__video {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    padding: 6px 12px !important;
    height: 32px;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2) !important;
    line-height: 1 !important;
    text-decoration: none !important;
}
.campaign-one__media.wcf-media__one .wcf-media__gallery-link:hover,
.campaign-one__media.wcf-media__one .wcf-media__video:hover {
    background: rgba(255, 255, 255, 0.35) !important;
}
.campaign-one__media.wcf-media__one .wcf-media__gallery-link i,
.campaign-one__media.wcf-media__one .wcf-media__video i {
    font-size: 14px !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.campaign-one__media.wcf-media__one .wcf-media__gallery-link span {
    background: transparent !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline !important;
}

/* ── Content Section ── */
.campaign-one__content {
    padding: 20px 20px 16px !important;
    text-align: left !important;
}

/* ── Time Remaining ── */
.campaign-one__time-remaining {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}
.campaign-one__time-remaining .time-remaining {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.campaign-one__time-remaining i {
    color: #0958a3 !important;
    font-size: 12px !important;
}
.campaign-one__time-remaining .info-value {
    font-weight: 700;
    color: #1e293b;
}

/* ── Title ── */
.campaign-one__title {
    font-size: 17px !important;
    line-height: 24px !important;
    margin: 4px 0 16px !important;
    min-height: auto !important;
    font-weight: 700;
}
.campaign-one__title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.campaign-one__title a:hover {
    color: #0958a3 !important;
}

/* ── Raised / Goal Info Section ── */
.campaign-one__info {
    margin: 0;
}
.campaign-one__info-wrap {
    border-top: 1px solid #f1f5f9 !important;
    display: flex !important;
    padding: 0 !important;
}

/* Raised (left half) */
.campaign-one__achive {
    flex: 0 0 50% !important;
    width: 50% !important;
    border-right: 1px solid #f1f5f9 !important;
    padding: 12px 10px 12px 0 !important;
    display: flex !important;
    align-items: center !important;
}
.campaign-one__achive-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    font-size: 20px !important;
    color: #059669 !important;
    padding-top: 0 !important;
}
.campaign-one__achive-content {
    padding-left: 8px !important;
    font-size: 13px !important;
    line-height: 18px !important;
}
.campaign-one__achive-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #94a3b8 !important;
}
.campaign-one__achive-value {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #059669 !important;
}
.campaign-one__achive-value .woocommerce-Price-amount {
    color: #059669 !important;
}

/* Goal (right half) */
.campaign-one__goal {
    flex: 0 0 50% !important;
    width: 50% !important;
    padding: 12px 0 12px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.campaign-one__goal-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    font-size: 20px !important;
    color: #0958a3 !important;
    padding-top: 0 !important;
}
.campaign-one__goal-content {
    padding-left: 8px !important;
    font-size: 13px !important;
    line-height: 18px !important;
}
.campaign-one__goal-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #94a3b8 !important;
}
.campaign-one__goal-value {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}
.campaign-one__goal-value .woocommerce-Price-amount {
    color: #1e293b !important;
}

/* ── DONATE Button ── */
.campaign-one__donate-button {
    padding: 0 20px 4px;
    text-align: center;
}
.campaign-one__donate-button a {
    display: block;
    text-decoration: none !important;
}
.campaign-one__donate-button .fundraiser-donate-btn,
.campaign-one__single .fundraiser-donate-btn {
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 24px !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.25) !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
    display: block !important;
}
.campaign-one__donate-button .fundraiser-donate-btn:hover,
.campaign-one__single .fundraiser-donate-btn:hover {
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.35) !important;
    transform: none !important;
}

/* ── Bottom / Progress Bar ── */
.campaign-one__bottom {
    background: #f8fafc !important;
    padding: 12px 20px !important;
    border-top: 1px solid #f1f5f9;
}
.campaign-one__bottom-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    font-size: 12px !important;
}
.campaign-one__raised-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Progress bar track */
.campaign-one__progress .progress {
    height: 4px !important;
    background: #e2e8f0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Progress bar fill */
.campaign-one__progress .progress .progress-bar {
    background: linear-gradient(90deg, #0958a3, #0e7490) !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Dot at the end of progress bar */
.campaign-one__progress .progress .progress-bar:after {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #0958a3 !important;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    top: -3px !important;
}

/* Percentage text */
.campaign-one__percent-raised {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0958a3 !important;
    flex: 0 0 auto !important;
    width: auto !important;
}


/* ================================================================
   SECTION HEADER — "Latest Fundraisers" heading override
   ================================================================ */
.elementor-widget-gva-campaign .gva-element-gva-campaign {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ================================================================
   GRID LAYOUT — Consistent column spacing
   ================================================================ */
.gsc-campaign.layout-grid .item-columns {
    padding-left: 12px;
    padding-right: 12px;
}


/* ================================================================
   RESPONSIVE — Mobile/Tablet
   ================================================================ */
@media (max-width: 768px) {
    .campaign-one__image img {
        height: 180px !important;
    }
    .campaign-one__content {
        padding: 16px 16px 12px !important;
    }
    .campaign-one__title {
        font-size: 15px !important;
        line-height: 22px !important;
        margin: 4px 0 12px !important;
    }
    .campaign-one__donate-button {
        padding: 0 16px 4px;
    }
    .campaign-one__bottom {
        padding: 10px 16px !important;
    }
    .campaign-one__achive-content,
    .campaign-one__goal-content {
        font-size: 12px !important;
    }
    .campaign-one__achive-value,
    .campaign-one__goal-value {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .campaign-one__image img {
        height: 160px !important;
    }
    .gsc-campaign.layout-grid .item-columns {
        padding-left: 0;
        padding-right: 0;
    }
}