Theme Name: Tucsonbuzz
Theme URI: https://tucsonbuzz.com
Author: Damon
Description: Tucsonbuzz v1 – Community stories theme with Likes, Saved, Follow, profiles, tabs, and demo installer.
Version: 1.0.2
License: GPLv2 or later
Text Domain: tucsonbuzz
*/

/* =======================
   CSS VARIABLES & BASE
   ======================= */
:root{
  --tb-bg:#ffffff;
  --tb-text:#111;
  --tb-muted:#64748b;
  --tb-accent:#0b64d8;
  --tb-orange:#ff7a1a;
  --tb-card:#fff;
  --tb-border:#e5e7eb;
  --tb-pill:#e9f2ff;
  --tb-like:#e11d48;
  --tb-grad: linear-gradient(55deg, #ffffff 10%, /* starts at the very left */ #ffffff 8%, /* keep white narrow */ #91a2ba 18%, /* start blue earlier */ #FF5722 78% /* orange later */);
  --verified-badge:url("http://tucsonbuzz.com/wp-content/uploads/2025/09/verified.png");
  --verify-size: 24px;
--tb-slide-h: 420px;
}
.tb-you-label {
    margin-top: 6px;
    font-size: .78rem;
    color: #666;
    text-transform: none;
}
body {
    background: #fff !important;
}
 
.tb-username { font-weight: 700; display: inline-flex; gap: 6px; align-items: center; }
.tb-display-name { display:block; font-size:14px; opacity:.75; margin-top:15px; }


/* Force 2-column thumbnail grid in sidebar */
.sidebar .tb-author-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: start;
}

/* Each tile should be a square-ish thumbnail */
.sidebar .tb-author-grid-item{
  display: block !important;
  width: 100% !important;
  border-radius: 12px;
  overflow: hidden;
  line-height: 0; /* removes weird whitespace gaps */
}

/* Make thumbs uniform and not huge */
.sidebar .tb-author-grid-item img{
  width: 100% !important;
  height: 110px !important;       /* adjust: 90–140 depending on your sidebar width */
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;    /* container handles rounding */
}

/* Optional: if you want slightly tighter on mobile */
@media (max-width: 900px){
  .sidebar .tb-author-grid-item img{
    height: 90px !important;
  }
}


.tb-filter-bar .tb-filter-chip {
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  font-weight: 500;
}

.tb-filter-bar .tb-filter-active {
  border-bottom-color: #111;
}

section.tb-more-by-author  {
    margin-top: 10px;
}

.tb-filter-bar .tb-filter-chip {
    background: none;
    border: none;
    padding: 0 0 4px;
    margin: 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-weight: 500;
}

.tb-filter-bar .tb-filter-active {
    border-bottom-color: #111;
}

#tb-for-you-grid.is-loading {
    opacity: .5;
    pointer-events: none;
}


 div.tb-buzzin-ctrls  { display: none; }

.tb-buzzin-user {
    background: none !important;
    backdrop-filter: none !important; 
    margin-left: -10px;
}

.verified-badge{display:inline-flex;align-items:center;margin-left:6px}
.verified-badge svg{display:block;vertical-align:middle}

.tb-buzzin-name {
    display: none;
}
/* Social meta row under cards */
.tb-social-row{
  display:flex; align-items:center; justify-content:space-between;
  padding: .5rem .25rem .25rem;
  font: 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:#5b6471;
}

