/*
Theme Name:     Canaan Whichard Lite
Description:    Lightweight redesign focused on social follows.
Author:         Brook
Template:       twentytwentyfive
Version:        0.4.3
*/

:root{
  --cw-bg:#0b0b10;
  --cw-surface:rgba(19,19,26,.78);
  --cw-border:rgba(255,255,255,.14);
  --cw-text:#f6f6f8;
  --cw-muted:rgba(246,246,248,.74);
  --cw-accent:#ff3d6a;
  --cw-accent2:#7c5cff;
  --cw-radius:22px;
  --cw-max: 1040px;
}

body{
  background:
    radial-gradient(1200px 800px at 15% 10%, rgba(255,61,106,.18), transparent 60%),
    radial-gradient(900px 650px at 85% 30%, rgba(124,92,255,.18), transparent 55%),
    radial-gradient(700px 500px at 50% 95%, rgba(0,212,255,.10), transparent 55%),
    var(--cw-bg);
  color: var(--cw-text);
}

.cw-shell{
  max-width: var(--cw-max);
  margin: 0 auto;
  padding: clamp(18px, 3vw, 34px);
  /* A touch more space at the bottom so the page doesn't feel "cut off". */
  padding-bottom: clamp(36px, 6vw, 72px);
}

.cw-card > .wp-block-columns{
  gap: clamp(18px, 3vw, 34px);
}

.cw-main{ width: 100%; }

a{ text-underline-offset: .18em; text-decoration-thickness: .12em; }

a:hover{ color: var(--cw-accent); }

.cw-hero{ min-height: 68vh; display:flex; align-items:center; }

.cw-card{
  /* Frameless: rely on spacing + typography instead of a boxed card. */
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.cw-card p{ color: var(--cw-muted); }

.wp-block-buttons{ gap: 12px; margin-top: 18px; margin-bottom: 14px; }

.wp-block-button__link{
  border-radius: 999px !important;
  padding: .9em 1.25em;
  font-weight: 650;
  border: none;
  background: linear-gradient(90deg, var(--cw-accent), var(--cw-accent2));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55em;
}

.wp-block-button.is-style-outline .wp-block-button__link{
  background: transparent;
  border: 1px solid rgba(255,255,255,.28);
}

/* Brand-styled social buttons (no extra icon/font dependency). */
.wp-block-button__link[href*="instagram.com"]{
  color: #fff;
  background: linear-gradient(45deg,
    #feda75 0%,
    #fa7e1e 25%,
    #d62976 55%,
    #962fbf 75%,
    #4f5bd5 100%);
}

.wp-block-button__link[href*="facebook.com"]{
  color: #fff;
  background: #1877F2;
}

/* Override the block "outline" style so it doesn't wipe out brand backgrounds. */
.wp-block-button.is-style-outline .wp-block-button__link[href*="instagram.com"]{
  background: linear-gradient(45deg,
    #feda75 0%,
    #fa7e1e 25%,
    #d62976 55%,
    #962fbf 75%,
    #4f5bd5 100%);
}

.wp-block-button.is-style-outline .wp-block-button__link[href*="facebook.com"]{
  background: #1877F2;
}

.wp-block-button.is-style-outline .wp-block-button__link[href*="instagram.com"],
.wp-block-button.is-style-outline .wp-block-button__link[href*="facebook.com"]{
  border: none;
}

.wp-block-button__link[href*="instagram.com"],
.wp-block-button__link[href*="facebook.com"]{
  text-decoration: none;
}

.wp-block-button__link[href*="instagram.com"]::before,
.wp-block-button__link[href*="facebook.com"]::before{
  content: "";
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  background-color: currentColor;
  display: inline-block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.wp-block-button__link[href*="instagram.com"]::before{
  /* Instagram glyph */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.5A5.5 5.5 0 1 1 6.5 14 5.51 5.51 0 0 1 12 8.5Zm0 2A3.5 3.5 0 1 0 15.5 14 3.5 3.5 0 0 0 12 10.5ZM18.1 6.7a1.1 1.1 0 1 1-1.1 1.1 1.1 1.1 0 0 1 1.1-1.1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.5A5.5 5.5 0 1 1 6.5 14 5.51 5.51 0 0 1 12 8.5Zm0 2A3.5 3.5 0 1 0 15.5 14 3.5 3.5 0 0 0 12 10.5ZM18.1 6.7a1.1 1.1 0 1 1-1.1 1.1 1.1 1.1 0 0 1 1.1-1.1Z'/%3E%3C/svg%3E");
}

.wp-block-button__link[href*="facebook.com"]::before{
  /* Facebook "f" */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3H13.5V9.1c0-.9.2-1.6 1.6-1.6h1.6V4.7c-.8-.1-1.7-.2-2.6-.2-2.6 0-4.4 1.6-4.4 4.6V11H7v3h2.7v8h3.8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3H13.5V9.1c0-.9.2-1.6 1.6-1.6h1.6V4.7c-.8-.1-1.7-.2-2.6-.2-2.6 0-4.4 1.6-4.4 4.6V11H7v3h2.7v8h3.8Z'/%3E%3C/svg%3E");
}

.wp-block-button__link[href*="instagram.com"]:hover,
.wp-block-button__link[href*="facebook.com"]:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

.cw-photo img,
.cw-gallery img{
  border-radius: 10px;
  border: none;
  box-shadow: none;
}

@media (max-width: 860px){
  .cw-hero{ min-height: unset; }
}