/*
Theme Name: Bhaav Bharat Global Events
Theme URI: https://bbglobalevents.com/
Author: Bhaav Bharat Global Events
Description: Custom brutalist-Indian editorial theme for Bhaav Bharat Global Events. Built from a Tailwind CSS static design, converted into a WordPress theme for use with the Blocksy-style workflow requested. Step 1 of the build: static content wrapped into proper WordPress template structure.
Version: 1.0
Requires PHP: 7.4
Text Domain: bbglobal
*/

/* Custom Brutalist & Indian styles (moved here from the original static build) */
.brutal-border {
  border: 2px solid #1A1715;
}
.brutal-shadow {
  box-shadow: 4px 4px 0px 0px #1A1715;
}
.brutal-shadow-lg {
  box-shadow: 8px 8px 0px 0px #1A1715;
}
.brutal-shadow-hover:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0px 0px #1A1715;
}
.brutal-shadow-hover-sm:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0px 0px #1A1715;
}

@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 20s linear infinite;
}

@keyframes spin-slow-reverse {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
.animate-spin-slow-reverse {
  animation: spin-slow-reverse 26s linear infinite;
}

/* Pulse-ring animation (Indian Classical Music Therapy page's tabla-ring
   illustration system — a struck drumhead resonating outward, ring by ring,
   rather than spinning like the Sanskrit page's lotus mandala). Applied
   per-ring with a staggered animation-delay in bbglobal_tabla_ring_svg(). */
@keyframes pulse-ring {
  0%   { transform: scale(1);     opacity: 1; }
  50%  { transform: scale(1.08);  opacity: 0.55; }
  100% { transform: scale(1);     opacity: 1; }
}
.animate-pulse-ring {
  animation: pulse-ring 3.2s ease-in-out infinite;
}

/* Breathe animation (Yoga Retreat page's sunburst illustration system — an
   inhale/exhale on the sun's rays, distinct from the tabla page's staccato
   pulse-ring and the Sanskrit page's continuous spin). Applied per-ray with
   a staggered animation-delay in bbglobal_yoga_sunburst_svg(). */
@keyframes breathe {
  0%, 100% { transform: scale(1);    opacity: 1; }
  50%      { transform: scale(1.05); opacity: 0.85; }
}
.animate-breathe {
  animation: breathe 4.5s ease-in-out infinite;
}

.indian-arch-clip {
  clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0% 100%, 0% 25%);
}

.dome-clip {
  clip-path: path('M 0,200 C 0,80 50,40 100,0 C 150,40 200,80 200,200 L 200,300 L 0,300 Z');
}

body.loading {
  overflow: hidden;
  height: 100vh;
}

.custom-cursor {
  width: 20px;
  height: 20px;
  border: 2px solid #1A1715;
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  transition: width 0.2s, height 0.2s, background-color 0.2s;
}

.custom-cursor-dot {
  width: 4px;
  height: 4px;
  background-color: #1A1715;
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
}

/* Marquee animation (used by the running text strip) */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  animation: marquee 25s linear infinite;
  display: inline-flex;
}

/* ==========================================================================
   CUSTOM SCROLLBAR (Bhaav Bharat brand styling)
   Replaces the default OS/browser scrollbar with a slim, brand-toned one:
   sand track, terracotta-to-maroon gradient thumb, gold on hover — with a
   thin charcoal keyline so it still reads as part of the brutalist system.
   ========================================================================== */

html {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #C95A49 #F6F3EB;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #F6F3EB; /* brand-sand */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #C95A49 0%, #5C1D24 100%); /* terracotta -> maroon */
  border: 2px solid #F6F3EB;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #D4AF37 0%, #C95A49 100%); /* gold -> terracotta */
}

::-webkit-scrollbar-corner {
  background: #F6F3EB;
}