/* =========================================================
   Pinkcredible overrides for GBook (drop-in)
   Keep original structure; repaint + soften to match site
   ========================================================= */

/* Vars (use Pinkcredible if available; fall back if not) */
@import url('https://fonts.cdnfonts.com/css/superbly');
@import url('https://fonts.cdnfonts.com/css/kosugi-maru');
:root{
  --pink-0: #ffe9f5;
  --pink-1: #ffd4ec;
  --pink-2: #ffb0db;
  --pink-3: #ff89c7;
  --pink-4: #ff5aa9;
  --ink:    #5a2a45;
  --link:   #b1007f;
  --link-visited:#6f0062;
}
/* =========================================================
   Pinkcredible Guestbook Overrides (fonts + theme)
   Use after the template's default CSS
   Fonts expected:
   - body: 'superbly_10_02', sans-serif
   - headings: 'Kosugi Maru', sans-serif
   ========================================================= */

/* Base typography + colors */
body {
  font-family: 'superbly_10_02', sans-serif !important;
  color: var(--ink, #5a2a45) !important;
  background: var(--pink-0, #ffe9f5) !important;
  background-image: none !important;
}

/* Headings */
h1, h2, h3 {
  font-family: 'Kosugi Maru', sans-serif !important;
  letter-spacing: 0.5px;
  color: #a10078 !important; /* berry accent */
}
h1 {
  margin: 0;
  padding-top: 6px;
  left: 0 !important;
  text-align: center;
}

/* Links */
a {
  color: var(--link, #b1007f) !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
a:hover {
  color: var(--pink-4, #ff5aa9) !important;
  text-decoration-color: var(--pink-4, #ff5aa9);
}
a:visited { color: var(--link-visited, #6f0062) !important; }

/* Header bar + top links */
#gbook_header{
  max-width: 600px; height: 150px; margin: 0 auto;
  background: linear-gradient(180deg, var(--pink-2, #ffb0db), var(--pink-1, #ffd4ec)) !important;
  border: 3px double var(--pink-3, #ff89c7);
  border-radius: 10px;
  box-shadow: 0 0 0 2px var(--pink-2, #ffb0db), 0 0 0 4px #fff, 0 0 12px var(--pink-4, #ff5aa9);
}
#gbook_top_links{
  max-width: 480px; margin: 10px auto 0 auto !important; text-align: center;
}
#gbook_top_links a{
  font-family: inherit !important;
  font-size: 12px; font-weight: 700;
  color: var(--link, #b1007f) !important;
  text-decoration: none !important;
  background:#fff; padding:4px 8px;
  border:1px solid var(--pink-3, #ff89c7);
  border-radius: 6px;
}
#gbook_top_links a:hover{
  background: var(--pink-1, #ffd4ec);
  box-shadow: 0 0 0 2px var(--pink-2, #ffb0db), 0 0 0 4px #fff, 0 0 12px var(--pink-4, #ff5aa9);
}

/* Rules & separators */
hr { width:99%; height:1px; border:0; background: var(--pink-2, #ffb0db); }

/* Entry wrapper */
#gbook_entries{
  width: 540px; max-width: 95%;
  margin: 0 auto 12px auto !important;
  background: #fff !important;
  border: 3px double var(--pink-3, #ff89c7) !important;
  border-radius: 10px;
  box-shadow: 0 0 0 2px var(--pink-2, #ffb0db), 0 0 0 4px #fff, 0 0 12px var(--pink-4, #ff5aa9);
}

/* Each comment block */
.gbook_commentbox{
  width:96%; margin:10px auto 20px auto !important;
  background:#fff !important; background-image:none !important;
  border: 2px ridge var(--pink-3, #ff89c7) !important;
  border-radius: 10px;
  display: block;
}

/* Meta chips */
span.gbook_submitted,
span.gbook_comments{
  font-family: inherit !important;
  background: var(--pink-3, #ff89c7);
  color: #450b2d !important;
  border: 2px solid var(--pink-4, #ff5aa9);
  border-radius: 8px;
  padding: 4px 8px;
  margin: 4px;
  display: inline-block;
  font-weight: 700;
}

/* Body text inside entries */
span.gbook_submitted_by,
span.gbook_comment,
span.gbook_added,
span.gbook_entries,
span.gbook_small,
.gbook_sign_text {
  font-family: inherit !important;
  color: var(--ink, #5a2a45) !important;
}

/* Form area */
#gbook_guestbook { width: 100%; margin-bottom: 20px; }
span.gbook_guestbook{
  display:block; text-align:center;
  font-size: 20px; color: #a10078 !important; font-weight: 700;
}
span.gbook_required{ color: #7f0059 !important; }

/* Inputs & textarea (inherit your global textarea too) */
input[type="text"], input[type="email"], input[type="url"], textarea, select{
  width: calc(100% - 30px);
  margin: 6px 15px; padding: 8px 10px;
  font-family: inherit !important;
  color: var(--ink, #5a2a45);
  background: #fff;
  border: 1px solid var(--pink-3, #ff89c7);
  border-radius: 10px;
}
textarea{ min-height: 120px; }

/* Submit buttons */
input.submit, input.gbook_submit, button[type="submit"]{
  border: none !important;
  font: 700 14px/1 'superbly_10_02', sans-serif !important;
  text-transform: uppercase;
  color: #450b2d !important;
  padding: 8px 14px; margin: 10px 15px 14px 15px;
  background: linear-gradient(#fff, var(--pink-1, #ffd4ec)) !important;
  border: 2px ridge var(--pink-3, #ff89c7) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 0 2px var(--pink-2, #ffb0db), 0 0 0 4px #fff, 0 0 12px var(--pink-4, #ff5aa9);
  cursor: pointer;
}
input.submit:hover, input.gbook_submit:hover, button[type="submit"]:hover{
  background: linear-gradient(#fff, var(--pink-2, #ffb0db)) !important;
  border-color: var(--pink-4, #ff5aa9) !important;
}

/* Notices */
.gbook_sign_notice{
  color: #228B22;
  background: #f3fff5;
  border: 1px solid #bfe7c2;
  padding: 6px 10px; border-radius: 8px;
}
.gbook_sign_error{
  color: #b1007f !important;
  background: #fff0f8;
  border: 1px solid var(--pink-3, #ff89c7);
  padding: 6px 10px; border-radius: 8px;
}

/* Utility: remove old image borders */
img.gbook_nobrd, img.gbook_emoticons, .gbook_bottom_images img, img.gbook_emoticon, img.gbook_sec_img{
  border: none !important;
}