/* ===== RESPONSIVE DESIGN ===== */

/* ===== RESPONSIVE CONTAINER SCALING ===== */
/* Scale entire container based on screen size */

/* Large screens (1280px and up) - scale up entire container */
@media (min-width: 1280px) {
  .pdf-container {
    max-width: 95vw;
    width: 95vw;
    font-size: 1.2em; /* Scale up all text */
  }

  /* Scale up padding and margins */
  .pdf-container .p-3 {
    padding: 14.4px !important; /* 12px * 1.2 */
  }

  .pdf-container .mt-5 {
    margin-top: 24px !important; /* 20px * 1.2 */
  }

  .pdf-container .mb-2 {
    margin-bottom: 9.6px !important; /* 8px * 1.2 */
  }

  .pdf-container .mb-6 {
    margin-bottom: 28.8px !important; /* 24px * 1.2 */
  }

  /* Scale up images proportionally */
  .pdf-container img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Make only a2 image bigger on large screens */
  .pdf-container img[src*="a2.PNG"] {
    width: 140% !important;
    max-width: 140% !important;
  }

  /* Scale up table font */
  .pdf-container table {
    font-size: 14.4px !important; /* 12px * 1.2 */
  }

  /* Scale up text sizes */
  .pdf-container .text-sm {
    font-size: 14.4px !important; /* 12px * 1.2 */
  }

  .pdf-container .text-2xl {
    font-size: 24px !important; /* 20px * 1.2 */
  }

  .pdf-container .text-3xl {
    font-size: 28.8px !important; /* 24px * 1.2 */
  }

  /* Image a3 in footer - scale with container */
  .pdf-container .w-1\/5 img[src*="a3.PNG"] {
    width: 153.6px !important; /* 128px * 1.2 */
    height: 153.6px !important;
    max-width: 153.6px !important;
    max-height: 153.6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo Safran - keep original size */
  .pdf-container .w-1\/5 img[src*="logoSafran.PNG"] {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove any spacing from footer images container */
  .pdf-container .w-1\/5 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pdf-container .w-1\/5 .relative {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Medium screens (768px to 1279px) - slight scale up */
@media (max-width: 1279px) and (min-width: 768px) {
  .pdf-container {
    max-width: 90vw;
    width: 90vw;
    font-size: 1.1em; /* Scale up all text */
  }

  /* Scale up padding and margins */
  .pdf-container .p-3 {
    padding: 13.2px !important; /* 12px * 1.1 */
  }

  .pdf-container .mt-5 {
    margin-top: 22px !important; /* 20px * 1.1 */
  }

  .pdf-container .mb-2 {
    margin-bottom: 8.8px !important; /* 8px * 1.1 */
  }

  .pdf-container .mb-6 {
    margin-bottom: 26.4px !important; /* 24px * 1.1 */
  }

  .pdf-container img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Scale up table font */
  .pdf-container table {
    font-size: 13.2px !important; /* 12px * 1.1 */
  }

  /* Scale up text sizes */
  .pdf-container .text-sm {
    font-size: 13.2px !important; /* 12px * 1.1 */
  }

  .pdf-container .text-2xl {
    font-size: 22px !important; /* 20px * 1.1 */
  }

  .pdf-container .text-3xl {
    font-size: 26.4px !important; /* 24px * 1.1 */
  }

  /* Image a3 in footer - scale with container */
  .pdf-container .w-1\/5 img[src*="a3.PNG"] {
    width: 140.8px !important; /* 128px * 1.1 */
    height: 140.8px !important;
    max-width: 140.8px !important;
    max-height: 140.8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo Safran - keep original size */
  .pdf-container .w-1\/5 img[src*="logoSafran.PNG"] {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove any spacing from footer images container */
  .pdf-container .w-1\/5 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pdf-container .w-1\/5 .relative {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Small screens (up to 767px) - normal size */
@media (max-width: 767px) {
  .pdf-container {
    max-width: 85vw;
    width: 85vw;
    font-size: 1em; /* Normal size */
  }

  .pdf-container img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Image a3 in footer - normal size */
  .pdf-container .w-1\/5 img[src*="a3.PNG"] {
    width: 128px !important;
    height: 128px !important;
    max-width: 128px !important;
    max-height: 128px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo Safran - keep original size */
  .pdf-container .w-1\/5 img[src*="logoSafran.PNG"] {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove any spacing from footer images container */
  .pdf-container .w-1\/5 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .pdf-container .w-1\/5 .relative {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ===== ORIGINAL RESPONSIVE BREAKPOINTS ===== */

/* Extra Large Screens (1200px and up) */
@media (min-width: 1200px) {
  .pdf-container {
    width: 90vw;
  }

  .header-container {
    max-width: 90%;
    width: 90%;
  }

  .confidential-text-size {
    font-size: 14px;
  }

  .header-left-text-size {
    font-size: 18px;
  }

  .header-middle-text-size {
    font-size: 18px;
  }

  .header-right-text-size {
    font-size: 22px;
  }
}

/* Large Screens (992px to 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
  .pdf-container {
    max-width: 90vw;
    width: 90vw;
  }

  .header-container {
    max-width: 90%;
    width: 90%;
  }

  .confidential-text-size {
    font-size: 13px;
  }

  .header-left-text-size {
    font-size: 17px;
  }

  .header-middle-text-size {
    font-size: 17px;
  }

  .header-right-text-size {
    font-size: 21px;
  }
}

/* Medium Screens (768px to 991px) */
@media (max-width: 991px) and (min-width: 768px) {
  .pdf-container {
    max-width: 90vw;
    width: 90vw;
  }

  .header-container {
    max-width: 90%;
    width: 90%;
  }

  .confidential-text-size {
    font-size: 12px;
  }

  .header-left-text-size {
    font-size: 16px;
  }

  .header-middle-text-size {
    font-size: 16px;
  }

  .header-right-text-size {
    font-size: 20px;
  }

  .header-outer-frame-padding {
    padding: 15px;
  }
}

/* Small Screens (576px to 767px) */
@media (max-width: 767px) and (min-width: 576px) {
  .pdf-container {
    max-width: 90vw;
    width: 90vw;
  }

  .header-container {
    max-width: 90%;
    width: 90%;
  }

  .confidential-text-size {
    font-size: 11px;
  }

  .header-left-text-size {
    font-size: 15px;
  }

  .header-middle-text-size {
    font-size: 15px;
  }

  .header-right-text-size {
    font-size: 19px;
  }

  .header-outer-frame-padding {
    padding: 12px;
  }

  .header-section {
    padding: 10px 12px;
  }
}

/* Extra Small Screens (up to 575px) */
@media (max-width: 575px) {
  .pdf-container {
    max-width: 90vw;
    width: 90vw;
  }

  .header-container {
    max-width: 90%;
    width: 90%;
  }

  .confidential-text-size {
    font-size: 10px;
  }

  .header-left-text-size {
    font-size: 14px;
  }

  .header-middle-text-size {
    font-size: 14px;
  }

  .header-right-text-size {
    font-size: 18px;
  }

  .header-outer-frame-padding {
    padding: 10px;
  }

  .header-section {
    padding: 8px 10px;
  }

  .header-left-flex {
    flex: 0 0 80px;
  }

  .header-right-flex {
    flex: 0 0 200px;
  }
}
