/*
 Theme Name:  Pacy Kadence Child
 Theme URI:   https://pacymedia.com/
 Description: Lightweight Kadence child theme for long-term maintainability.
 Author:      Pacy Media
 Author URI:  https://pacymedia.com/
 Template:    kadence
 Version:     1.0.0
 Text Domain: pacy-kadence-child
 License:     GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Keep CSS minimal; prefer theme.json for design tokens. */

:root{
  --pacy-header-h: 80px; /* space for main header on mobile overlay */
  --pacy-blue: #0b74ff;
  --pacy-ink: #0f172a;
  --pacy-ink-2: #212938;
  --pacy-paper: #ffffff;
  --pacy-surface: #f5f7fb;
}

/* Section bar */
.pacy-secbar{background:var(--pacy-paper);border-bottom:1px solid rgba(0,0,0,.06)}
.pacy-secbar__inner{
  max-width: var(--global-content-width, 1200px);
  margin: 0 auto; padding: 14px 16px;
  display: grid; grid-template-columns: 1fr auto; grid-template-areas: "title nav";
  gap: 12px; align-items: center;
}
.pacy-secbar__title{grid-area:title;margin:0;font-weight:800;font-size:clamp(18px,2.2vw,26px);line-height:1.2;color:var(--pacy-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pacy-secbar__title a{text-decoration:none;color:inherit}

/* Desktop nav */
.pacy-nav{grid-area:nav;list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pacy-nav>li{position:relative}
.pacy-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--pacy-surface);border:1px solid rgba(33,41,56,.08);color:var(--pacy-ink);text-decoration:none;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}
.pacy-btn:hover{background:#eef2ff;border-color:rgba(33,41,56,.16)}
.pacy-btn.is-active{background:var(--pacy-blue);color:#fff;border-color:var(--pacy-blue);box-shadow:0 6px 16px rgba(11,116,255,.18)}
.pacy-badge{font-size:10px;font-weight:800;letter-spacing:.3px;background:#ffd24d;border-radius:999px;padding:3px 6px;color:#111}
.pacy-caret{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;display:inline-block}

/* Desktop dropdown (flush, no gap) */
.pacy-sub{position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:8px;display:none;z-index:100}
.pacy-sub a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--pacy-ink);font-weight:600}
.pacy-sub a:hover{background:#f5f7fb}
.pacy-nav>li:hover>.pacy-sub,.pacy-nav>li:focus-within>.pacy-sub{display:block}

/* Mobile burger (inline with title) */
.pacy-burger{display:none;grid-area:nav;width:44px;height:44px;border-radius:12px;border:1px solid rgba(33,41,56,.12);background:var(--pacy-surface);color:var(--pacy-blue);align-items:center;justify-content:center;cursor:pointer}
.pacy-burger .bars,.pacy-burger .bars:before,.pacy-burger .bars:after{content:"";display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s,opacity .2s}
.pacy-burger .bars:before{position:absolute;top:-6px}
.pacy-burger .bars:after{position:absolute;top:6px}
.pacy-burger.is-open .bars{transform:rotate(45deg)}
.pacy-burger.is-open .bars:before{transform:rotate(-90deg);top:0}
.pacy-burger.is-open .bars:after{opacity:0}
@media (max-width:782px){
  .pacy-secbar__inner{grid-template-columns:1fr auto;grid-template-areas:"title nav"}
  .pacy-nav{display:none}
  .pacy-burger{display:inline-flex}
}

/* Full-screen mobile overlay (leaves header space) */
.pacy-overlay{position:fixed;left:0;right:0;bottom:0;top:var(--pacy-header-h);background:#071a4b;color:#fff;display:none;z-index:10000}
.pacy-overlay.is-open{display:block}
.pacy-ol__inner{max-width:var(--global-content-width,1200px);margin:0 auto;padding:18px 16px}
.pacy-ol__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pacy-ol__title{font-size:20px;font-weight:800;margin:0}
.pacy-close{appearance:none;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;width:44px;height:44px;border-radius:10px;cursor:pointer}
.pacy-close:focus{outline:2px solid #ffffff55;outline-offset:2px}

/* overlay list */
.pacy-olist{list-style:none;margin:8px 0 0;padding:0}
.pacy-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 8px;border-bottom:1px solid #23346a;color:#fff;font-weight:800;font-size:20px;text-decoration:none;background:transparent}
.pacy-row[aria-disabled="true"]{opacity:.55}
.pacy-chevron{display:inline-block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .2s}
.pacy-item.open .pacy-chevron{transform:rotate(-135deg)}
.pacy-children{display:none;padding:8px 0 8px 8px}
.pacy-children a{display:block;color:#fff;text-decoration:none;padding:12px 8px;border-bottom:1px dashed #2b3e85}
.pacy-children a:last-child{border-bottom:0}
.pacy-draft{background:#ffd24d;color:#111;border-radius:999px;font-size:12px;font-weight:900;padding:4px 8px;margin-left:10px}

/* Content container (always constrained) */
.pacy-content{max-width:var(--global-content-width,1200px);margin:0 auto;padding:24px 16px}
