/*
Theme Name: APC Live — kora online style
Theme URI: https://apctoolkits.com
Author: kora online
Description: قالب كورة اون لاين بتصميم أبيض/أخضر مشابه لـ apctoolkits.com
Version: 1.0
Text Domain: apclive
*/
/* ═══════════════════════════════════════════════════════
   APC LIVE — apctoolkits.com Style — v1.0
   Green / White design matching kora online
═══════════════════════════════════════════════════════ */

:root {
  --green:    #2e7d32;
  --green-l:  #43a047;
  --green-d:  #1b5e20;
  --gold:     #e8b84b;
  --red:      #c0392b;
  --live-red: #e53935;
  --soon-g:   #2e7d32;
  --end-g:    #78909c;
  --blue:     #1a3a6e;
  --body:     #f0f2f5;
  --card:     #ffffff;
  --border:   #e8ecf0;
  --text:     #1a1a1a;
  --muted:    #6b7280;
  --info-bg:  #f8f9fb;
  --shadow:   0 1px 6px rgba(0,0,0,.08);
  --main-color: #2e7d32;
}
body.Night {
  --body:    #0d1117;
  --card:    #161b22;
  --border:  #30363d;
  --text:    #e6edf3;
  --muted:   #8b949e;
  --info-bg: #1a2535;
}

