/*
Theme Name: IAMBOS Approved Visual Lock
Theme URI: https://iambosos.com/
Author: IAMBOS / Edwin L. Davis
Description: Visual-locked IAMBOS WordPress theme built directly from the approved September 14, 2026 page designs. No redesign.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: iambos-approved
*/
:root{--navy:#071f38;--green:#39B54A;--header-ratio:7.617vw}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--navy);font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
a{text-decoration:none;color:inherit}
.approved-header{background:#fff;width:100%;border:0;position:relative;z-index:10}
.approved-header-inner{width:100%;height:clamp(72px,var(--header-ratio),104px);display:grid;grid-template-columns:29% 54% 17%;align-items:center;padding:0 2.7vw;gap:0;background:#fff}
.approved-logo{display:flex;align-items:center;height:100%}
.approved-logo img{display:block;width:min(24.4vw,333px);height:auto;max-height:82%;object-fit:contain;object-position:left center}
.approved-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.55vw,23px);white-space:nowrap}
.approved-nav a{font-size:clamp(9px,.84vw,12px);font-weight:600;color:#092445;height:100%;display:flex;align-items:center;position:relative}
.approved-nav a:hover:after,.approved-nav a.active:after{content:"";position:absolute;height:3px;background:var(--green);left:0;right:0;bottom:22%;border-radius:3px}
.approved-action{height:100%;display:flex;align-items:center;justify-content:flex-end}
.approved-action-wrap{text-align:center}
.approved-signin{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;font-size:clamp(10px,1.0vw,15px);font-weight:700;border-radius:8px;padding:clamp(8px,.8vw,12px) clamp(15px,1.7vw,24px);white-space:nowrap}
.approved-action small{display:block;color:#0c3157;font-size:clamp(7px,.66vw,10px);margin-top:3px;white-space:nowrap}
.approved-stage{position:relative;width:100%;line-height:0;background:#fff}
.approved-page-art{display:block;width:100%;height:auto;margin:0;padding:0}
.approved-contact-form{position:absolute;inset:0;pointer-events:none;line-height:normal}
.approved-contact-form input,.approved-contact-form select,.approved-contact-form textarea,.approved-contact-form button{position:absolute;pointer-events:auto;font-family:Arial,Helvetica,sans-serif;font-size:clamp(7px,.75vw,11px);color:#0b2d50;border:0;outline:none;border-radius:5px}
.approved-contact-form input,.approved-contact-form select,.approved-contact-form textarea{background:rgba(255,255,255,.96);padding:0 .75%;box-shadow:none}
.approved-contact-form textarea{resize:none;padding-top:.55%}
.approved-contact-form .fn{left:5.1%;top:22.1%;width:19.3%;height:2.05%}
.approved-contact-form .ln{left:26.4%;top:22.1%;width:19.4%;height:2.05%}
.approved-contact-form .em{left:5.1%;top:24.6%;width:19.3%;height:2.05%}
.approved-contact-form .org{left:26.4%;top:24.6%;width:19.4%;height:2.05%}
.approved-contact-form .topic{left:5.1%;top:27.2%;width:40.7%;height:2.05%}
.approved-contact-form .msg{left:5.1%;top:29.7%;width:40.7%;height:4.45%}
.approved-contact-form .send{left:5.1%;top:34.7%;width:40.7%;height:2.25%;opacity:0;cursor:pointer}
.approved-contact-success{position:absolute;left:5.1%;top:19.5%;width:40.7%;background:#e9f8ec;color:#126828;border:1px solid #b9e1c0;border-radius:6px;padding:.6%;font-size:clamp(7px,.75vw,11px);line-height:1.2;z-index:3}
.mobile-note{display:none}
@media(max-width:780px){
  .approved-header-inner{height:auto;min-height:76px;grid-template-columns:1fr auto;padding:8px 14px;row-gap:6px}
  .approved-logo img{width:210px;max-width:60vw}
  .approved-action{grid-column:2;grid-row:1}
  .approved-action small{display:none}
  .approved-signin{font-size:11px;padding:9px 13px}
  .approved-nav{grid-column:1/-1;grid-row:2;width:100%;overflow-x:auto;justify-content:flex-start;gap:16px;padding:0 2px 5px;scrollbar-width:none}
  .approved-nav::-webkit-scrollbar{display:none}
  .approved-nav a{font-size:10px;height:28px;flex:0 0 auto}
  .approved-nav a:hover:after,.approved-nav a.active:after{bottom:0}
  .approved-page-art{min-width:780px;width:780px;max-width:none}
  .approved-stage{overflow-x:auto}
  .approved-contact-form{min-width:780px;width:780px}
  .mobile-note{display:block;font-size:11px;line-height:1.4;padding:8px 14px;background:#eef5f8;color:#27445e}
}
.admin-bar .approved-header{margin-top:0}