/* Detail button redesign - matching the buy button style */
.p-tools .btn-primary {
    background: linear-gradient(135deg, #19998C, #16A085) !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(25, 153, 140, 0.3) !important;
    width: 100% !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 0.85em !important;
    text-decoration: none !important;
}

.p-tools .btn-primary:hover {
    background: linear-gradient(135deg, #16A085, #138D75) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(25, 153, 140, 0.4) !important;
    color: white !important;
    text-decoration: none !important;
}

.p-tools .btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(25, 153, 140, 0.3) !important;
}

/* Force button text to be visible with aggressive overrides */
.p-tools .btn-primary {
    font-size: 14px !important;
    color: white !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.p-tools .btn-primary * {
    color: white !important;
    font-size: inherit !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: inline !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    text-indent: 0 !important;
    font-family: inherit !important;
}

/* Alternative more specific targeting if the above doesn't work */
.p-tools a.btn.btn-primary {
    background: linear-gradient(135deg, #19998C, #16A085) !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(25, 153, 140, 0.3) !important;
    width: 100% !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.p-tools a.btn.btn-primary:hover {
    background: linear-gradient(135deg, #16A085, #138D75) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(25, 153, 140, 0.4) !important;
    color: white !important;
    text-decoration: none !important;
}