/*
Theme Name: Deven's Hope Society
Theme URI: 
Author: DeepMind
Author URI: 
Description: A custom WordPress theme for Deven's Hope Society, an animal rescue NGO based in Hyderabad.
Version: 1.0
Text Domain: devens-hope
*/

html { scroll-behavior: smooth; overflow-x: hidden; }
body { font-family: 'Manrope', sans-serif; overflow-x: hidden; }
.font-display { font-family: 'Fraunces', serif; }

/* wavy divider */
.wave { display: block; width: 100%; height: 60px; }

/* marquee ticker */
.ticker-track { display: flex; width: max-content; animation: ticker 28s linear infinite; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* photo cluster tape effect */
.polaroid { box-shadow: 0 12px 30px -12px rgba(46,35,20,.35); }
.rot-l { transform: rotate(-4deg); }
.rot-r { transform: rotate(3deg); }
.rot-l:hover, .rot-r:hover { transform: rotate(0deg) scale(1.03); }
.polaroid { transition: transform .35s ease; }

/* drawer */
.drawer { transform: translateX(100%); transition: transform .35s ease; }
.drawer.open { transform: translateX(0); }
.overlay { opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.overlay.show { opacity: 1; pointer-events: auto; }

/* swiper theming */
.swiper-pagination-bullet { background: #E8871E; opacity: .35; }
.swiper-pagination-bullet-active { opacity: 1; }
.story-swiper .swiper-slide { height: auto; }
.insta-swiper .swiper-wrapper { transition-timing-function: linear; }

/* paw float */
.paw-bg { position: absolute; opacity: .08; pointer-events: none; }
@keyframes floaty { 0%,100% { transform: translateY(0) rotate(-8deg);} 50% { transform: translateY(-14px) rotate(6deg);} }
.floaty { animation: floaty 6s ease-in-out infinite; }

.btn-solid { background: #E8871E; color: #fff; }
.btn-solid:hover { background: #d3760f; }
.btn-outline { border: 2px solid #2E2314; color: #2E2314; }
.btn-outline:hover { background: #2E2314; color: #FFF8EC; }

/* ACF specific backend styling for easier reading if needed */
.acf-tab-button {
  font-weight: bold;
}

@media (prefers-reduced-motion: reduce) {
  .ticker-track, .floaty { animation: none; }
  html { scroll-behavior: auto; }
}
/* form tabs */
.tab-btn { color: #6B573B; transition: all .3s ease; }
.tab-btn:hover { color: #E8871E; }
.tab-btn.active { background: #E8871E; color: #FFF8EC; box-shadow: 0 4px 14px -4px rgba(232,135,30,.4); }
.form-panel { display: none; opacity: 0; transition: opacity .4s ease; }
.form-panel.active { display: block; opacity: 1; }