/*
Theme Name: LSC Theme
Theme URI: https://lscftu2.com
Author: Logistics Studying Club
Description: Custom theme for CLB Logistics Studying Club (FTU CS2) - built free of any page-builder plugin.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lsc-theme
*/

:root {
  --navy: #1C4587;
  --navy-text: #1C4587;
  --red: #CC0000;
  --red-hover: #A80000;
  --body-text: #55677F;
  --font: "Montserrat", "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { background: #FFFFFF; }
body { margin: 0; font-family: var(--font); scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font); color: var(--navy-text); margin: 0; }
p, li { color: var(--body-text); }
a { color: var(--red); text-decoration: none; }
a:hover { color: var(--red-hover); }
img { max-width: 100%; }
button, input, textarea, select { font-family: var(--font); }
button, .btn { border-radius: 999px; }
input, textarea { border-radius: 12px; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }

#site-logo-header,
#site-logo-footer { line-height: 0; }
#site-logo-header img,
#site-logo-header .custom-logo {
  height: 44px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  display: block;
}
#site-logo-footer img,
#site-logo-footer .custom-logo {
  height: 50px;
  width: auto;
  max-width: 210px;
  object-fit: contain;
  display: block;
}

@media (max-width: 900px) {
  #hinh-anh { grid-template-columns: repeat(2, 1fr) !important; }
  #du-an { grid-template-columns: 1fr !important; grid-template-rows: none !important; min-height: 0 !important; }
  #du-an > article:first-child { grid-row: auto !important; min-height: 340px; }
  #scmission { grid-template-columns: 1fr !important; }
  #footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  h1 { font-size: 44px !important; }
}

@media (max-width: 640px) {
  #lsc-menu-toggle { display: block !important; }
  #lsc-primary-nav {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    background: #1C4587;
    padding: 12px 24px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
  }
  #lsc-primary-nav a { padding: 8px 0; width: 100%; }
  #lsc-primary-nav.is-open { display: flex !important; }
  header { position: relative; }

  #hero-stats { grid-template-columns: repeat(2, 1fr) !important; }
  #mission-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  #mission-grid h2 span { font-size: 56px !important; }
  #hinh-anh { grid-template-columns: 1fr !important; }
}