/*
   DROPDOWNS (About + Treatment)
  */

summary::-webkit-details-marker {
    display: none;
}

.about-link-blue,
.dd-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    font-weight: 800;
    color: #0c4a6e;
    border: 1px solid rgba(186, 230, 253, 0.9);
    background: rgba(224, 242, 254, 0.7);
    transition: 0.2s ease;
}

.about-link-blue:hover,
.dd-pill:hover {
    background: rgba(14, 165, 233, 0.14);
    border-color: rgba(14, 165, 233, 0.35);
    color: #075985;
    transform: translateY(-1px);
}

#aboutDropdown[open] > summary,
#treatmentDropdown[open] > summary {
    background: rgba(14, 165, 233, 0.1);
    color: #0369a1;
}

.dd-action {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 1.25rem;
    font-weight: 900;
    transition: 0.2s ease;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.8);
}

.dd-action:hover {
    transform: translateY(-1px);
}

.dd-action .icon {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    font-size: 1rem;
}

.dd-action.contact {
    color: #0369a1;
    border-color: rgba(186, 230, 253, 0.9);
}
.dd-action.contact .icon {
    background: #e0f2fe;
    color: #0369a1;
}
.dd-action.contact:hover {
    background: rgba(224, 242, 254, 0.95);
    border-color: rgba(14, 165, 233, 0.35);
}

.dd-action.whatsapp {
    color: #047857;
    border-color: rgba(167, 243, 208, 0.9);
}
.dd-action.whatsapp .icon {
    background: #d1fae5;
    color: #047857;
}
.dd-action.whatsapp:hover {
    background: rgba(209, 250, 229, 0.95);
    border-color: rgba(16, 185, 129, 0.4);
}