/* ══════════════════════════════════════════════════════════════════════════
   PHOTOPOST → SITE SKIN.  Loaded AFTER /inc/site.css by inc/skin.php.

   Boss, 27 Aug 2026: "i want the main site and pages to look the same as the
   css on index.html pages ... first of all we need a new header and footer
   then the middle section then needs to match".

   MEASURED on amateur-girls-posts.com/photopost/index.php, 1440px, 27 Aug:
     · PhotoPost ships its own Bootstrap navbar at position:FIXED, top 0,
       height 51 — it sat ON TOP of our banner and cut it in half.
     · Its body text was Times New Roman 14px in #333333 on our #050c1c
       background. Dark grey on near-black. That is the "mess".
     · Its own "Powered by PhotoPost" + 2003-2024 copyright ran directly
       above our footer, so the page ended twice.

   Nothing here edits a PhotoPost file. Delete this file to undo the lot.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. ONE HEADER.  Their fixed navbar goes; ours stays. ────────────────── */
.navbar, .navbar-fixed-top, .navbar-inverse { display: none !important; }
body { padding-top: 0 !important; }

/* ── 2. ONE FOOTER.  Their sign-off goes; ours stays. ────────────────────── */
span.onbody { display: none !important; }          /* "Powered by PhotoPost" */
centre > p.text-center:last-child { display: none !important; }  /* old (c) line */

/* ── 3. THE MIDDLE.  Same type, same colours as index.html. ──────────────── */
.container,
.container p, .container td, .container th, .container div,
.container span, .container font, .container li, .container b,
.container strong, .container em, .container small {
  font-family: 'Inter Tight', 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif !important;
  color: var(--text) !important;
}
.container { max-width: 1180px; }

/* their headings were 24px Arial in cream — keep the size, take our accent */
.container h1, .container h2, .container h3,
.container b > font[size], .container font[size="4"], .container font[size="5"] {
  color: var(--accent2) !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}

/* links: our blue, white on hover — matches index.html exactly */
.container a, .container a font, .container a b { color: var(--accent) !important; }
.container a:hover, .container a:hover font { color: #fff !important; text-decoration: underline; }

/* the grey-on-black killer: PhotoPost sets #333 and #666 inline in a dozen places */
.container [style*="color:#333"], .container [style*="color: #333"],
.container [style*="color:#666"], .container [style*="color: #666"],
.container [style*="color:#000"], .container [style*="color: #000"] {
  color: var(--text) !important;
}

/* ── 4. THE TABLES.  2004 PhotoPost tables, dressed as our panels. ───────── */
.container table { background: transparent !important; border-collapse: collapse; width: 100%; }
.container table table { margin: .2rem 0; }
.container td, .container th {
  background: transparent !important;
  border-color: var(--border2) !important;
  padding: .42rem .55rem !important;
  vertical-align: top;
}
/* the category / recent-photos blocks read as cards, like the index.html grids */
.container > table,
.container .row > div > table {
  background: var(--surface) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.container th, .container td[bgcolor], .container tr[bgcolor] > td {
  background: var(--surface2) !important;
}
.container th { color: var(--accent2) !important; font-weight: 800 !important;
  text-transform: uppercase; letter-spacing: .05em; font-size: .72rem !important; }

/* thumbnails: the same frame the galleries use on index.html */
.container img[src*="/data/"], .container img[src*="thumb"] {
  border: 1px solid var(--border2) !important;
  border-radius: 8px;
  background: #000;
}
.container img[src*="/data/"]:hover, .container img[src*="thumb"]:hover {
  border-color: var(--accent2) !important;
}

/* ── 5. FORMS — the search box was a white 1998 input ────────────────────── */
.container input[type="text"], .container input[type="password"],
.container select, .container textarea {
  background: var(--surface2) !important; color: var(--text) !important;
  border: 1px solid var(--border2) !important; border-radius: 8px;
  padding: .38rem .5rem !important; font: inherit !important;
}
.container input[type="submit"], .container input[type="button"], .container button {
  background: linear-gradient(135deg, rgba(var(--accent-rgb), .30), rgba(var(--accent-rgb), .16)) !important;
  color: #fff !important; border: 1px solid var(--border) !important;
  border-radius: 8px; padding: .38rem .9rem !important; cursor: pointer;
  font-weight: 700 !important;
}

/* ── 6. leftovers Bootstrap paints white ────────────────────────────────── */
.container .well, .container .panel, .container .thumbnail,
.container .row > div[class*="col-"] { background: transparent !important; border-color: var(--border2) !important; }
hr { border-color: var(--border2) !important; }