/* 
PRIVACY PAGE - MOBILE FONT SIZE OPTIMIZATION
Giảm font size cho mobile để cải thiện trải nghiệm người dùng
Giữ nguyên tất cả hiệu ứng và không thay đổi trang
*/

/* MOBILE FONT OPTIMIZATION */
@media (max-width: 768px) {
  /* Header Title - Giảm từ 2.5rem xuống 2.2rem */
  .main-container .header h1 {
    font-size: 2.2rem !important; /* Giảm từ 2.5rem */
    line-height: 1.2 !important;
    margin-bottom: 12px !important; /* Giảm spacing */
  }
  
  /* Header Subtitle - Giảm từ 1.1rem xuống 1rem */
  .main-container .header p {
    font-size: 1rem !important; /* Giảm từ 1.1rem */
    line-height: 1.4 !important;
  }
  
  /* Section Headers - Giảm từ 1.6rem xuống 1.4rem */
  .section h2 {
    font-size: 1.4rem !important; /* Giảm từ 1.6rem */
    margin-bottom: 16px !important; /* Giảm spacing */
  }
  
  /* Sub Headers - Giảm từ 1.3rem xuống 1.2rem */
  .section h3 {
    font-size: 1.2rem !important; /* Giảm từ 1.3rem */
    margin: 20px 0 12px !important; /* Giảm margin */
  }
  
  /* Body Text - Giảm từ default xuống 0.9rem */
  .section p,
  .section ul li {
    font-size: 0.9rem !important; /* Giảm body text */
    line-height: 1.5 !important;
    margin-bottom: 14px !important; /* Giảm spacing */
  }
  
  /* Highlight Box - Giảm font size */
  .highlight-box h2 {
    font-size: 1.4rem !important; /* Giảm từ 1.6rem */
    margin-bottom: 12px !important;
  }
  
  .highlight-box p {
    font-size: 1rem !important; /* Giảm từ 1.1rem */
    line-height: 1.5 !important;
  }
  
  /* Breadcrumb - Giảm từ 14px xuống 13px */
  .breadcrumb {
    font-size: 13px !important; /* Giảm từ 14px */
  }
  
  /* Navigation Links - Giảm từ 15px xuống 14px */
  .nav-links a {
    font-size: 14px !important; /* Giảm từ 15px */
    padding: 14px 16px !important; /* Giảm padding */
  }
  
  /* Back Home Link - Giảm font size */
  .back-home a {
    font-size: 1rem !important; /* Giảm từ 1.1rem */
    padding: 10px 20px !important; /* Giảm padding */
  }
  
  /* Footer Optimization */
  .footer-section h3 {
    font-size: 1rem !important; /* Giảm từ 1.1rem */
    margin-bottom: 15px !important;
  }
  
  .footer-section p,
  .footer-links a {
    font-size: 0.85rem !important; /* Giảm từ 0.95rem */
  }
  
  .footer-bottom p {
    font-size: 0.8rem !important; /* Giảm từ 0.9rem */
  }
  
  /* Contact Information */
  .contact-item {
    font-size: 0.85rem !important;
    margin-bottom: 10px !important; /* Giảm spacing */
  }
  
  /* Main Card Padding Optimization */
  .main-card {
    padding: 25px !important; /* Giảm từ 30px */
  }
  
  /* Section Spacing Optimization */
  .section {
    margin-bottom: 32px !important; /* Giảm từ 40px */
  }
}

/* SMALL MOBILE OPTIMIZATION (≤ 480px) */
@media (max-width: 480px) {
  /* Header Title - Tiếp tục giảm cho màn hình nhỏ */
  .main-container .header h1 {
    font-size: 2rem !important; /* Giảm từ 2.2rem */
    line-height: 1.1 !important;
  }
  
  /* Header Subtitle */
  .main-container .header p {
    font-size: 0.95rem !important; /* Giảm từ 1rem */
  }
  
  /* Section Headers */
  .section h2 {
    font-size: 1.3rem !important; /* Giảm từ 1.4rem */
  }
  
  /* Sub Headers */
  .section h3 {
    font-size: 1.1rem !important; /* Giảm từ 1.2rem */
  }
  
  /* Body Text */
  .section p,
  .section ul li {
    font-size: 0.85rem !important; /* Giảm từ 0.9rem */
    line-height: 1.4 !important;
  }
  
  /* Highlight Box */
  .highlight-box h2 {
    font-size: 1.3rem !important;
  }
  
  .highlight-box p {
    font-size: 0.95rem !important;
  }
  
  /* Navigation */
  .nav-links a {
    font-size: 13px !important; /* Giảm từ 14px */
    padding: 12px 14px !important;
  }
  
  /* Main Card */
  .main-card {
    padding: 20px !important; /* Giảm từ 25px */
  }
  
  /* Footer */
  .footer-section h3 {
    font-size: 0.95rem !important;
  }
  
  .footer-section p,
  .footer-links a {
    font-size: 0.8rem !important;
  }
  
  .footer-bottom p {
    font-size: 0.75rem !important;
  }
  
  /* Contact */
  .contact-item {
    font-size: 0.8rem !important;
  }
}

/* VERY SMALL MOBILE OPTIMIZATION (≤ 360px) */
@media (max-width: 360px) {
  .main-container .header h1 {
    font-size: 1.8rem !important;
  }
  
  .main-container .header p {
    font-size: 0.9rem !important;
  }
  
  .section h2 {
    font-size: 1.2rem !important;
  }
  
  .section h3 {
    font-size: 1rem !important;
  }
  
  .section p,
  .section ul li {
    font-size: 0.8rem !important;
  }
  
  .nav-links a {
    font-size: 12px !important;
  }
  
  .footer-section h3 {
    font-size: 0.9rem !important;
  }
  
  .footer-section p,
  .footer-links a {
    font-size: 0.75rem !important;
  }
}