/*
Theme Name: Sea Digitalis GPT
Theme URI: https://www.seadigitalis.com/
Description: Standalone compatibility-first Sea Digitalis theme dengan E-E-A-T, author/reviewer, accessibility, structured data konservatif, Core Web Vitals, dan bridge aman ke theme Gemini yang tetap terpasang.
Author: Sea Digitalis
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sea-digitalis-gpt
*/

/* GPT additions. Existing Gemini visual identity is preserved through the compatibility bridge when available. */
:root {
  --sdgpt-toska: #14b8a6;
  --sdgpt-card: #121212;
  --sdgpt-border: #262626;
  --sdgpt-muted: #9ca3af;
}

/* LCP: above-the-fold hero content must be paintable immediately. */
body.home main > section:first-of-type .reveal,
body.blog main > section:first-of-type .reveal,
body.page main > section:first-of-type .reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  transition-delay: 0s !important;
}

/* CLS: decorative glow is not content and is removed on smaller viewports. */
@media (max-width: 782px) {
  body.home main > section:first-of-type > .ambient-glow,
  body.blog main > section:first-of-type > .ambient-glow,
  body.page main > section:first-of-type > .ambient-glow {
    display: none !important;
  }
}

/* Accessible keyboard focus without changing the existing color system. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--sdgpt-toska);
  outline-offset: 3px;
}

.sdgpt-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 0 0 1.5rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--sdgpt-border);
  font-size: .875rem;
  color: var(--sdgpt-muted);
}
.sdgpt-byline a { color: #e5e7eb; text-decoration: none; font-weight: 600; }
.sdgpt-byline a:hover { color: var(--sdgpt-toska); }
.sdgpt-byline__sep { color: #4b5563; }

.sdgpt-profile {
  background: var(--sdgpt-card);
  border: 1px solid var(--sdgpt-border);
  border-radius: 1rem;
  padding: 1.5rem;
}
.sdgpt-profile__header { display:flex; gap:1.25rem; align-items:flex-start; }
.sdgpt-profile__avatar img { border-radius:9999px; display:block; }
.sdgpt-profile__title { color: var(--sdgpt-toska); font-weight:600; margin:.25rem 0 0; }
.sdgpt-profile__meta { color:var(--sdgpt-muted); margin:.5rem 0 0; }
.sdgpt-profile__links { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.sdgpt-profile__links a { color:var(--sdgpt-toska); }
.sdgpt-profile__bio { margin-top:1.25rem; color:#d1d5db; line-height:1.75; }

.sdgpt-reviewed-list { margin-top:2rem; }

.sdgpt-404-search .search-field {
  width:100%;
  background:#1a1a1a;
  border:1px solid var(--sdgpt-border);
  color:#fff;
  padding:.75rem 1rem;
  border-radius:.5rem;
}
.sdgpt-404-search .search-submit {
  margin-top:.75rem;
  background:var(--sdgpt-toska);
  color:#fff;
  border:0;
  border-radius:.5rem;
  padding:.75rem 1.25rem;
  cursor:pointer;
}

/* Stable ad wrappers when a content/plugin placement chooses to use them. */
.sdgpt-ad-slot {
  width:100%;
  min-height:90px;
  overflow:hidden;
  contain:layout paint;
}
@media (max-width: 640px) { .sdgpt-ad-slot { min-height:100px; } }