.tb-social-row:empty { display: none; }
/* CTA shown when there are no reactions yet */
.tb-react-cta{
  display:inline-flex; align-items:center; gap:.4rem;
  font: 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:#747373; text-decoration:none;
  padding:.25rem .6rem; border-radius:999px;
  background:#eff3ff;
}
.tb-react-cta:hover{ background:#e7eeff; }
.tb-react-cta .e{ font-size:18px; line-height:1; } /* emoji */
.tb-react-cta .t{ font-weight:600; margin-left: -9px; }
.tb-comment-text{ opacity:.95; }
/* Left: stacked emojis + total */
.tb-reaction-sum{display:inline-flex; align-items:center; gap:.45rem; text-decoration:none; color:inherit}
.tb-stack{position:relative; width:22px; height:24px}
.tb-stack-emoji{
  position:absolute; top:0; width:24px; height:24px;
  display:flex; align-items:center; justify-content:center;
  font-size:16px; line-height:1; border-radius:50%;
  background:#fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  /* three overlapping positions */
}
.tb-stack-emoji:nth-child(1){ left:0; }
.tb-stack-emoji:nth-child(2){ left:14px; }
.tb-stack-emoji:nth-child(3){ left:28px; }

.tb-sum-n{font-weight:600; color:#212529}

/* Right: comments count */
.tb-comment-sum{display:inline-flex; align-items:center; gap:.35rem; text-decoration:none; color:inherit}
.tb-comment-dot{
  width:18px; height:18px; border-radius:50%;
  background:#f0f2f5; position:relative; box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)
}
.tb-comment-dot:after{
  content:''; position:absolute; left:4px; top:4px; width:10px; height:10px;
  border-radius:2px; background:#9aa1a9;
}
.tb-comment-text{white-space:nowrap}

/* (Optional) tighter card spacing variant */
.card .tb-social-row{ padding: .5rem 0rem .75rem; }

img.wp-smiley, img.emoji {
    height: 0.9em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
}

/* --- Reaction trigger button --- */
.tb-react-button{
  padding: .5rem .75rem; /* a bit chunkier */
}



/* make the current reaction face bigger */
.tb-react-button .face{
  font-size: 22px !important;   /* was 16px */
  line-height: 1 !important;
}

/* --- Popup picker --- */
.tb-pop{
  border: none !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.22) !important; /* softer FB feel */
  padding: .45rem !important;
}

/* bigger emoji targets, no border or outline */
.tb-pop .opt{
  width: 44px !important;       /* was 36px */
  height: 44px !important;
  font-size: 28px !important;   /* bigger emoji */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.tb-pop .opt:focus{ outline: none !important; box-shadow: none !important; }

/* nicer hover lift */
.tb-pop .opt:hover{
  transform: translateY(-6px) scale(1.12) !important;
  background: #f7f7f7 !important;
}

/* --- Count chips (optional, to make emojis larger there too) --- */
.tb-chip .e{ font-size: 18px !important; }   /* emoji in chip */
.tb-chip{ border: none !important; box-shadow: none !important; }



.tb-title-emoji {
    margin-left: -.2em;
}

/* --- Featured image zoom on hover (desktop only) --- */
.tb-buzzin-card{
  overflow: hidden; /* keep zoomed image clipped to rounded corners */
}

.tb-buzzin-card > img{
  transform: scale(1);
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  /* keep from eating clicks (matches your current setup) */
  pointer-events: none;
  backface-visibility: hidden; /* prevents shimmer on some GPUs */
}

@media (hover: hover) and (pointer: fine){
  .tb-buzzin-card:hover > img{
    transform: scale(1.06); /* tweak to taste (1.03–1.1) */
  }
}

/* Keyboard accessibility: zoom when the full-card link is focused */
.tb-buzzin-link:focus-visible + img{
  transform: scale(1.06);
}





/* Pretty pill buttons (front-end) */
./* button base (you already added) */

.tb-btn tb-btn--upl { display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  font-weight:600; font-size:14px; line-height:1;
  border:1px solid #2563eb; background:#2563eb; color:#fff;
  cursor:pointer; text-decoration:none; user-select:none;
  box-shadow:0 2px 6px rgba(37,99,235,.25);
  transition:transform .04s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.tb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
  font-weight:600;font-size:14px;border:1px solid #2563eb;background:#2563eb;color:#fff;
  box-shadow:0 2px 6px rgba(37,99,235,.25);cursor:pointer;user-select:none}
.tb-btn:hover{box-shadow:0 4px 16px rgba(37,99,235,.35)}
.tb-btn:active{transform:translateY(1px)}
.tb-btn:focus-visible{outline:3px solid transparent;box-shadow:0 0 0 3px rgba(59,130,246,.45)}
/* icon */
.tb-btn__icon{display:inline-flex;align-items:center;justify-content:center}
.tb-btn--ghost{background:#fff;color:#1f2937;border:1px solid #e5e7eb}
.tb-btn--ghost:hover{background:#f9fafb}

/* remove the old ::before icon if you kept it */
.tb-btn--upl::before{content:none!important}





.wp-dark-mode-switch, .wp-dark-mode-switch>div {
    float: right;
}

.tb-buzzin-head h3 {
    margin: 0;
    font-size: 28px !important;
    margin: 6px 0 5px !important;
}

.tb-buzzin-head h3 {
    margin: 0;
    font-size: 28px;
    margin: 6px 0 5px;
}

.tb-cta{
  margin-left:auto; display:inline-flex; align-items:center; gap:.5rem;
  padding:9px 16px; border-radius:12px; font-weight:500; white-space:break-spaces; border:0; font-size: 16px;
  box-shadow: none; width: 50%;
}
 

.tbc-replies[hidden] { display: none !important; }

svg.tb-buzz-meter {
    display: inline-block;
    vertical-align: middle;
    margin-top: -9px;
    width: 54px !important;
}

.tb-post__icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #000;
    -webkit-mask: url(/wp-content/themes/tucsonbuzz/assets/icons/plus.svg) no-repeat center / contain;
    mask: url(/wp-content/themes/tucsonbuzz/assets/icons/plus.svg) no-repeat center / contain;
}

.tb-multi-badge {
    border-radius: 0;
}
button.tbc-reply-btn {
    background: none;
    border: none;
}

button.tbc-like {
    background: none;
    border: none;
}

.tbc-replies {
    margin-top: 15px;
}

.tbc-wrap {
    margin-top: 10px;
}
.tbc-like.liked {
    color: #111;
    font-weight: 600;
}

.tbc-v {
    color: #ffffff00;
    display: inline-block;
    width: var(--verify-size);
    height: var(--verify-size);
    background: var(--verified-badge) no-repeat center / contain;
    flex: 0 0 var(--verify-size);
    pointer-events: none;
    margin-left: -8px;
}

.tbc-replies {
    border-left: 1px solid #eee;
}

.superwebshare_prompt.superwebshare-button-small {
    float: right;
margin-top: -5px;
}

.superwebshare_prompt {
    box-shadow: none;
background-color:#fff;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
    box-shadow: none;
}

.btn-edit { display: inline-block; padding: 5px 8px; border-radius: 8px; background: #e9e9e9; color: #000000; text-decoration: none; float: right; margin-top: 15px; font-size: 14px; font-weight:400; }
 
.btn-edit:hover { opacity:.9; }

.wp-switch-editor
{display: none !important;}

.bheadline { display: inline-block; padding: 12px; width: 124px; background-color:#286fd3; border-radius: 0px; line-height: 1; font-size: 23px; color: #fff; float: left; margin-right: 10px;}

 

.profile-hero .bio { margin-top:5px; color:#475569; line-height:1.5; margin-bottom: 6px; }
.profile-hero .bio p { margin:6px 0 0; }
.profile-hero .bio-empty a { color:#64748b; text-decoration:underline; }


.tb-form .tb-field{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.tb-form input[type="email"],.tb-form input[type="password"],.tb-form textarea{
  width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font:inherit
}
.tb-notice{padding:10px 12px;border-radius:10px;margin:12px 0}
.tb-notice.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.tb-notice.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* Heateor share buttons */

div.heateor_sss_sharing_title{display: none;}

/* AD badge wrapper (centered) */
.wp-block-image.ad-badge,
.ad-badge{
  position:relative;
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  border-radius:12px;
}
.wp-block-image.ad-badge img,
.ad-badge img{ display:block; height:auto; margin:0 }

/* The "AD" label */
.wp-block-image.ad-badge::after,
.ad-badge::after{
  content:"AD";
  position:absolute; top:8px; left:8px;
  padding:2px 6px;
  font:700 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:.06em; text-transform:uppercase;
  color:#fff; background:rgba(0,0,0,.75);
  border-radius:4px; pointer-events:none;
}
/* Position modifiers */
.ad-badge--tr::after{ left:auto; right:8px }
.ad-badge--bl::after{ top:auto; bottom:8px }
.ad-badge--br::after{ top:auto; left:auto; right:8px; bottom:8px }
.ad-badge--light::after{ background:rgba(17,17,17,.65); backdrop-filter:blur(3px) saturate(120%) }

*{ box-sizing:border-box }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--tb-bg); color:var(--tb-text) }
a{ color:inherit; text-decoration:none }
img{ max-width:100%; height:auto; display:block }
.container{ max-width:1100px; margin:0 auto; padding:0 16px }
.hidden{ display:none !important }

/* =======================
   HEADER
   ======================= */
.tb-header{ position:sticky; top:0; background:#fff; border-bottom:1px solid var(--tb-border); z-index:50 }
.tb-header-inner{ display:flex; align-items:center; gap:14px; width:100%; height:54px }

/* Logo font toggles */
.tb-logo { width: 170px;
    margin-top: 9px; }
.tb-logo--barlow a{
  font-family:"Barlow Condensed",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.4px; width: 170px; margin-top: 9px; }
.tb-logo--kaushan a{ font-family:"Kaushan Script",cursive; letter-spacing:-0.2px }
.tb-logo--yellowtail a{ font-family:"Yellowtail",cursive; letter-spacing:.1px }
.tb-logo--satisfy a{ font-family:"Satisfy",cursive; letter-spacing:.2px }

/* Logo wordmark + gradient hover */
.tb-logo a{
  font-weight:800; font-size:28px; line-height:1; color:#111;
  display:inline-block;
  transition:color .2s ease, background-size .4s ease, background-position .6s ease;
  background-image:var(--tb-grad);
  background-size:200% 200%; background-position:50% 50%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:currentColor;
}
 
/* Hover reveal */
.tb-logo a:hover,
.tb-logo a:focus-visible{
  color:transparent; -webkit-text-fill-color:transparent; background-position:0% 50%;
}
.tb-logo a:hover{ animation:tbGradientPan 3s ease-in-out infinite alternate }
@keyframes tbGradientPan{ from{background-position:0% 50%} to{background-position:100% 50%} }

/* Right CTA */
.tb-hero-head{ display:flex; align-items:center; gap:1rem; margin:0 0 .75rem; padding-top:10px }
.tb-hero-title{ margin:0; color:#111;  font-weight:700; line-height:1.05; font-size:clamp(25px,4vw,30px) }

.tb-cta--stack{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 1.1;
  padding: 8px 10px; /* adjust if needed */
}
.tb-cta--stack .tb-cta-sub{
  font-size: 14px;
  font-weight: 600;
}
.tb-cta--stack .tb-cta-main{
  display: inline-flex;
  align-items: center;
  gap: 6px; /* space between icon and text */
  font-weight: 700;
    margin-left: -10px;
opacity: .9;
font-size: 14px;
}



.tb-cta--grad{ color:#fff; background:var(--tb-grad) }
.tb-cta--grad:hover{ filter:brightness(1.06) }
.tb-cta__icon{
  width:18px; height:18px; display:inline-block; background:#fff;
  -webkit-mask:url('/wp-content/themes/tucsonbuzz/assets/icons/plus.svg') no-repeat center/contain;
          mask:url('/wp-content/themes/tucsonbuzz/assets/icons/plus.svg') no-repeat center/contain;
}

/* inherit your icon color; hover can tint if you want */
.tb-create { color:#111; display:inline-flex; align-items:center; }
.tb-create:hover { color:#286fd3; }  /* optional hover */
.tb-create svg { display:block; }


/* Right icon cluster */
.tb-icons{ margin-left:auto; display:flex; align-items:center; gap:16px }
.tb-icon-btn{
  width:36px; height:36px; border-radius:9999px; display:grid; place-items:center;
  border:1.5px solid var(--tb-border); background:#fff; color:#0f172a;
  transition:background .15s,border-color .15s,color .15s;
}
.tb-icon-btn:hover{ background:#f8fafc; border-color:#d1d5db }
.tb-icon-btn:active{ background:#eef2f7 }
.tb-avatar img{ border-radius:999px; display:block; height: 36px; border:0px solid var(--tb-border) }
.tb-icon-btn.has-dot{ position:relative }
.tb-icon-btn.has-dot::after{
  content:""; position:absolute; top:6px; right:6px; width:8px; height:8px; border-radius:9999px; background:#ef4444;
}

/* =======================
   SEARCH
   ======================= */
.tb-search{
  display:flex; align-items:center; gap:10px; padding:10px 14px; background:#fff;
  border:1px solid var(--tb-border); border-radius:12px;
}
.tb-search input{ flex:1; border:0; outline:0; background:transparent; font-size:16px; line-height:1.2; color:#111 }
.tb-search input::placeholder{ color:#94a3b8 }
.tb-search-icon{ display:grid; place-items:center }
.tb-search-icon svg{ height:18px; fill:none; stroke:#0f172a; stroke-width:1.8; opacity:.8; margin-left:-6px }
.search-hero{ padding:12px 0 8px; display:flex; justify-content:flex-start }
.tb-search.tb-search-pill{
  width:100%; max-width:100%; height:44px; padding:0 14px; border-radius:9999px; box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.tb-search.tb-search-pill input{ font-size:18px; font-weight:600; color:#111827 }
.tb-search.tb-search-pill input::placeholder{ font-weight:500; color:#94a3b8 }
.tb-search:focus-within{ border-color:#c7d2fe; box-shadow:0 0 0 3px rgba(59,130,246,.12) }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{ -webkit-appearance:none }
body.search .tb-header .tb-search{ display:none }

/* =======================
   HOME GRID
   ======================= */
.hero-title{ font-weight:800; font-size:42px; margin:18px 0 10px }
.tb-ad{ background:#f8f6ef; border:1px solid var(--tb-border); border-radius:12px; padding:14px; margin:8px 0 }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px }

.card{ background:var(--tb-card); border:1px solid var(--tb-border); border-radius:14px; overflow:hidden }
.card-body{ padding:12px 14px }
.card-tag{ display:inline-block; background:none;   padding:6px 10px; border-radius:999px; font-weight:700; font-size:13px; margin-bottom:6px }
.card-title{ font-weight:800; font-size:18px; margin:6px 0 }
.card-meta{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--tb-muted) }
.card-avatar{ width:25px; height:25px; border-radius:9999px; border:1px solid var(--tb-border); display:block }

.card-author{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit }
.card-author:hover .card-author-name{ text-decoration:underline }

/* Verified badge element (always visible) */
.profile-hero .verified-badge {
    --verify-size: 17px;
    transform: translateY(1px);
}
.verified-badge {
    display: inline-block;
    width: 13px;
    height: var(--verify-size);
    background: var(--verified-badge) no-repeat center / contain;
    flex: 0 0 var(--verify-size);
    pointer-events: none;
    margin-left: -7px;
 transform: translateY(1px);
}

/* Media (merged rule) */
.card-media{
  display:block;
  aspect-ratio:16/10;
  background:#f3f4f6 center/cover no-repeat;
  border-top-left-radius:14px;
  border-top-right-radius:14px;
  position:relative;
  text-decoration:none;
}
.card-media:hover{ filter:brightness(.96) }

/* =======================
   SINGLE POST
   ======================= */
.post-place{ margin-top:-12px; margin-bottom:16px; font-size:13px; color:var(--tb-muted) }
.card-place{ margin-top:-2px; margin-bottom:6px; font-size:12px; color:var(--tb-muted) }

.post-wrap{ display:grid; grid-template-columns:1fr 300px; gap:24px }
.post-title{ font-size:34px; font-weight:800; margin:8px 0 14px }
.post-actions{ display:flex; gap:10px; margin:12px 0 }
.action-btn { display: flex ; align-items: center; gap: 5px; border: 0; border-radius: 999px; padding: 7px 1px; font-weight: 600; cursor: pointer; background: #fff; margin-top: -12px; }
.action-btn[data-active="1"]{ border-color:var(--tb-accent); color:var(--tb-accent) }
.action-like[data-active="1"]{ border-color:var(--tb-like); color:var(--tb-like) }

/* Responsive embeds */
.tb-embed{ position:relative; padding-top:56.25%; margin:8px 0; border-radius:12px; overflow:hidden; background:#000; height:100% }
.tb-embed iframe, .tb-embed video{ position:absolute; inset:0; width:100%; height:100%; border:0 }

/* Video play badge */
.card-media.is-video .media-play{
  position:absolute; top:90px; left:150px;
  width:30px; height:30px; border-radius:9999px;
  background:rgba(255,255,255,.92); color:#111; display:grid; place-items:center;
  box-shadow:0 1px 2px rgba(0,0,0,.18);
  transition:transform .12s ease, background .12s ease;
}
.card-media.is-video:hover .media-play{ transform:scale(1.05); background:rgba(255,255,255,.98) }

/* Sidebar comments */
.sidebar{ border-left:1px solid var(--tb-border); padding-left:16px }
.comment-item{ border-bottom:1px solid var(--tb-border); padding:10px 0 }
.comment-item:last-child{ border-bottom:0 }

/* Comments list */
.tb-comments{ display:grid; gap:12px; margin:10px 0 16px }
.tb-comment{ background:#fff; border:1px solid var(--tb-border); border-radius:12px; padding:10px 12px }
.c-head{ display:flex; align-items:center; gap:8px; margin-bottom:6px; font-size:13px; color:var(--tb-muted) }
.c-avatar{ width:24px; height:24px; border-radius:9999px; border:1px solid var(--tb-border); display:block }
.c-name{ color:#111 }
.c-time{ margin-left:auto; font-size:12px; color:var(--tb-muted) }
.c-body{ font-size:14px; line-height:1.5 }

/* Comment form */
.tb-comment-form .tb-field{ margin:10px 0 }
.tb-comment-form input[type="text"],
.tb-comment-form input[type="email"],
.tb-comment-form textarea{
  width:100%; border:1px solid var(--tb-border); border-radius:12px;
  padding:12px 14px; font-size:14px; background:#fff; outline:none;
}
.tb-comment-form textarea{ min-height:120px; resize:vertical }
.tb-comment-form input::placeholder,
.tb-comment-form textarea::placeholder{ color:#94a3b8 }
.tb-comment-form .btn-primary{
  border:0; background:#0b64d8; color:#fff; padding:10px 16px;
  border-radius:9999px; font-weight:700; cursor:pointer;
}
.tb-comment-form .btn-primary:hover{ filter:brightness(.96) }
.tb-logged-in{ font-size:13px; color:var(--tb-muted); margin:6px 0 8px }

/* Sidebar comments box (SCROLLABLE) */
 /* Sidebar comments box (scrollable, full list) */
.sidebar .tb-comments-box{
  border:1px solid var(--tb-border);
  border-radius:12px;
  background:#fff;
}

/* The scroll area */
.sidebar .tb-comments-scroll{
height: 42vh; min-height: 220px; max-height: 320px;
  overflow: auto;
  padding: 8px 10px;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-gutter: stable both-edges;
}

/* Subtle scrollbar */
.sidebar .tb-comments-scroll::-webkit-scrollbar{ width:8px }
.sidebar .tb-comments-scroll::-webkit-scrollbar-thumb{
  background:#e5e7eb; border-radius:9999px;
}

/* Reset WP comment list spacing so the whole list scrolls cleanly */
.sidebar ol.comment-list,
.sidebar ul.children{
  margin:0; padding:0; list-style:none;
}
.sidebar ol.comment-list > li,
.sidebar ul.children > li{
  margin:0 0 12px 0;
}
.sidebar ul.children{ margin-left:0 } /* no nested indent in sidebar */

/* Optional: tighten gaps inside your custom cards */
.sidebar .tb-comments{ margin:0; gap:10px }


/* Tighten spacing */
.sidebar h3{ margin-top:0 }

/* clickable names + mentions */
.c-name a, .tb-mention { text-decoration: none; }
.c-name a:hover, .tb-mention:hover { text-decoration: underline; }

/* Separator (single definition) */
.tb-sep{ border:0; border-top:1px solid var(--tb-border); margin:14px 0 }
.sidebar .widget-area{ margin-top:10px }

/* =======================
   SEARCH TABS
   ======================= */
.tabs{ display:flex; gap:20px; border-bottom:1px solid var(--tb-border); margin:10px 0 14px }
.tab{ padding:10px 6px; font-weight:700; color:var(--tb-muted); cursor:pointer; border-bottom:3px solid transparent }
.tab.active{
  color:#111;
  border-style:solid; border-width:0 0 3px 0; border-color:transparent;
  background: linear-gradient(#fff,#fff) padding-box, var(--tb-grad) border-box;
}
.tab-panel{ display:none }
.tab-panel.active{ display:block }
.search-top{ padding-top:14px }

/* =======================
   PROFILE
   ======================= */
.profile-hero{ display:flex; gap:18px; align-items:center; margin:14px 0 10px }
.profile-hero .avatar{
  width:120px; height:120px; border-radius:5%; border:1px solid var(--tb-border); object-fit:cover; display:block;
}
.profile-hero .name { font-size: 18px; font-weight: 500; display: flex ; align-items: baseline; gap: 9px; margin-bottom: -5px; }
.profile-hero .stats{ color:var(--tb-muted) }
.follow-btn{ border:1px solid var(--tb-border); border-radius:8px; padding:8px 14px; font-weight:700; cursor:pointer }
.follow-btn[data-following="1"]{ background:var(--tb-accent); color:#fff; border-color:var(--tb-accent) }
.profile-tabs{ display:flex; gap:16px; border-bottom:1px solid var(--tb-border); margin:18px 0 }
.profile-tab{ padding:10px 0; font-weight:700; color:var(--tb-muted); cursor:pointer; border-bottom:3px solid transparent }
.profile-tab.active{ color:#111; border-color:var(--tb-accent) }
.profile-panels .panel{ display:none }
.profile-panels .panel.active{ display:block }

/* =======================
   MISC
   ======================= */
#ibb-btn.action-btn{ border-radius:9999px; padding:8px 12px; font-weight:600 }
.visually-hidden-file{
  position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; border:0;
  clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap; opacity:0;
}

.dheadliner {font-size:12px; width:100%}



.tb-register-side {
  flex: 1 1 50%;
  background-image: url('https://tucsonbuzz.com/wp-content/plugins/branda-white-labeling/inc/modules/login-screen/themes/abstract/background.jpg'); 
  background-size: cover;
  background-position: center;
}



/* Overall layout: left login card, right image */
.tb-login-layout {
  min-height: 100vh;
  display: flex;
  background: #f3f4f6;
}

.tb-login-main {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

/* Right-side image panel – set your mural image here */
.tb-login-side {
  flex: 1 1 50%;
  background-image: url('https://tucsonbuzz.com/wp-content/plugins/branda-white-labeling/inc/modules/login-screen/themes/abstract/background.jpg'); 
  background-size: cover;
  background-position: center;
}

/* Logo bigger + centered */
.tb-login-logo {
  margin-bottom: 24px;
  text-align: center;
}

.tb-login-logo img {
  max-width: 180px;   /* adjust this to make it bigger/smaller */
  height: auto;
}

/* Tagline box like wp-login */
.tb-login-tagline {
  max-width: 420px;
  margin-bottom: 24px;
  padding: 14px 18px;
  background: #ffffff;
  border-left: 3px solid #1f6feb; /* TucsonBuzz blue */
  box-shadow: 0 10px 25px rgba(15,23,42,0.06);
  font-size: 14px;
  line-height: 1.5;
  color: #111827;
}

.tb-login-tagline p {
  margin: 0;
}

/* Card with form */
.tb-card.tb-card-login {
  max-width: 420px;
  width: 100%;
  background: #ffffff;
  border-radius: 6px;
  padding: 24px 28px 28px;
  box-shadow: 0 12px 40px rgba(15,23,42,0.10);
}

.tb-card.tb-card-login h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
}

/* Make wp_login_form look like wp-login */
.tb-card.tb-card-login label {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}

.tb-card.tb-card-login input[type="text"],
.tb-card.tb-card-login input[type="password"],
.tb-card.tb-card-login input[type="email"] {
  width: 100%;
  padding: 9px 10px;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  font-size: 14px;
  box-sizing: border-box;
}

.tb-card.tb-card-login input[type="submit"],
.tb-card.tb-card-login .button-primary {
  margin-top: 10px;
  padding: 8px 18px;
  border-radius: 4px;
  border: none;
  background: #1f6feb;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.tb-card.tb-card-login input[type="submit"]:hover {
  filter: brightness(0.9);
}

/* Notes */
.tb-note {
  border-left: 3px solid #4ade80;
  background: #ecfdf3;
  padding: 8px 10px;
  font-size: 13px;
  margin-bottom: 10px;
}

/* Mobile: hide side image so card fills screen */
@media (max-width: 880px) {
  .tb-login-layout {
    flex-direction: column;
  }
  .tb-login-side {
    display: none;
  }
  .tb-login-main {
    flex: 1 1 auto;
    padding: 40px 16px;
  }
}


/* =======================
   RESPONSIVE
   ======================= */
@media (max-width:900px){
  .grid{ grid-template-columns:repeat(2,1fr) }
  .post-wrap{ grid-template-columns:1fr }
  .sidebar{ border-left:none; padding-left:0 }
  .hero-title{ font-size:32px }
  .tb-logo{ font-weight:800; font-size:25px; letter-spacing:.2px; width:140px; margin-top:4px;} .tb-logo--barlow a{
  font-family:"Barlow Condensed",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.4px; width:140px; margin-top:4px; }
 
  
@media (max-width:600px){
  .grid{ grid-template-columns:1fr }
  .tb-header-inner{ height:64px }
  .hero-title{ font-size:28px }
  .tb-logo{ font-weight:800; font-size:24px; letter-spacing:.2px; width:140px; margin-top:4px;}
.tb-logo--barlow a{
  font-family:"Barlow Condensed",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:.4px; width:140px; margin-top:4px;
}}

@media (max-width:640px){

.tb-pop .opt {
    width: 29px !important;
    height: 28px !important;
    font-size: 22px !important;
}

  .tb-hero-head{ flex-wrap:wrap; gap:.75rem }

  .tb-hero-title{ width:95%; }
.dheadline {order:2; font-size:22px; width:88%}
.bheadline { padding: 12px; width: 106px; background-color:#286fd3; border-radius: 0px; font-size: 19px; color: #fff; float: left; }
body {
    background: #fff !important;
.tb-buzzin-name {display:none;}
.tb-buzzin-user {
    background: none;
    margin-left: -10px;
backdrop-filter: none;
}
}

.tb-cta{
display:none;
}

@media (max-width:340px){
  .tb-slider{border-radius:12px; overflow:hidden;}

  /* each slide (works whether you wrap slides in .tb-slide or not) */
  .tb-slider .tb-slide,
  .tb-slider .tb-slider-inner > *{
    position:relative; min-width:100%;
    aspect-ratio:4/5;                 /* IG-style */
  }

  /* images &  can just cover */
  .tb-slider .tb-slide > img,
  .tb-slider .tb-slide > video,
  .tb-slider .tb-slider-inner > * > img,
  .tb-slider .tb-slider-inner > * > video{
    position:absolute; inset:0;
    width:100%; height:100%; object-fit:cover; display:block;
  }

  /* YouTube/Vimeo iframe: widen to cover tall box and center it */
  .tb-slider .tb-slide iframe,
  .tb-slider .tb-slider-inner > * iframe{
    position:absolute; top:0; left:50%;
    height:400px;
    width:calc(100% * (16/9) / (4/5)); /* = 222.222% */
    transform:translateX(-50%);
    border:0; display:block;
  }


}