/*
Theme Name: ISA Server (Child)
Theme URI: https://isaserver.ru/
Template: rcg-forest
Description: Dark cyan/teal design for IsaServer.ru — child theme over RCG Forest.
Author: IsaServer (Hermes Agent)
Version: 1.0.0
Requires at least: 4.0
License: GNU General Public License v2 or later
Text Domain: rcg-forest
*/

/* Load the full RCG Forest base first, then our overrides below. */
@import url('../rcg-forest/style.css');

/* ===== ISA PALETTE — overrides parent :root vars ===== */
:root {
  --input-button-background-color:        #0e7490;
  --input-button-background-color-active: #155e75;
  --input-button-background-color-hover:  #0891b2;
  --input-button-text-color:              #f2fbff;

  --main-background-color:                #070b10;
  --alt-background-color:                 #0b1219;
  --main-text-color:                      #cfe3ea;
  --light-main-text-color:                #7f98a4;
  --site-header-text-color:               #eafcff;
  --site-header-text-color-hover:         #22d3ee;
  --small-header-text-color:              #22d3ee;
  --main-navigation-link-text-color:      #cfe3ea;
  --link-text-color:                      #22d3ee;
  --link-text-color-hover:                #f2fbff;
  --footer-background-color:              #060a0e;
  --footer-link-text-color:               #7f98a4;
  --footer-link-text-color-hover:         #22d3ee;
  --meta-link-text-color:                 #7f98a4;
  --meta-link-text-color-hover:           #22d3ee;
  --comment-link-text-color:              #2dd4bf;
  --comment-link-text-color-hover:        #f2fbff;

  --light-border-color:                   #1b3242;
  --mid-border-color:                     #1b3242;
  --dark-border-color:                    #2dd4bf;
}

/* ===== Base ===== */
body {
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(34,211,238,.10), transparent 60%),
    radial-gradient(900px 400px at -10% 30%, rgba(45,212,191,.06), transparent 60%),
    var(--main-background-color);
  color: var(--main-text-color);
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
a { color: var(--link-text-color); }
a:hover { color: var(--link-text-color-hover); }

