/* ============================================================
   Download Options Component
   ============================================================ */

.downloads--options-sec {
  position: relative;

  /* ----------------------------------------------------------
     Component Variables (Scoped)
     ---------------------------------------------------------- */
  --downloads-bg-color: var(--clr-white);
  --downloads-border-color: var(--clr-gray-300);
  --downloads-text-color: var(--clr-gray-dark);
  --downloads-primary-color: var(--clr-primary);

  --downloads-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
}

.download-attachment-files-sec {
  display: flex;
}

/* ------------------------------------------------------------
   Label (Trigger)
   ------------------------------------------------------------ */
.downloads--options-label {
  cursor: pointer;
  position: relative;
  z-index: 4;
}

/* ------------------------------------------------------------
   Dropdown List Container
   ------------------------------------------------------------ */
.downloads--options-sec .downloads--options-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding-top: 37px;
  display: none;
  z-index: 3;
}

/* Show dropdown on hover */
.downloads--options-sec:hover .downloads--options-list {
  display: block;
}

/* ------------------------------------------------------------
   Dropdown List Styling
   ------------------------------------------------------------ */
.downloads--options-list ul {
  list-style: none;
  margin: 0;
  padding: 15px;
  width: 100%;
  background: var(--downloads-bg-color);
  box-shadow: var(--downloads-shadow);
}

/* ------------------------------------------------------------
   List Items
   ------------------------------------------------------------ */
.downloads--option-li:not(:last-child) {
  border-bottom: 1px solid var(--downloads-border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* ------------------------------------------------------------
   Links
   ------------------------------------------------------------ */
.downloads--option-link {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--downloads-text-color);
}

.downloads--option-link:hover {
  color: var(--downloads-primary-color);
}

.odd-even-style .content-section .downloads--option-link {
  --section-link-color: var(--downloads-text-color);
  --section-link-hover-color: var(--downloads-primary-color);
}