/* ── FONT FACE ────────────────────────────────────────── */
@font-face {
  font-family: 'Neo Sans Arabic';
  src: url('assets/NeoSansArabic.woff') format('woff');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

/* ── BASE ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; list-style: none }
body { font-family: 'Neo Sans Arabic','Segoe UI',Arial,sans-serif; direction: rtl; background: var(--body); color: var(--text); font-size: 14px; line-height: 1.6 }
a { color: var(--text); text-decoration: none }
a:hover { color: var(--green) }
img { max-width: 100%; display: block }
.container { max-width: 1000px; margin: auto; padding: 0 12px }

/* ── HEADER ───────────────────────────────────────────── */
.apc-header {
  background: #fff;
  border-bottom: 3px solid var(--green);
  position: sticky; top: 0; z-index: 1000;
  box-shadow: 0 1px 5px rgba(0,0,0,.08);
}
body.Night .apc-header { background: #0f1a10; border-bottom-color: var(--green-d) }

.apc-hdr-inner {
  max-width: 1000px; margin: auto; padding: 0 12px;
  display: flex; align-items: center; justify-content: space-between;
  height: 62px;
}

/* Logo */
.apc-logo a { display: flex; align-items: center; gap: 6px }
.apc-logo-text {
  font-size: 20px; font-weight: 900; color: var(--green);
  white-space: nowrap; line-height: 1;
}
body.Night .apc-logo-text { color: #4caf50 }

/* Desktop nav */
.apc-desk-nav { flex: 1; display: flex; justify-content: flex-end }
.apc-desk-menu { display: flex; align-items: center; gap: 2px; flex-direction: row }
.apc-desk-menu li a {
  font-size: 13px; font-weight: 600; color: #444;
  padding: 6px 11px; border-radius: 6px; white-space: nowrap;
  transition: background .18s, color .18s;
}
.apc-desk-menu li a:hover { background: var(--green); color: #fff }
body.Night .apc-desk-menu li a { color: #9ab }
body.Night .apc-desk-menu li a:hover { background: var(--green); color: #fff }

/* Icons */
.apc-hdr-icons { display: flex; align-items: center; gap: 8px; flex-shrink: 0 }
.apc-dark-btn {
  width: 32px; height: 32px; display: flex; align-items: center;
  justify-content: center; border-radius: 50%; background: rgba(0,0,0,.07);
  cursor: pointer; font-size: 14px; user-select: none;
}
body.Night .apc-dark-btn { background: rgba(255,255,255,.1) }

/* Hamburger */
.apc-ham {
  display: none; flex-direction: column; gap: 4px;
  padding: 6px; cursor: pointer; border-radius: 6px;
  background: rgba(0,0,0,.07);
}
.apc-ham span { display: block; width: 20px; height: 2px; background: var(--text); border-radius: 2px }
body.Night .apc-ham span { background: #e6edf3 }

/* Mobile drawer */
.apc-mob-cb { display: none }
.apc-mob-drawer {
  position: fixed; top: 0; right: -100%; width: 280px; height: 100vh;
  background: #fff; z-index: 2000; transition: right .28s ease;
  box-shadow: -4px 0 20px rgba(0,0,0,.15); overflow-y: auto;
  display: flex; flex-direction: column;
}
body.Night .apc-mob-drawer { background: #0f1a10 }
#apc-mob-cb:checked ~ .apc-mob-drawer { right: 0 }
.apc-overlay-bg {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4);
  z-index: 1999; cursor: pointer;
}
#apc-mob-cb:checked ~ .apc-overlay-bg { display: block }

.apc-drawer-top {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--border);
  background: var(--green);
}
.apc-logo-text-sm { font-size: 16px; font-weight: 900; color: #fff }
.apc-drawer-close { font-size: 20px; color: #fff; cursor: pointer; line-height: 1 }
.apc-mob-menu { padding: 10px 0 }
.apc-mob-menu li a {
  display: block; padding: 11px 18px; font-size: 14px; font-weight: 600;
  color: var(--text); border-bottom: 1px solid var(--border);
  transition: background .15s, color .15s;
}
.apc-mob-menu li a:hover { background: var(--green); color: #fff }
body.Night .apc-mob-menu li a { border-color: var(--border) }

@media (max-width: 720px) {
  .apc-desk-nav { display: none }
  .apc-ham { display: flex }
}

/* ── HERO BANNER ──────────────────────────────────────── */
.apc-hero {
  background: linear-gradient(135deg, var(--green-d) 0%, var(--green) 60%, #33691e 100%);
  padding: 36px 16px 30px; text-align: center; color: #fff;
}
.apc-hero h1 { font-size: 26px; font-weight: 900; line-height: 1.5; margin-bottom: 10px }
.apc-hero p  { font-size: 14px; opacity: .85; max-width: 520px; margin: 0 auto }
@media(max-width:480px){ .apc-hero h1 { font-size: 20px } }

/* ── MATCH SECTION TITLE ──────────────────────────────── */
.apc-sec-title {
  font-size: 20px; font-weight: 900; text-align: center;
  color: var(--green); margin: 18px 0 12px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
body.Night .apc-sec-title { color: #4caf50 }

/* ── DATE TABS ────────────────────────────────────────── */
.apc-tabs { display: flex; gap: 10px; justify-content: center; margin: 14px 0 10px }
.apc-tabs a {
  flex: 1; max-width: 180px; display: flex; align-items: center; justify-content: center;
  height: 44px; font-size: 14px; font-weight: 700; border-radius: 22px;
  border: 2px solid var(--green); background: #fff; color: var(--green);
  transition: .2s; box-shadow: var(--shadow);
}
.apc-tabs a:hover, .apc-tabs a.apc-active {
  background: var(--green); color: #fff; box-shadow: 0 3px 12px rgba(46,125,50,.3)
}
body.Night .apc-tabs a { background: #0f1a10; border-color: var(--green-l); color: #4caf50 }
body.Night .apc-tabs a:hover, body.Night .apc-tabs a.apc-active { background: var(--green); color: #fff }

/* ── MATCH CARD WRAPPER ───────────────────────────────── */
.albaflex { display: flex; flex-direction: column; gap: 10px; padding: 0 0 8px }

/* ── MATCH CARD ───────────────────────────────────────── */
.match-container {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
  overflow: hidden;
  position: relative;
  transition: box-shadow .2s, transform .15s;
}
.match-container:hover { box-shadow: 0 4px 18px rgba(0,0,0,.13); transform: translateY(-1px) }
.match-container.live,
.match-container.started,
.match-container.gools  { border-color: var(--live-red); box-shadow: 0 2px 14px rgba(229,57,53,.18) }
.match-container.soon,
.match-container.commingsoon { border-color: var(--green) }
.match-container.finshed,
.match-container.end    { border-color: var(--border) }
body.Night .match-container { background: #1c2733; border-color: #2a3a52 }

/* Grid layout inside card */
.match-container > a {
  display: grid;
  grid-template-columns: 1fr 160px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  width: 100%; padding: 22px 16px 0;
  color: var(--text); position: relative;
}

/* Teams */
.match-container .right-team {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  grid-column: 1; grid-row: 1;
}
.match-container .left-team {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  grid-column: 3; grid-row: 1;
}
.match-container .match-center {
  grid-column: 2; grid-row: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; padding: 0 8px;
}

/* Logo box */
.team-logo {
  width: 88px; height: 88px;
  background: #f5f7fa;
  border: 1.5px solid var(--border);
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; flex-shrink: 0;
}
body.Night .team-logo { background: #1a2535; border-color: #2a3a52 }
.team-logo img { width: 70px; height: 70px; object-fit: contain; display: block; margin: 0 auto }
.team-logo img.lazy-load { opacity: 0; transition: opacity .5s ease }
.team-logo img.lazy-load.loaded { opacity: 1 }

/* Team name */
.team-name {
  font-size: 14px; font-weight: 700; text-align: center;
  color: var(--text); line-height: 1.4; max-width: 130px;
}

/* Score / time */
.match-timing { display: flex; flex-direction: column; align-items: center; gap: 8px }
.match-timing > div:not([class]),
.match-timing > div.match-time-val {
  font-size: 22px; font-weight: 800; color: var(--green);
  direction: ltr; text-align: center; line-height: 1.2;
}
body.Night .match-timing > div:not([class]) { color: #4caf50 }
.result {
  font-size: 28px; font-weight: 900; letter-spacing: 5px;
  direction: ltr; color: var(--green); line-height: 1; text-align: center;
}
body.Night .result { color: #4caf50 }

/* Status badges */
.match-timing .date {
  display: inline-block; border-radius: 20px;
  padding: 3px 14px; font-size: 12px; font-weight: 700;
  color: #fff; background: var(--end-g); line-height: 1.7;
}
.match-timing .date.live,
.match-timing .live {
  background: var(--live-red) !important; border-radius: 20px;
  padding: 3px 14px; font-size: 12px; font-weight: 700; color: #fff;
  animation: apcBlink 800ms ease-in-out infinite;
}
.match-timing .date.soon,
.match-timing .soon {
  background: var(--soon-g) !important; color: #fff !important;
  border-radius: 20px !important; padding: 3px 14px !important;
  font-size: 12px !important; font-weight: 700 !important;
}
@keyframes apcBlink { 0%,100%{opacity:1} 50%{opacity:.6} }

/* Info bar */
.match-info {
  grid-column: 1/-1; grid-row: 2;
  border-top: 1px solid var(--border);
  background: var(--info-bg);
  display: flex; justify-content: space-around;
  margin-top: 14px; padding: 0;
  border-radius: 0 0 13px 13px; overflow: hidden;
}
body.Night .match-info { background: var(--info-bg); border-color: #2a3a52 }
.match-info ul { display: flex; width: 100%; margin: 0; padding: 0 }
.match-info li {
  flex: 1; text-align: center; padding: 7px 6px;
  font-size: 11px; color: var(--muted);
  border-left: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center; gap: 4px;
}
.match-info li:last-child { border-left: none }
body.Night .match-info li { border-color: #2a3a52 }
.match-info li:nth-child(1)::before { content:"📺"; font-size:11px }
.match-info li:nth-child(2)::before { content:"🎙"; font-size:11px }
.match-info li:nth-child(3)::before { content:"🏆"; font-size:11px }

/* Hover overlay */
.overlay-match {
  position: absolute; inset: 0; opacity: 0;
  background: rgba(46,125,50,.06); cursor: pointer; z-index: 2;
  transition: opacity .2s; border-radius: 14px;
}
.match-container:hover .overlay-match { opacity: 1 }
.text-match {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
  width: 42px; height: 42px; opacity: 0; transition: opacity .2s; z-index: 3;
  background: no-repeat center/100%
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232e7d32' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm88.5 269.6l-128 80c-2.6 1.6-5.5 2.4-8.5 2.4-2.7 0-5.3-.7-7.8-2-5-2.8-8.2-8.2-8.2-14V176c0-5.8 3.2-11.2 8.2-14 5.1-2.8 11.3-2.7 16.2.4l128 80c4.7 2.9 7.5 8.1 7.5 13.6s-2.8 10.7-7.4 13.6z'/%3E%3C/svg%3E");
}
.match-container:hover .text-match { opacity: .85 }

/* No matches */
.no-matches-card { cursor: default; pointer-events: none }
.no-matches-inner { padding: 50px 20px; text-align: center }
.no-matches-inner p { color: var(--muted); font-size: 16px }

/* ── SITES GRID (page-sites-grid) ─────────────────────── */
.apc-sites-title {
  text-align: center; margin: 30px 0 20px;
  font-size: 22px; font-weight: 900; color: var(--text);
}
.apc-sites-title span { color: var(--green) }
body.Night .apc-sites-title { color: var(--text) }

.apc-sites-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px; padding: 0 0 24px;
}
.apc-site-card {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 22px 16px 18px;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  transition: box-shadow .2s, transform .15s, border-color .2s;
  text-align: center; cursor: pointer;
  box-shadow: var(--shadow);
}
body.Night .apc-site-card { background: #1c2733; border-color: #2a3a52 }
.apc-site-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.12); transform: translateY(-2px);
  border-color: var(--green); color: inherit;
}
.apc-site-card .apc-sc-icon { font-size: 42px; line-height: 1 }
.apc-site-card .apc-sc-name {
  font-size: 16px; font-weight: 800; color: var(--text); line-height: 1.3
}
.apc-site-card .apc-sc-en {
  font-size: 12px; color: var(--muted)
}
/* أزرار الكروت أخضر فاتح جدا */
.apc-site-card .apc-sc-btn {
  background: #f3fff4 !important;
  color: #2e7d32 !important;
  border: 1px solid #d9f5dd !important;
}

.apc-site-card:hover .apc-sc-btn,
.apc-site-card .apc-sc-btn:hover {
  background: #d9f5dd !important;
  color: #1b5e20 !important;
  border-color: #bfe8c3 !important;
}

/* ── PAGE CONTENT (single pages) ─────────────────────── */
.apc-page-wrap {
  max-width: 900px; margin: 24px auto; padding: 0 12px;
}
.apc-page-box {
  background: var(--card); border-radius: 14px;
  box-shadow: var(--shadow); border: 1px solid var(--border);
  overflow: hidden;
}
body.Night .apc-page-box { background: var(--card); border-color: var(--border) }

.apc-page-hero {
  background: linear-gradient(135deg, var(--green-d) 0%, var(--green) 100%);
  padding: 28px 20px 24px; text-align: center; color: #fff;
}
.apc-page-hero h1 {
  font-size: 22px; font-weight: 900; margin-bottom: 8px; line-height: 1.5
}
.apc-page-hero .apc-site-badge {
  display: inline-block; background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.5);
  color: #fff; font-size: 12px; font-weight: 700;
  padding: 3px 14px; border-radius: 20px;
}

.apc-page-btn-row {
  display: flex; justify-content: center; padding: 18px 16px 12px; gap: 10px;
}
.apc-live-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--green); color: #fff;
  font-size: 15px; font-weight: 800; padding: 11px 28px;
  border-radius: 8px; transition: opacity .2s;
}
.apc-live-btn:hover { opacity: .88; color: #fff }

.apc-page-content {
  padding: 20px 20px 24px;
}
.apc-page-content h2 {
  font-size: 17px; font-weight: 800; color: var(--text);
  border-right: 4px solid var(--green); padding-right: 10px;
  margin: 20px 0 10px; line-height: 1.5;
}
.apc-page-content p {
  font-size: 14px; color: var(--muted); line-height: 1.85; margin-bottom: 14px
}
body.Night .apc-page-content h2 { color: var(--text) }
body.Night .apc-page-content p  { color: var(--muted) }

/* Matches on sub-pages (same as homepage) */
.apc-sub-matches { padding: 0 }

/* ── FOOTER ───────────────────────────────────────────── */
.apc-footer {
  background: #0a1a0b; color: #8aab8b;
  padding: 30px 16px 16px; margin-top: 30px;
}
.apc-footer-inner { max-width: 1000px; margin: auto }
.apc-footer-logo {
  font-size: 20px; font-weight: 900; color: #4caf50; margin-bottom: 10px
}
.apc-footer-desc {
  font-size: 12px; color: #5a7a5b; line-height: 1.75;
  margin-bottom: 20px; max-width: 560px;
}
.apc-footer-kws {
  display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px
}
.apc-footer-kws a {
  font-size: 12px; background: rgba(255,255,255,.06);
  color: #7aab7b; padding: 4px 11px; border-radius: 20px; transition: .2s;
}
.apc-footer-kws a:hover { background: var(--green); color: #fff }
.apc-footer-nav {
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;
  margin-bottom: 16px;
}
.apc-footer-nav a {
  font-size: 12px; color: #5a7a5b; transition: .2s
}
.apc-footer-nav a:hover { color: #4caf50 }
.apc-footer-copy {
  font-size: 11px; color: #3a5a3b; border-top: 1px solid #1a3a1b;
  padding-top: 14px; text-align: center;
}

/* ── SEO SECTIONS ─────────────────────────────────────── */
.sl-seo-wrap { background: #fff }
.sl-seo-wrap.sl-alt { background: #f8fdf8 }
body.Night .sl-seo-wrap { background: var(--body) }
body.Night .sl-seo-wrap.sl-alt { background: #0f1a10 }
.sl-section { padding: 48px 0 40px }
.sl-heading { text-align: center; margin-bottom: 36px }
.sl-heading h2 { font-size: 26px; font-weight: 900; color: var(--text); margin-bottom: 10px; line-height: 1.5 }
.sl-heading .sl-bar { width: 56px; height: 4px; background: var(--green); margin: 0 auto; border-radius: 2px }
.sl-why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px }
.sl-why-card { background: #fff; border-radius: 12px; padding: 24px 20px; border: 1px solid #e0e0e0; transition: transform .2s, box-shadow .2s }
body.Night .sl-why-card { background: var(--card); border-color: var(--border) }
.sl-why-card:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0,0,0,.1) }
.sl-why-card .sl-icon { font-size: 26px; margin-bottom: 10px; display: block }
.sl-why-card h3 { font-size: 16px; font-weight: 800; margin-bottom: 8px; color: var(--text) }
.sl-why-card p { font-size: 13px; color: var(--muted); line-height: 1.8 }
.sl-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 14px }
.sl-card-w { background: #fff; border-radius: 12px; padding: 18px 14px; border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(0,0,0,.05); transition: transform .2s, box-shadow .2s, border-color .2s }
body.Night .sl-card-w { background: var(--card); border-color: var(--border) }
.sl-card-w:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.12); border-color: var(--green) }
.sl-card-w h3 { font-size: 15px; font-weight: 800; color: var(--green); margin-bottom: 8px; line-height: 1.45 }
.sl-card-w p { font-size: 12px; color: var(--muted); line-height: 1.75 }
.sl-team-card { background: #fff; border-radius: 12px; padding: 18px 14px; border: 1px solid var(--border); border-right: 4px solid transparent; box-shadow: 0 2px 8px rgba(0,0,0,.05); transition: all .2s }
body.Night .sl-team-card { background: var(--card); border-color: var(--border) }
.sl-team-card:hover { border-right-color: var(--green); transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.12) }
.sl-team-card.sl-hl { border-right: 4px solid var(--green); background: #f0fff0 }
body.Night .sl-team-card.sl-hl { background: #0f1a10 }
.sl-team-card h3 { font-size: 14px; font-weight: 800; color: var(--green); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap }
.sl-cc { font-size: 10px; background: var(--green); color: #fff; padding: 2px 6px; border-radius: 4px; font-weight: 700 }
.sl-team-card p { font-size: 12px; color: var(--muted); line-height: 1.8 }
.sl-divider { height: 3px; border: none; background: linear-gradient(to left, var(--gold), var(--green), var(--green-d)); margin: 0 }

@media(max-width:900px){ .sl-why-grid{grid-template-columns:repeat(2,1fr)} .sl-grid-4{grid-template-columns:repeat(2,1fr)} }
@media(max-width:540px){ .sl-why-grid{grid-template-columns:1fr} .sl-heading h2{font-size:19px} }

/* ── RESPONSIVE ───────────────────────────────────────── */
@media(max-width:720px){
  .match-container > a { grid-template-columns:1fr 130px 1fr; padding:14px 10px 0 }
  .team-logo { width:66px; height:66px; border-radius:12px }
  .team-logo img { width:52px; height:52px }
  .team-name { font-size:12px; max-width:100px }
  .result { font-size:22px; letter-spacing:3px }
  .match-timing > div:not([class]) { font-size:18px }
  .apc-sites-grid { grid-template-columns: repeat(2,1fr) }
  .apc-hero h1 { font-size:20px }
  .sl-grid-4 { grid-template-columns:repeat(2,1fr) }
}
/* ── HOMEPAGE SITES GRID (responsive columns only — card/btn styling lives in the SITES GRID block above) ── */
@media(min-width: 600px){
  .apc-sites-grid { grid-template-columns: repeat(3, 1fr); }
}
@media(min-width: 900px){
  .apc-sites-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ── SEO HEADINGS ────────────────────────────────── */
.sl-heading h2 { font-size: 22px; font-weight: 900; color: var(--text); margin-bottom: 10px }
.sl-bar { width: 56px; height: 4px; background: var(--green); margin: 0 auto; border-radius: 2px }

/* ── PAGE CONTENT STYLING ────────────────────────── */
.apc-page-content {
  padding: 20px 16px 24px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--text);
}
.apc-page-content p { margin-bottom: 14px; color: var(--muted) }
.apc-page-content h2,
.apc-page-content h3 {
  border-right: 4px solid var(--green);
  padding-right: 10px;
  margin: 18px 0 10px;
  font-weight: 800;
  color: var(--green);
  line-height: 1.5;
}
.apc-page-content h2 { font-size: 17px }
.apc-page-content h3 { font-size: 15px }
.apc-page-content h4 { font-size: 14px; font-weight: 700; margin: 12px 0 8px; color: var(--text) }

/* ── MATCH HERO (single.php) ─────────────────────── */
@media(max-width:480px){
  .apc-match-hero-grid { grid-template-columns: 1fr 110px 1fr !important }
}

/* ── PAGE BOX SPACING ────────────────────────────── */
.apc-page-box { margin-bottom: 20px }

/* ── LOGO ICON ───────────────────────────────────────── */
.apc-logo-icon { font-size: 26px; line-height: 1; flex-shrink: 0 }
.apc-logo a { display: flex; align-items: center; gap: 8px }
.apc-logo-text { font-size: 20px; font-weight: 900; color: var(--green); white-space: nowrap }
body.Night .apc-logo-text { color: #4caf50 }

/* ── FOOTER — slim like apctoolkits ─────────────────── */
.apc-footer {
  background: #0a1a0b;
  color: #6a8a6b;
  padding: 24px 16px 14px;
  margin-top: 24px;
  font-size: 13px;
}
.apc-footer-inner { max-width: 1000px; margin: auto }

.apc-f-top { margin-bottom: 16px; text-align: center }
.apc-f-logo {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 18px; font-weight: 900; color: #4caf50;
  margin-bottom: 8px;
}
.apc-f-logo small { font-size: 11px; color: #4a6a4b; font-weight: 400 }
.apc-f-logo:hover { color: #66bb6a }
.apc-f-desc {
  font-size: 12px; color: #4a6a4b; line-height: 1.7;
  max-width: 540px; margin: 0 auto;
}

/* 50 keyword boxes — flowing inline chips */
.apc-f-kws {
  display: flex; flex-wrap: wrap; gap: 6px 8px;
  justify-content: center;
  margin: 16px 0;
  padding: 14px 0;
  border-top: 1px solid #1a3a1b;
  border-bottom: 1px solid #1a3a1b;
}
.apc-f-kws a {
  font-size: 12px;
  color: ##2e7d32;
  padding: 3px 10px;
  border: 1px solid #1e3a1f;
  border-radius: 20px;
  background: rgba(255,255,255,.04);
  transition: all .18s;
  white-space: nowrap;
}
.apc-f-kws a:hover { background: var(--green); color: #fff; border-color: var(--green) }

.apc-f-nav {
  display: flex; flex-wrap: wrap; gap: 8px 18px;
  justify-content: center; margin: 14px 0 10px;
}
.apc-f-nav a { font-size: 12px; color: #4a6a4b; transition: color .15s }
.apc-f-nav a:hover { color: #4caf50 }

.apc-f-copy {
  text-align: center; font-size: 11px; color: #2a4a2b;
  padding-top: 10px; border-top: 1px solid #1a2a1b;
}

/* ── DARK BUTTON ─────────────────────────────────────── */
.apc-dark-btn {
  width: 32px; height: 32px; border: none; outline: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(0,0,0,.07);
  cursor: pointer; font-size: 15px; color: var(--text);
  padding: 0; line-height: 1;
}
body.Night .apc-dark-btn { background: rgba(255,255,255,.1) }

/* ── SCHEMA / SEO sections in footer style ───────────── */
.sl-heading { text-align: center; margin-bottom: 28px }
.sl-heading h2 { font-size: 20px; font-weight: 900; color: var(--text); margin-bottom: 8px }
.sl-bar { width: 50px; height: 3px; background: var(--green); margin: 0 auto; border-radius: 2px }