/* ===== Top bar (site-top1) ===== */
.site-top1 {
  background: linear-gradient(180deg, #04070b 0%, #071119 100%);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #22d3ee, #2dd4bf) 1;
}
.site-top1 .site-title a,
.site-top1 .site-description { color: #eafcff; }
.site-top1 .site-title a:hover { color: #22d3ee; }
.site-top1 .site-description { color: #7f98a4; }
.site-top1 #searchform input#s,
.site-top1 .search-form input.search-field {
  background: #0e1720; border: 1px solid #1b3242; color: #cfe3ea; border-radius: 6px;
}
.site-top1 #searchform input#searchsubmit,
.site-top1 .search-form input.search-submit {
  background: #0e7490; border-color: #155e75; color: #f2fbff;
}
.site-top2 { background-color: var(--main-background-color); }
img.header-image {
  display: block; width: 100%; margin: 0 auto;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #22d3ee, #2dd4bf) 1;
}

/* ===== Navigation ===== */
.main-navigation { text-align: center; padding: 1.2rem 0; border-bottom: 1px solid #1b3242; }
.main-navigation ul.nav-menu { display: flex; gap: 1.8rem; justify-content: center; flex-wrap: wrap; }
.main-navigation li { font-size: 1.3rem; }
.main-navigation li a {
  color: var(--main-text-color); position: relative; padding: 6px 2px;
  text-transform: uppercase; letter-spacing: .12em; font-size: 1.25rem; font-weight: 600;
}
.main-navigation li a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: -2px; height: 2px;
  background: linear-gradient(90deg, #22d3ee, #2dd4bf); transition: right .25s ease;
}
.main-navigation li a:hover { color: #f2fbff; }
.main-navigation li a:hover::after { right: 0; }

/* ===== Content area ===== */
.site { background-color: var(--main-background-color); }

/* Post / page cards */
.site-content article.post,
.site-content article.page {
  background: linear-gradient(180deg, #0e1720 0%, #0b1219 100%);
  border: 1px solid #1b3242;
  border-radius: 12px;
  padding: 1.8rem 2rem;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
.site-content article.post::before,
.site-content article.page::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #22d3ee, #2dd4bf); opacity: .85;
}
.entry-header .entry-title { font-weight: 700; }
.entry-header .entry-title,
.entry-header .entry-title a { color: #f2fbff; }
.entry-header .entry-title a:hover { color: #22d3ee; }
.entry-header .entry-date,
.entry-header .entry-date a { color: var(--meta-link-text-color); letter-spacing: .06em; text-transform: uppercase; font-size: 1.15rem; }
.entry-content { color: var(--main-text-color); }
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 { color: #f2fbff; }
.entry-content a { color: #22d3ee; }
.entry-content a:hover { color: #f2fbff; }
.entry-content blockquote {
  border-left: 4px solid #22d3ee; color: var(--main-text-color);
  background: rgba(34,211,238,.04); padding: .6rem 1.2rem; margin-left: 0; margin-right: 0;
}
.entry-content code { background: #0e1720; border: 1px solid #1b3242; color: #a5f3fc; }
.entry-content pre {
  background: #060a0e; border: 1px solid #1b3242; color: #cfe3ea; border-radius: 8px;
}
.entry-content table { border-bottom: 1px solid #1b3242; color: var(--main-text-color); }
.entry-content td { border-top: 1px solid #1b3242; }

/* Continue reading button */
.entry-content a.more-link,
a.more-link {
  display: inline-block; margin-top: .8rem; padding: .6rem 1.1rem;
  background: #0e7490; color: #f2fbff !important; border-radius: 6px;
  text-transform: uppercase; letter-spacing: .1em; font-size: 1.1rem; font-weight: 600;
}
.entry-content a.more-link:hover, a.more-link:hover { background: #0891b2; color: #fff !important; }

/* Entry meta footer */
footer.entry-meta {
  color: var(--light-main-text-color); border-top: 1px solid #1b3242; border-bottom: 0;
  background: rgba(34,211,238,.03);
}

/* Post navigation */
.site-content nav .nav-previous,
.site-content nav .nav-next,
.nav-single .nav-previous, .nav-single .nav-next a { color: var(--main-text-color); }
.site-content nav a:hover, .nav-single a:hover { color: #22d3ee; }

/* ===== Archive / page header ===== */
.archive-header, .page-header { border-bottom: 1px solid #1b3242; }
.archive-title, .page-title { color: var(--small-header-text-color); }

/* ===== Sidebar widgets ===== */
.widget-area .widget {
  background: linear-gradient(180deg, #0e1720 0%, #0b1219 100%);
  border: 1px solid #1b3242; border-radius: 12px; padding: 1.4rem 1.5rem; margin-bottom: 1.6rem;
}
.widget-area .widget h3,
.widget-area .widget .widget-title {
  color: var(--cyan, #22d3ee); font-size: 1.2rem; letter-spacing: .18em; text-transform: uppercase;
  display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem;
}
.widget-area .widget h3::after,
.widget-area .widget .widget-title::after {
  content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, #155e6b, transparent);
}
.widget-area .widget ul { list-style: none; margin-left: 0; }
.widget-area .widget ul li {
  margin: 0 0 0 0; padding: .7rem 0; border-bottom: 1px solid rgba(27,50,66,.5);
  display: flex; justify-content: space-between; gap: .7rem; font-size: 1.3rem;
}
.widget-area .widget ul li:last-child { border-bottom: 0; }
.widget-area .widget a { color: var(--main-text-color); }
.widget-area .widget a:hover { color: #22d3ee; }
.widget-area .widget .rsswidget img { border-radius: 4px; }
.widget-area #s { width: 100%; }

/* ===== Footer ===== */
#footer-widgets-block { background-color: #060a0e; border-top: 1px solid #1b3242; }
#secondary-footer .footer-widgets a { color: var(--footer-link-text-color); }
#secondary-footer .footer-widgets a:hover { color: #22d3ee; }
footer#colophon {
  border-top: 1px solid #1b3242;
  background: linear-gradient(180deg, transparent, rgba(34,211,238,.05));
  color: var(--footer-link-text-color);
}
footer#colophon a { color: var(--footer-link-text-color); }
footer#colophon a:hover { color: #22d3ee; }

/* ===== Comments ===== */
#comments .comment, #comments .pingback { border-top: 1px solid #1b3242; }
.comment .comment-meta, .pingback .comment-meta { color: var(--light-main-text-color); }
a.comment-reply-link, a.comment-edit-link { color: var(--comment-link-text-color); }
a.comment-reply-link:hover, a.comment-edit-link:hover { color: #f2fbff; }
.comment-author .fn { color: var(--main-text-color); }
.comments-title { color: #f2fbff; font-weight: 700; }

/* ===== Forms / buttons ===== */
input, textarea, select {
  background: #0e1720; border: 1px solid #1b3242; color: var(--main-text-color); border-radius: 6px;
}
input:focus, textarea:focus, select:focus {
  outline: none; border-color: #22d3ee; box-shadow: 0 0 0 2px rgba(34,211,238,.25);
}
button, input[type=submit], input[type=button], input[type=reset] {
  background: #0e7490; color: #f2fbff; border: 1px solid #155e75; border-radius: 6px;
  text-transform: uppercase; letter-spacing: .08em; font-weight: 600;
}
button:hover, input[type=submit]:hover, input[type=button]:hover { background: #0891b2; }

/* ===== Misc ===== */
hr { background: #1b3242; border: 0; height: 1px; margin: 2rem 0; }
img.wp-post-image, .entry-content img, .comment-body img { border-radius: 8px; }
.site-content article.sticky { background: rgba(34,211,238,.06); padding: 1.4rem; }
.no-results .entry-content p { color: var(--light-main-text-color); }
.alignleft { float: left; } .alignright { float: right; }

/* ===== Responsive ===== */
@media (max-width: 782px) {
  .main-navigation ul.nav-menu { flex-direction: column; gap: .6rem; align-items: center; }
  .site-content article.post, .site-content article.page { padding: 1.3rem 1.2rem; }
}