/**
 * Homepage – Three CTA Buttons Design
 * Poquoson Tree & Crane Service (poquosontree.com)
 *
 * 1. BUTTON 1 – CONTACT US (Forest green background, white headset icon, title + subtitle, right arrow -> /contact/)
 * 2. BUTTON 2 – CALL US NOW (Professional red background, white phone icon, text, right arrow -> tel:+17572722096)
 * 3. BUTTON 3 – EMAIL US (White background, green border, green email icon, text, right arrow -> mailto:climber605@gmail.com)
 */

.poquoson-home-cta-section {
    width: 100%;
    max-width: 980px;
    margin: 12px auto 28px auto;
    padding: 0 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.poquoson-home-cta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
}

/* Base CTA Button Reset & Full-Area Clickability */
.poquoson-home-cta-section a.poquoson-home-cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.24s cubic-bezier(0.16, 1, 0.3, 1),
                background 0.24s ease,
                border-color 0.24s ease !important;
    -webkit-tap-highlight-color: transparent;
}

.poquoson-home-cta-section a.poquoson-home-cta-btn * {
    pointer-events: none !important;
}

.poquoson-home-cta-left {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Icon Badge Container */
.poquoson-home-cta-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
    transition: transform 0.24s ease, background-color 0.24s ease !important;
}

/* Text Stack */
.poquoson-home-cta-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
    min-width: 0 !important;
}

.poquoson-home-cta-title {
    font-family: 'Oswald', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.9px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.poquoson-home-cta-subtitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Right Arrow Container */
.poquoson-home-cta-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    margin-left: 16px !important;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.24s ease !important;
}

/* ==========================================================================
   BUTTON 1 – CONTACT US (Green / Dark Forest Green Background)
   ========================================================================== */
.poquoson-home-cta-section a.poquoson-cta-contact {
    background: linear-gradient(135deg, #1b5e20 0%, #236d29 50%, #134617 100%) !important;
    border: 2px solid #144918 !important;
    min-height: 84px !important;
    padding: 16px 26px !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(20, 73, 24, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.poquoson-home-cta-section a.poquoson-cta-contact .poquoson-home-cta-icon {
    width: 52px !important;
    height: 52px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-contact .poquoson-home-cta-title {
    font-size: 25px !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-contact .poquoson-home-cta-arrow {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-contact:hover,
.poquoson-home-cta-section a.poquoson-cta-contact:focus-visible {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, #206b26 0%, #297a30 50%, #17521c 100%) !important;
    box-shadow: 0 12px 28px rgba(20, 73, 24, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-contact:hover .poquoson-home-cta-arrow,
.poquoson-home-cta-section a.poquoson-cta-contact:focus-visible .poquoson-home-cta-arrow {
    transform: translateX(5px) !important;
    background: rgba(255, 255, 255, 0.24) !important;
}

/* ==========================================================================
   BUTTON 2 – CALL US NOW (Professional Red Background)
   ========================================================================== */
.poquoson-home-cta-section a.poquoson-cta-call {
    background: linear-gradient(135deg, #d10014 0%, #dc1428 50%, #a80010 100%) !important;
    border: 2px solid #a80010 !important;
    min-height: 72px !important;
    padding: 14px 24px !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(209, 0, 20, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.poquoson-home-cta-section a.poquoson-cta-call .poquoson-home-cta-icon {
    width: 46px !important;
    height: 46px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-call .poquoson-home-cta-title {
    font-size: 22px !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-call .poquoson-home-cta-arrow {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-call:hover,
.poquoson-home-cta-section a.poquoson-cta-call:focus-visible {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, #de0419 0%, #e6192d 50%, #b80012 100%) !important;
    box-shadow: 0 12px 28px rgba(209, 0, 20, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

.poquoson-home-cta-section a.poquoson-cta-call:hover .poquoson-home-cta-arrow,
.poquoson-home-cta-section a.poquoson-cta-call:focus-visible .poquoson-home-cta-arrow {
    transform: translateX(5px) !important;
    background: rgba(255, 255, 255, 0.25) !important;
}

/* ==========================================================================
   BUTTON 3 – EMAIL US (White Background, Green Border, Green Icon & Text)
   ========================================================================== */
.poquoson-home-cta-section a.poquoson-cta-email {
    background: #ffffff !important;
    border: 2.5px solid #1b5e20 !important;
    min-height: 72px !important;
    padding: 14px 24px !important;
    color: #1b5e20 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

.poquoson-home-cta-section a.poquoson-cta-email .poquoson-home-cta-icon {
    width: 46px !important;
    height: 46px !important;
    background: rgba(27, 94, 32, 0.1) !important;
    border: 1px solid rgba(27, 94, 32, 0.22) !important;
    color: #1b5e20 !important;
}

.poquoson-home-cta-section a.poquoson-cta-email .poquoson-home-cta-title {
    font-size: 22px !important;
    color: #1b5e20 !important;
}

.poquoson-home-cta-section a.poquoson-cta-email .poquoson-home-cta-arrow {
    background: rgba(27, 94, 32, 0.1) !important;
    color: #1b5e20 !important;
}

.poquoson-home-cta-section a.poquoson-cta-email:hover,
.poquoson-home-cta-section a.poquoson-cta-email:focus-visible {
    transform: translateY(-3px) !important;
    background: #f4fbf5 !important;
    border-color: #144918 !important;
    box-shadow: 0 12px 26px rgba(27, 94, 32, 0.18) !important;
    color: #144918 !important;
}

.poquoson-home-cta-section a.poquoson-cta-email:hover .poquoson-home-cta-arrow,
.poquoson-home-cta-section a.poquoson-cta-email:focus-visible .poquoson-home-cta-arrow {
    transform: translateX(5px) !important;
    background: rgba(27, 94, 32, 0.18) !important;
}

/* ==========================================================================
   RESPONSIVE TABLET & MOBILE ADAPTATIONS
   ========================================================================== */
@media screen and (max-width: 767px) {
    .poquoson-home-cta-section {
        gap: 14px;
        margin: 10px auto 22px auto;
        padding: 0;
    }

    .poquoson-home-cta-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .poquoson-home-cta-section a.poquoson-cta-contact {
        min-height: 76px !important;
        padding: 14px 18px !important;
    }

    .poquoson-home-cta-section a.poquoson-cta-call,
    .poquoson-home-cta-section a.poquoson-cta-email {
        min-height: 66px !important;
        padding: 12px 18px !important;
    }

    .poquoson-home-cta-left {
        gap: 14px !important;
    }

    .poquoson-home-cta-section a.poquoson-cta-contact .poquoson-home-cta-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .poquoson-home-cta-section a.poquoson-cta-call .poquoson-home-cta-icon,
    .poquoson-home-cta-section a.poquoson-cta-email .poquoson-home-cta-icon {
        width: 42px !important;
        height: 42px !important;
    }

    .poquoson-home-cta-section a.poquoson-cta-contact .poquoson-home-cta-title {
        font-size: 21px !important;
    }

    .poquoson-home-cta-subtitle {
        font-size: 13.5px !important;
    }

    .poquoson-home-cta-section a.poquoson-cta-call .poquoson-home-cta-title,
    .poquoson-home-cta-section a.poquoson-cta-email .poquoson-home-cta-title {
        font-size: 19px !important;
    }

    .poquoson-home-cta-arrow {
        width: 36px !important;
        height: 36px !important;
        margin-left: 10px !important;
    }
}