/*
Theme Name: PH GovPress
Theme URI: https://example.com/ph-govpress
Author: ChatGPT
Author URI: https://chat.openai.com
Description: A clean, accessible WordPress theme inspired by dict.gov.ph layout—featuring a hero, services menu, announcements, news grid, and a structured government-style footer.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ph-govpress
Tags: two-column, accessibility-ready, custom-logo, custom-menu, featured-images, blog, news, government
*/
:root{
  --maxw: 1200px;
  --gap: 1rem;
  --radius: 16px;
  --shadow: 0 2px 12px rgba(0,0,0,.06);
  --bg: #ffffff;
  --bg-alt: #f6f7fb;
  --text: #1f2937;
  --muted: #6b7280;
  --brand: #0033a0; /* deep blue */
  --brand-2: #e9f0ff;
  --accent: #d91f26; /* red accent (GovPH banner hint) */
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--maxw); margin:0 auto; padding:0 1rem}
.site-header{box-shadow:var(--shadow); position:sticky; top:0; z-index:100; background:#fff}
.topbar{background:#0c326d; color:#fff; font-size:.875rem}
.topbar .container{display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.25rem 1rem}
.govph-flag{display:inline-flex; gap:.5rem; align-items:center}
.govph-flag .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.access-links a{color:#fff; opacity:.9; margin-left:1rem}
.brand{display:flex; align-items:center; gap:.75rem; padding:.75rem 0}
.brand img{max-height:56px; height:auto; width:auto}
.site-title{margin:0; font-weight:700; font-size:1.25rem}
.site-desc{margin:0; font-size:.875rem; color:var(--muted)}
.navbar{border-top:1px solid #eef1f6; border-bottom:1px solid #eef1f6; background:#fff}
.navbar .container{display:flex; gap:1rem; align-items:center; justify-content:space-between}
.primary-menu, .primary-menu ul{list-style:none; margin:0; padding:0; display:flex; gap:.5rem}
.primary-menu li{position:relative}
.primary-menu > li > a{display:block; padding:.75rem .9rem; border-radius:10px}
.primary-menu > li > a:hover{background:var(--brand-2)}
.primary-menu li:hover > ul{display:block}
.primary-menu li ul{
  display:none; position:absolute; top:100%; left:0; background:#fff; min-width:240px;
  box-shadow:var(--shadow); border-radius:12px; padding:.5rem; flex-direction:column; gap:.25rem;
}
.primary-menu li ul li a{padding:.5rem .75rem; display:block; border-radius:8px}
.primary-menu li ul li a:hover{background:#f3f4f6}

.searchform{margin-left:auto}
.searchform input[type="search"]{padding:.5rem .75rem; border:1px solid #e5e7eb; border-radius:999px}
.searchform button{padding:.5rem .9rem; border:none; border-radius:999px; background:var(--brand); color:#fff; margin-left:.5rem}

.hero{background:linear-gradient(180deg, #eef4ff, #ffffff); padding:2.5rem 0; border-bottom:1px solid #eef1f6}
.hero .wrap{display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center}
.hero .title{font-size:2rem; margin:0 0 .5rem 0}
.hero .subtitle{margin:0 0 1rem 0; color:var(--muted)}
.hero .actions{display:flex; gap:.75rem; flex-wrap:wrap}
.hero .actions a{background:var(--brand); color:#fff; padding:.6rem .9rem; border-radius:999px; display:inline-block}
.hero .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem}
.card{background:#fff; border:1px solid #eef1f6; border-radius:var(--radius); box-shadow:var(--shadow); padding:1rem}
.card h3{margin:.25rem 0 .25rem 0; font-size:1.05rem}
.badge{font-size:.75rem; background:#eef2ff; padding:.25rem .5rem; border-radius:999px}

.section{padding:2rem 0}
.section h2{margin:0 0 1rem 0}
.grid{display:grid; gap:1rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.post{border:1px solid #eef1f6; border-radius:var(--radius); overflow:hidden; background:#fff}
.post .thumb{aspect-ratio:16/9; background:#f3f4f6; display:block}
.post .content{padding:1rem}
.post .meta{font-size:.8rem; color:var(--muted)}

.site-footer{background:#0b1729; color:#c7d2fe; margin-top:2rem}
.site-footer a{color:#c7d2fe}
.footer-top{padding:2rem 0}
.footer-cols{display:grid; gap:1rem; grid-template-columns:2fr 1fr 1fr 1fr}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding:.75rem 0; font-size:.875rem; color:#93c5fd}
.footer-logo{display:flex; align-items:center; gap:.5rem}
.footer-logo img{height:36px}
.widget-title{margin:.5rem 0; font-size:1rem}
ul.plain{list-style:none; padding:0; margin:0}
ul.plain li{margin:.25rem 0}
/* Accessibility helpers */
.skip-link{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-link:focus{position:static; width:auto; height:auto; padding:.5rem; background:#000; color:#fff}
@media (max-width: 900px){
  .hero .wrap{grid-template-columns:1fr}
  .hero .cards{grid-template-columns:1fr; gap:.75rem}
  .footer-cols{grid-template-columns:1fr}
}