/*
Theme Name: IDN Printing
Theme URI: https://inandinhngoc.com
Author: IDN + ChatGPT
Author URI: https://inandinhngoc.com
Description: A clean, bilingual (VI/EN) WordPress theme for printing companies. Optimized for Vietnamese with Be Vietnam Pro and Inter. Includes sections for services, process, clients carousel, and contact.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: idn-print
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --idn-primary:#0ea5e9; /* blue */
  --idn-accent:#f97316;  /* orange */
  --idn-dark:#0b1220;
  --idn-muted:#6b7280;
  --radius:16px;
}
html,body{
  margin:0; padding:0;
  font-family:"Be Vietnam Pro", "Inter", Arial, sans-serif;
  color:#0b1220; background:#ffffff;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1200px;margin:0 auto;padding:0 16px;}
.header{position:sticky;top:0;z-index:20;background:#ffffffaa;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;text-decoration:none;color:var(--idn-dark)}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav a{color:var(--idn-dark);text-decoration:none;font-weight:600}
.cta{background:var(--idn-accent);color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700}
.hero{padding:80px 0;background:linear-gradient(180deg,#f2fbff, #fff)}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 12px}
.hero p{margin:0 0 20px;color:var(--idn-muted)}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border:1px solid #eee;border-radius:var(--radius);padding:18px;background:#fff;box-shadow:0 6px 24px rgba(2,6,23,0.06)}
.section{padding:56px 0}
.section h2{font-size:28px;margin:0 0 14px}
.process-step{display:flex;gap:12px;align-items:flex-start}
.process-step-num{min-width:36px;height:36px;border-radius:999px;background:var(--idn-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.clients{display:flex;gap:24px;overflow:auto;padding:8px 0}
.clients img{height:40px;filter:grayscale(100%);opacity:.9}
.footer{background:#0b1220;color:#cbd5e1;padding:32px 0;margin-top:56px}
.footer a{color:#cbd5e1;text-decoration:none}
.lang-switch{display:flex;gap:10px}
.lang-switch a{font-weight:700}
@media (max-width: 768px){
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:2fr 2fr}
  .hero h1{font-size:30px}
}