/**
 * Puppy Adoption CTA Styles
 */

/* Hide original buttons on the page */
#express_interest,
#book_meeting {
    display: none !important;
}

.puppy-adoption-cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

/* Base button styles */
.puppy-cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
    box-sizing: border-box;
    background-color: var(--e-global-color-accent, #c9a227);
    color: #ffffff !important;
}

.puppy-cta-button:hover,
.puppy-cta-button:focus,
.puppy-cta-button:active,
.puppy-cta-button:visited {
    color: #ffffff !important;
    text-decoration: none;
}

.puppy-cta-button:hover {
    opacity: 0.9;
}

.puppy-cta-button:active {
    transform: scale(0.98);
}

/* Secondary button: Ask About Me */
.puppy-cta-secondary {
    gap: 8px;
}

/* Dropdown arrow */
.puppy-cta-arrow {
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.puppy-cta-dropdown.open .puppy-cta-arrow {
    transform: rotate(180deg);
}

/* Dropdown container */
.puppy-cta-dropdown {
    position: relative;
    width: 100%;
}

/* Dropdown content */
.puppy-cta-dropdown-content {
    display: none;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    padding: 0;
    overflow: hidden;
}

.puppy-cta-dropdown.open .puppy-cta-dropdown-content {
    display: flex;
}

/* Dropdown items */
.puppy-cta-dropdown-item {
    font-size: 14px;
    padding: 12px 16px;
}

/* Accessibility: focus styles */
.puppy-cta-button:focus {
    outline: 2px solid var(--e-global-color-accent, #c9a227);
    outline-offset: 2px;
}

.puppy-cta-button:focus:not(:focus-visible) {
    outline: none;
}

.puppy-cta-button:focus-visible {
    outline: 2px solid var(--e-global-color-accent, #c9a227);
    outline-offset: 2px;
}