/* ===== Sister Bridget styles: robust targeting ===== */

/* 1) Author archive page (works for both ?author=4 and /author/slug/) */
body.author.author-sisterbridgetcorfield,
body[class*=" author-sisterbridgetcorfield "],
body[class^="author-sisterbridgetcorfield"],
body[class$="author-sisterbridgetcorfield"],
body[class*="author-4"] {   /* catches themes that add author-4 */
  /* page-level look */
  background-color: lavender !important;
}

/* 2) Headings/links on Bridget’s pages (archive + single posts) */
body.author-sisterbridgetcorfield h1,
body.author-sisterbridgetcorfield h2,
body.author-sisterbridgetcorfield h3,
body[class*="author-4"] h1,
body[class*="author-4"] h2,
body[class*="author-4"] h3 {
  color: darkslateblue !important;
  font-family: "Dancing Script", cursive;
}

body.author-sisterbridgetcorfield a,
body[class*="author-4"] a {
  color: darkmagenta !important;
}
body.author-sisterbridgetcorfield a:hover,
body[class*="author-4"] a:hover {
  color: indigo !important;
}

/* 3) Optional: give her author name badge a look in post metas */
body.author-sisterbridgetcorfield .byline a,
body[class*="author-4"] .byline a {
  background: rgba(72,61,139,.12);
  padding: 2px 6px;
  border-radius: 6px;
}

body.author-sisterbridgetcorfield::before,
body[class*="author-4"]::before {
  content: url('https://spellmaker.com/images/bridget-banner.png');
  display: block;
  margin: 0 auto 20px auto;  /* centers horizontally, adds space below */
  text-align: center;        /* makes sure the content itself centers */
  max-width: 100%;           /* scales down on smaller screens */
  height: auto;
}


/* Spellmaker social strip — scoped to footers so it won't clash elsewhere */
footer .sm-social {
  --size: 28px;   /* icon size */
  --gap: 10px;
  --pad: 10px;
  --bg: #ffffffa6;
  --fg: #1a1a1a;
  --ring: #e6e6e6;

  display:flex;
  flex-wrap:wrap;
  gap:var(--gap);
  align-items:center;
  justify-content:center;
  padding:12px 0;
}

footer .sm-btn {
  display:inline-flex; align-items:center; justify-content:center;
  width: calc(var(--size) + var(--pad)*2);
  height: calc(var(--size) + var(--pad)*2);
  border-radius:999px;
  background: var(--bg);
  border:1px solid var(--ring);
  color: var(--fg);
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease, background .2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
footer .sm-btn svg { width: var(--size); height: var(--size); fill: currentColor; stroke: currentColor; stroke-width: 0; }
footer .sm-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.12) }
footer .sm-btn:focus-visible { outline:2px solid #8ab4ff; outline-offset:2px }

/* Brand tints */
footer .sm-tiktok { color:#111 }
footer .sm-youtube { color:#ff0000 }
footer .sm-instagram { color:#fff } /* camera stroke stays white */
footer .sm-facebook { color:#1877f2 }
footer .sm-x { color:#111 }
footer .sm-pinterest { color:#e60023 }

/* Smaller on phones */
@media (max-width: 480px){
  footer .sm-social{ --size: 24px; --gap: 8px; }
}
footer .sm-social {
  --size: 20px;   /* smaller base icon size */
  --gap: 8px;
  --pad: 6px;
}

footer .sm-social svg {
  width: var(--size);
  height: var(--size);
}


/* ===== Mambo Sam Archive Banner (author=3 only) ===== */
body.author-3 .ms-archive-banner{
  max-width: 1100px;
  margin: 18px auto 26px;
  border: 1px solid #d8b35a;            /* soft gold */
  border-radius: 18px;
  overflow: hidden;
  text-align: center;
  color: #f7f5ff;
  background:
    radial-gradient(140% 160% at 90% -10%, rgba(216,179,90,.20), transparent 45%),
    linear-gradient(120deg, rgba(169,124,240,.16), rgba(169,124,240,.05)),
    linear-gradient(180deg, #2e67a8, #214f83); /* mid blue gradient */
  box-shadow: 0 12px 32px rgba(0,0,0,.28);
  position: relative;
}

/* sparkle effect */
body.author-3 .ms-archive-banner::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(1px 1px at 12% 30%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(1px 1px at 78% 40%, rgba(255,255,255,.12), transparent 60%),
    radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,.14), transparent 60%);
  opacity:.28;
  animation: twinkleMS 8.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes twinkleMS { 0%,100%{opacity:.22} 50%{opacity:.34} }
@media (prefers-reduced-motion: reduce){
  body.author-3 .ms-archive-banner::after{ animation:none; opacity:.22; }
}

/* fleur-de-lis corners */
body.author-3 .ms-fdl{ position:absolute; width:34px; fill:#d8b35a; opacity:.85;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
body.author-3 .ms-fdl.tl{ top:10px; left:12px; transform:rotate(-12deg); }
body.author-3 .ms-fdl.tr{ top:10px; right:12px; transform:scaleX(-1) rotate(-12deg); }
body.author-3 .ms-fdl.bl{ bottom:10px; left:12px; transform:rotate(12deg); }
body.author-3 .ms-fdl.br{ bottom:10px; right:12px; transform:scaleX(-1) rotate(12deg); }

/* text */
body.author-3 .ms-archive-banner h1{
  margin: 0;
  padding: 38px 20px 6px;
  font-family: "Cinzel", "Georgia", serif;
  font-size: clamp(26px, 3.4vw, 44px);
  letter-spacing: .4px;
  text-shadow: 0 2px 18px rgba(169,124,240,.30);
}
body.author-3 .ms-archive-banner p{
  margin: 0 0 28px;
  color: #e7e3ff;
  font-size: clamp(14px, 1.5vw, 18px);
  opacity: .95;
}

/* optional quick links row */
body.author-3 .ms-quicklinks{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  padding: 0 16px 28px;
}
body.author-3 .ms-quicklinks a{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 14px;
  border:1px solid #d8b35a; border-radius: 999px;
  color:#fff; text-decoration:none; font-size:14.5px;
  background: linear-gradient(180deg, rgba(169,124,240,.18), rgba(169,124,240,.06));
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
body.author-3 .ms-quicklinks a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.32);
  background: linear-gradient(180deg, rgba(216,179,90,.26), rgba(216,179,90,.10));
}