/*
Theme Name: PIA Manila Qatar Section
Theme URI: https://piaqatar.example
Author: PIA Manila in Qatar Section
Author URI: https://piaqatar.example
Description: A one-page WordPress theme for the Philippine Institute of Architects, Manila in Qatar Section. All homepage text, the event photo, contact details, and social links are editable from Appearance -> PIA Qatar Content; all brand colors are editable live from Appearance -> Customize; and the theme is Elementor-ready for drag-and-drop page building.
Version: 1.5.0
Requires at least: 5.9
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pia-manila-qatar
*/


  .pia-qatar-wrap{
    --cream:#f5efe0;
    --cream-2:#f3ecd9;
    --navy:#152c47;
    --navy-2:#0f2138;
    --maroon:#7c1f2c;
    --maroon-2:#5e1621;
    --gold:#d3a54a;
    --gold-2:#c69538;
    --ink:#1b2430;
    --muted:#5b6472;
    --pink-chip:#f6e5e4;
    --white:#ffffff;
    --radius-lg:20px;
    --radius-md:14px;
  }
  .pia-qatar-wrap, .pia-qatar-wrap *{box-sizing:border-box;}
  .pia-qatar-wrap{
    margin:0;
    font-family:"Inter", sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
  }
  .pia-qatar-wrap h1, .pia-qatar-wrap h2, .pia-qatar-wrap h3{
    font-family:"Playfair Display", serif;
    margin:0;
  }
  .pia-qatar-wrap a{ text-decoration:none; color:inherit; }
  .pia-qatar-wrap ul{ list-style:none; margin:0; padding:0; }
  .pia-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }

  /* ---------- Header ---------- */
  .pia-header{
    background:var(--cream);
    border-bottom:1px solid #e7dfc9;
    position:sticky; top:0; z-index:50;
  }
  .pia-header .pia-wrap{
    display:flex; align-items:center; justify-content:space-between;
    height:78px;
  }
  .pia-brand{ display:flex; align-items:center; gap:14px; }
  .pia-seal{ width:46px; height:46px; flex-shrink:0; }
  .pia-seal-uploaded{ border-radius:50%; object-fit:cover; }
  .pia-brand-text .pia-name{
    font-family:"Playfair Display", serif;
    font-weight:700; font-size:21px; color:var(--maroon); line-height:1.1;
  }
  .pia-brand-text .pia-sub{
    font-size:11px; letter-spacing:.14em; color:var(--navy); font-weight:600;
    margin-top:2px;
  }
  .pia-nav-desktop{ display:none; align-items:center; }
  .pia-nav-desktop ul{ display:flex; gap:28px; align-items:center; }
  .pia-nav-desktop a{
    font-size:14px; font-weight:600; color:var(--navy); position:relative;
  }
  .pia-nav-desktop a:hover{ color:var(--maroon); }
  .pia-burger{
    background:none; border:none; cursor:pointer; padding:6px;
    color:var(--navy); display:flex;
  }
  .pia-mobile-menu{
    display:none; flex-direction:column; background:var(--cream);
    border-top:1px solid #e7dfc9; padding:8px 24px 18px;
  }
  .pia-mobile-menu.open{ display:flex; }
  .pia-mobile-menu ul{ display:flex; flex-direction:column; }
  .pia-mobile-menu a{
    padding:10px 0; font-weight:600; color:var(--navy); border-bottom:1px solid #e9e1cb;
    font-size:15px;
  }
  @media (min-width:900px){
    .pia-nav-desktop{ display:flex; }
    .pia-burger{ display:none; }
  }

  /* ---------- Hero ---------- */
  .pia-hero{
    position:relative;
    overflow:hidden;
    background:linear-gradient(120deg, var(--navy) 0%, var(--navy) 45%, var(--maroon-2) 78%, var(--maroon) 100%);
    padding:76px 0 84px;
    text-align:center;
  }
  .pia-hero .pia-skyline{
    position:absolute; inset:auto 0 0 0; width:100%; height:34%;
    opacity:.14; pointer-events:none;
  }
  .pia-hero .pia-seal-ring{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:min(70vw,560px); height:min(70vw,560px);
    opacity:.14; pointer-events:none;
  }
  .pia-hero .pia-flag-accent{
    position:absolute; top:0; left:0; bottom:0; width:14px;
    background:linear-gradient(180deg,#8a1538 0%,#8a1538 33%,#ffffff 33%,#ffffff 66%,#6e1229 66%,#6e1229 100%);
    opacity:.5; pointer-events:none;
  }
  .pia-hero .pia-watermark{
    position:absolute; top:42%; left:50%; transform:translate(-50%,-50%);
    font-family:"Playfair Display", serif;
    font-weight:700; font-size:clamp(20px,4.2vw,42px);
    color:rgba(255,255,255,.09);
    text-align:center; line-height:1.3;
    white-space:nowrap; letter-spacing:.03em;
    pointer-events:none;
  }
  @media (max-width:700px){
    .pia-hero .pia-watermark{ white-space:normal; font-size:clamp(16px,5vw,26px); width:90%; }
  }
  .pia-hero .pia-content{ position:relative; z-index:2; }
  .pia-hero .pia-eyebrow{
    font-size:12.5px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--gold); font-weight:700; margin-bottom:18px;
  }
  .pia-hero h1{
    color:var(--white); font-size:clamp(30px,5.5vw,54px); font-weight:800;
    line-height:1.12; margin-bottom:20px;
  }
  .pia-hero p{
    color:#d9dee6; font-size:16px; line-height:1.65; max-width:680px;
    margin:0 auto 34px;
  }
  .pia-hero .pia-cta-row{
    display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  }
  .pia-btn{
    display:inline-flex; align-items:center; gap:9px;
    padding:14px 26px; border-radius:999px; font-weight:700; font-size:14.5px;
    border:1.5px solid transparent; cursor:pointer;
  }
  .pia-btn-gold{ background:var(--gold); color:var(--navy-2); }
  .pia-btn-gold:hover{ background:var(--gold-2); }
  .pia-btn-outline{ background:transparent; color:var(--white); border-color:rgba(255,255,255,.55); }
  .pia-btn-outline:hover{ background:rgba(255,255,255,.1); }
  .pia-btn-maroon{ background:var(--maroon); color:var(--white); }
  .pia-btn-maroon:hover{ background:var(--maroon-2); }

  /* ---------- Feature cards ---------- */
  .pia-features{ background:var(--cream-2); padding:64px 0 58px; }
  .pia-cards{
    display:grid; grid-template-columns:1fr; gap:22px;
  }
  @media (min-width:820px){
    .pia-cards{ grid-template-columns:repeat(3,1fr); }
  }
  .pia-card{
    background:var(--white); border-radius:var(--radius-lg);
    padding:30px 26px; box-shadow:0 10px 30px rgba(21,44,71,.06);
  }
  .pia-card .pia-chip{
    width:52px; height:52px; border-radius:50%; background:var(--pink-chip);
    display:flex; align-items:center; justify-content:center; margin-bottom:18px;
    color:var(--maroon);
  }
  .pia-card h3{ font-size:19px; color:var(--navy); margin-bottom:10px; font-weight:700; }
  .pia-card p{ font-size:14.5px; line-height:1.65; color:var(--muted); margin:0; }
  .pia-advocacy-link{
    text-align:center; margin-top:38px;
  }
  .pia-advocacy-link a{
    color:var(--maroon); font-weight:700; font-size:15px;
  }

  /* ---------- Officers ---------- */
  .pia-officers{ background:var(--white); padding:60px 0 54px; text-align:center; }
  .pia-officers .pia-eyebrow{
    font-size:12.5px; letter-spacing:.18em; text-transform:uppercase;
    color:var(--maroon); font-weight:700; margin-bottom:20px;
  }
  .pia-officer-card{
    display:inline-flex; align-items:center; gap:18px; text-align:left;
    background:var(--cream-2); border-radius:var(--radius-lg);
    padding:22px 30px; box-shadow:0 10px 30px rgba(21,44,71,.06);
  }
  .pia-officer-avatar{
    width:56px; height:56px; border-radius:50%; background:var(--pink-chip);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    color:var(--maroon);
  }
  .pia-officer-title{
    font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--gold-2); font-weight:700; margin-bottom:4px;
  }
  .pia-officer-name{ font-family:"Playfair Display", serif; font-size:20px; color:var(--navy); font-weight:700; }

  /* ---------- Latest event ---------- */
  .pia-event{ padding:70px 0 60px; background:var(--white); }
  .pia-event .pia-eyebrow{
    font-size:12.5px; letter-spacing:.18em; text-transform:uppercase;
    color:var(--maroon); font-weight:700; margin-bottom:12px;
  }
  .pia-event h2{ font-size:clamp(24px,3.4vw,34px); color:var(--navy); margin-bottom:16px; font-weight:700; }
  .pia-event p.pia-desc{ color:var(--muted); font-size:15px; line-height:1.7; max-width:640px; margin-bottom:26px; }
  .pia-event-photo{
    margin-top:38px;
    border:8px solid var(--cream-2);
    border-radius:var(--radius-lg);
    aspect-ratio:16/10;
    background:linear-gradient(135deg,#eef1f5,#e3e8ee);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:10px; color:#95a0ad;
  }
  .pia-event-photo svg{ width:52px; height:52px; opacity:.6; }
  .pia-event-photo span{ font-size:13px; font-weight:600; letter-spacing:.03em; }
  .pia-event-secondary{
    margin-top:46px; padding-top:38px; border-top:1px solid #e9e1cb;
  }
  .pia-event-secondary .pia-eyebrow{ color:var(--gold-2); }
  .pia-event-secondary h3{ font-size:clamp(19px,2.6vw,24px); color:var(--navy); margin-bottom:12px; font-weight:700; }

  /* ---------- CTA band ---------- */
  .pia-cta-band{
    background:linear-gradient(120deg, var(--maroon) 0%, var(--maroon-2) 100%);
    padding:64px 24px; text-align:center;
  }
  .pia-cta-band h2{ color:var(--white); font-size:clamp(24px,3.6vw,36px); margin-bottom:14px; font-weight:700; }
  .pia-cta-band p{ color:#f1dede; max-width:600px; margin:0 auto 30px; font-size:15px; line-height:1.65; }

  /* ---------- Footer ---------- */
  .pia-footer{ background:var(--navy-2); color:#c7cedb; padding:60px 0 0; }
  .pia-footer-grid{
    display:grid; grid-template-columns:1fr; gap:40px; padding-bottom:44px;
  }
  @media (min-width:820px){
    .pia-footer-grid{ grid-template-columns:1.3fr 1fr 1fr; }
  }
  .pia-footer-brand{ display:flex; gap:14px; align-items:flex-start; }
  .pia-footer-brand h3{ color:var(--white); font-size:19px; margin-bottom:10px; font-weight:700; }
  .pia-footer-brand p{ font-size:13.5px; line-height:1.7; color:#aab3c2; margin:0; max-width:340px; }
  .pia-footer h4{
    font-family:"Playfair Display", serif; color:var(--gold); font-size:14px;
    letter-spacing:.1em; text-transform:uppercase; margin-bottom:18px; font-weight:700;
  }
  .pia-footer ul li{ margin-bottom:12px; }
  .pia-footer ul li a{ font-size:14px; color:#c7cedb; }
  .pia-footer ul li a:hover{ color:var(--white); }
  .pia-contact-row{ display:flex; align-items:center; gap:10px; margin-bottom:14px; font-size:14px; }
  .pia-contact-row svg{ width:16px; height:16px; color:var(--gold); flex-shrink:0; }
  .pia-footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:20px 24px; text-align:center; font-size:12.5px; color:#8b93a3;
  }

  @media (max-width:480px){
    .pia-hero{ padding:56px 0 60px; }
  }

/* ---------- Social icon rows (added for WordPress integration) ---------- */
.pia-qatar-wrap .pia-social-row{
  display:flex; align-items:center; gap:10px;
}
.pia-qatar-wrap .pia-social-row-header{
  display:none;
}
@media (min-width:900px){
  .pia-qatar-wrap .pia-social-row-header{ display:flex; margin-left:6px; }
}
.pia-qatar-wrap .pia-social-icon{
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--pink-chip); color:var(--maroon);
  flex-shrink:0;
}
.pia-qatar-wrap .pia-social-icon:hover{ background:var(--gold); color:var(--navy-2); }
.pia-qatar-wrap .pia-footer .pia-social-icon{
  background:rgba(255,255,255,.08); color:var(--gold);
}
.pia-qatar-wrap .pia-footer .pia-social-icon:hover{ background:var(--gold); color:var(--navy-2); }
.pia-qatar-wrap .pia-social-row-footer{ margin-top:2px; }
.pia-qatar-wrap .pia-social-row-mobile{ margin-top:14px; }
.pia-qatar-wrap .pia-event-photo-has-image{
  padding:0; border-width:6px; overflow:hidden;
}

/* ---------- Color helper classes (so inline SVG logos follow the theme colors too) ---------- */
.piaq-fill-navy{ fill:var(--navy); }
.piaq-fill-maroon{ fill:var(--maroon); }
.piaq-fill-gold{ fill:var(--gold); }
.piaq-stroke-navy{ stroke:var(--navy); }
.piaq-stroke-maroon{ stroke:var(--maroon); }
.piaq-stroke-gold{ stroke:var(--gold); }
.piaq-stroke-cream{ stroke:var(--cream); }

/* ---------- Basic readable styles for pages other than the homepage ---------- */
body{
  line-height:1.7;
  margin:0;
}
body:not(.pia-single-content) .site-content{
  max-width:820px;
  margin:60px auto;
  padding:0 24px;
}
.site-content h1, .site-content h2, .site-content h3{
  color:var(--navy);
}
.site-content a{ color:var(--maroon); }

/* ---------- Gallery page ---------- */
body:not(.pia-single-content) .site-content:has(.pia-gallery-grid){
  max-width:1100px;
}
.pia-gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:16px;
  margin-top:28px;
}
.pia-gallery-item{
  display:block;
  border-radius:var(--radius-md);
  overflow:hidden;
  aspect-ratio:4/3;
  border:1px solid rgba(0,0,0,.08);
}
.pia-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .25s ease;
}
.pia-gallery-item:hover img{ transform:scale(1.04); }
.pia-gallery-empty{
  margin-top:24px;
  padding:28px;
  border:1px dashed rgba(0,0,0,.15);
  border-radius:var(--radius-md);
  background:var(--cream);
  color:var(--muted);
  text-align:center;
}