/* =========================================================
   PROFILE BUTTON + PDF / PROFILE MODAL
   Shared across every page.
========================================================= */

.profile-btn {
      background: #fff1d8;
      border: 1px solid #b5b5b5;
      color: #34495e;
      padding: 11px 18px;
      border-radius: 8px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      transition: all 0.3s ease;
      font-weight: 600;
      font-size: 14px;
      white-space: nowrap;
      box-shadow: 0 4px 12px rgba(255, 165, 0, 0.2);
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-family: "Poppins", Tahoma, Geneva, Verdana, sans-serif;
    }

.profile-btn:hover {
      background: rgba(212, 165, 116, 0.1);
      border-color: #c9985f;
    }

.profile-btn svg {
      width: 20px;
      height: 20px;
    }

.pdf-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, .75);
      justify-content: center;
      align-items: center;
      padding: 20px;
      z-index: 9999;
    }

.pdf-modal-overlay.active {
      display: flex;
    }

.pdf-modal-content {
      background: #fff;
      width: 94vw;
      max-width: 1100px;
      height: 90vh;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
      animation: modalSlideIn .35s ease;
    }

@keyframes modalSlideIn {

      from {
        opacity: 0;
        transform: scale(.96);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }

    }

.pdf-modal-header {
      background: linear-gradient(135deg, var(--primary-light), #1e3a5f);
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 20px;
    }

.pdf-modal-header h2 {
      margin: 0;
      font-size: 20px;
      font-weight: 600;
    }

.pdf-modal-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }

.pdf-download-btn {
      background: #fff1d8;
      color: #34495e;
      border: 1px solid #d7c08a;
      padding: 10px 18px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
      font-family: Poppins, sans-serif;
      transition: .3s;
      box-shadow: 0 4px 12px rgba(255, 166, 0, .18);
    }

.pdf-download-btn:hover {
      background: #ffd89b;
      color: #34495e;
      border-color: #d0b071;
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(255, 166, 0, .28);
    }

.pdf-download-btn svg {
      width: 16px;
      height: 16px;
    }

.pdf-close-btn {
      background: none;
      border: none;
      color: #fff;
      font-size: 30px;
      cursor: pointer;
      width: 38px;
      height: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: .3s;
    }

.pdf-close-btn:hover {
      color: #ffa600;
      transform: rotate(90deg);
    }

.pdf-modal-body {
      flex: 1;
      background: #f5f5f5;
    }

.pdf-viewer {
      width: 100%;
      height: 100%;
      border: none;
      background: #fff;
    }

#pdfViewer {
      border: none;
      border-radius: 8px;
    }

/* ---------- PDF Modal (short class naming variant used on
   about, founder-ceo, top-management, mission-vision, services,
   labels-tags, company-events) ---------- */

.pdf-modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 2000;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

.pdf-modal.active {
      display: flex;
    }

.pdf-container {
      background: white;
      border-radius: 12px;
      width: 94vw;
      max-width: 1100px;
      height: 90vh;
      display: flex;
      flex-direction: column;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
      animation: slideUp 0.3s ease-out;
    }

.pdf-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
      background: linear-gradient(135deg, #2a5b80 0%, var(--primary-light) 100%);
      color: white;
      gap: 20px;
    }

.pdf-header h2 {
      font-size: 20px;
      color: white;
      margin: 0;
      font-weight: 600;
      flex: 1;
    }

.pdf-header-actions {
      display: flex;
      gap: 15px;
      align-items: center;
    }