/* ===== 3TAMIS PRO STYLES v1.2 ===== */
:root {
  --tamis-green: #33bf9a;
  --tamis-green-dark: #278d72;
  --tamis-green-light: #e8f8f3;
  --tamis-dark: #1a1a2e;
  --tamis-gray: #f8f9fa;
  --tamis-text: #333333;
}

/* ===== RESET BLOCK CONSTRAINTS ===== */
.wp-site-blocks {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

.wp-site-blocks > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

/* Neutralize block editor flow on our sections */
.home-hero,
.mission-section,
.domains-section,
.stats-section,
.cta-section,
.site-footer,
.gallery-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: auto !important;
}

/* ===== HEADER ===== */
.wp-site-blocks > header {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* Site title as logo */
.wp-block-navigation-item:first-child .wp-block-navigation-item__content {
  display: inline-block !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  width: 180px !important;
  height: 50px !important;
  background: url('https://3tamis.org/wp-content/uploads/2026/05/3tamis-logo.png') no-repeat center !important;
  background-size: contain !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* Navigation styling */
.wp-block-navigation {
  padding: 8px 24px !important;
}
.wp-block-navigation-item__content {
  font-size: 0.9rem !important;
}

/* Hide theme footer - we use our custom one */
.wp-block-template-part > footer {
  display: none !important;
}

/* ===== HERO SECTION ===== */
.home-hero {
  padding: 160px 24px !important;
  min-height: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.home-hero h1.wp-block-heading {
  color: #ffffff !important;
  font-size: 3.2rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.5rem !important;
  line-height: 1.2 !important;
}
.home-hero .hero-subtitle,
.hero-subtitle {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.3rem !important;
  margin: 0 0 0.3rem !important;
}
.home-hero .hero-tagline,
.hero-tagline {
  color: var(--tamis-green) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.home-hero .hero-cta,
.hero-cta {
  display: inline-block !important;
  margin-top: 1.8rem !important;
  padding: 14px 40px !important;
  background: var(--tamis-green) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  transition: all 0.3s ease !important;
}
.home-hero .hero-cta:hover {
  background: var(--tamis-green-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(51,191,154,0.3) !important;
}

/* ===== MISSION SECTION ===== */
.mission-section {
  padding: 80px 24px !important;
  text-align: center !important;
  background: var(--tamis-gray) !important;
}
.mission-section h2.wp-block-heading {
  color: var(--tamis-dark) !important;
  font-size: 2rem !important;
  margin: 0 0 1rem !important;
}
.mission-section p {
  max-width: 800px !important;
  margin: 0 auto 1rem !important;
  font-size: 1.1rem !important;
  line-height: 1.8 !important;
  color: var(--tamis-text) !important;
}

/* ===== DOMAINS GRID ===== */
.domains-section {
  padding: 80px 24px !important;
  background: #fff !important;
}
.domains-section h2.wp-block-heading {
  text-align: center !important;
  font-size: 2rem !important;
  margin: 0 0 2rem !important;
  color: var(--tamis-dark) !important;
}
.domains-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.domain-card {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 36px 28px !important;
  text-align: center !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
  border: 1px solid #eee !important;
  transition: all 0.3s ease !important;
}
.domain-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(51,191,154,0.15) !important;
  border-color: var(--tamis-green) !important;
}
.domain-card .domain-icon {
  font-size: 2.5rem !important;
  margin-bottom: 1rem !important;
}
.domain-card h3 {
  color: var(--tamis-dark) !important;
  font-size: 1.3rem !important;
  margin: 0 0 0.75rem !important;
}
.domain-card p {
  color: #666 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 0 1rem !important;
}
.domain-card .card-link {
  display: inline-block !important;
  padding: 8px 24px !important;
  border: 2px solid var(--tamis-green) !important;
  color: var(--tamis-green) !important;
  border-radius: 50px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.domain-card .card-link:hover {
  background: var(--tamis-green) !important;
  color: #fff !important;
}

/* ===== STATS SECTION ===== */
.stats-section {
  padding: 60px 24px !important;
  background: var(--tamis-green) !important;
  text-align: center !important;
}
.stats-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}
.stat-card {
  padding: 20px !important;
}
.stat-card .stat-number {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  display: block !important;
}
.stat-card .stat-label {
  font-size: 1rem !important;
  color: rgba(255,255,255,0.85) !important;
  display: block !important;
  margin-top: 4px !important;
}

/* ===== CTA SECTION ===== */
.cta-section {
  padding: 100px 24px !important;
  text-align: center !important;
  background: linear-gradient(135deg, rgba(26,26,46,0.92), rgba(15,52,96,0.88)), url('https://3tamis.org/wp-content/uploads/2026/05/475320380_644916871226571_719313520885901752_n.jpg') no-repeat center/cover !important;
}
.cta-section h2.wp-block-heading {
  color: #fff !important;
  font-size: 2rem !important;
  margin: 0 0 1rem !important;
}
.cta-section p {
  color: rgba(255,255,255,0.8) !important;
  font-size: 1.1rem !important;
  max-width: 600px !important;
  margin: 0 auto 1rem !important;
}
.cta-button {
  display: inline-block !important;
  padding: 14px 40px !important;
  background: var(--tamis-green) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  transition: all 0.3s ease !important;
}
.cta-button:hover {
  background: var(--tamis-green-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(51,191,154,0.3) !important;
}

/* ===== FOOTER ===== */
.site-footer {
  background: #111 !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 50px 24px 30px !important;
  text-align: center !important;
}
.site-footer a {
  color: var(--tamis-green) !important;
  text-decoration: none !important;
}
.site-footer p {
  margin: 0 auto 0.8rem !important;
}
.site-footer .footer-social {
  margin: 20px 0 !important;
}
.site-footer .footer-social a {
  display: inline-block !important;
  margin: 0 8px !important;
  padding: 10px 24px !important;
  background: rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.site-footer .footer-social a:hover {
  background: var(--tamis-green) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .home-hero { padding: 100px 20px !important; min-height: 400px !important; }
  .home-hero h1.wp-block-heading { font-size: 2rem !important; }
  .home-hero .hero-subtitle { font-size: 1.05rem !important; }
  .domains-grid { grid-template-columns: 1fr !important; }
  .stats-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .domain-card { padding: 24px 20px !important; }
  .hero-cta, .cta-button { padding: 12px 28px !important; font-size: 1rem !important; }
  .wp-block-navigation { padding: 8px 12px !important; }
}

/* ===== COLOR OVERRIDES ===== */
.wp-block-button__link { background-color: var(--tamis-green) !important; border-radius: 50px !important; }
.wp-block-button__link:hover { background-color: var(--tamis-green-dark) !important; }
a { color: var(--tamis-green); }
a:hover { color: var(--tamis-green-dark); }

/* Fix for cookie consent */
.cookieadmin_modal_footer { display: none !important; }


/* ===== MISSION WITH IMAGE ===== */
.mission-section .wp-block-group {
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* ===== GALLERY SECTION ===== */
.gallery-section {
  padding: 80px 24px !important;
  background: var(--tamis-gray) !important;
}
.gallery-section h2.wp-block-heading {
  text-align: center !important;
  font-size: 2rem !important;
  margin: 0 0 2rem !important;
  color: var(--tamis-dark) !important;
}
.gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.gallery-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 4/3 !important;
  transition: transform 0.3s ease !important;
}
.gallery-item:hover {
  transform: scale(1.03) !important;
}
.gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

@media (max-width: 768px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .mission-section > div { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
  .gallery-grid { grid-template-columns: 1fr !important; }
}

/* ===== HERO BACKGROUND IMAGE ===== */
.home-hero {
  background: linear-gradient(135deg, rgba(26,26,46,0.85), rgba(15,52,96,0.8)), 
              url('https://3tamis.org/wp-content/uploads/2026/05/2024_05_about-image-01JASS.jpg') no-repeat center/cover !important;
}

/* ===== CTA BACKGROUND ===== */
.cta-section {
  background: linear-gradient(135deg, rgba(26,26,46,0.92), rgba(15,52,96,0.88)), 
              url('https://3tamis.org/wp-content/uploads/2026/05/2024_05_project-new-1-copie.jpg') no-repeat center/cover !important;
}

/* ===== KILL BLOCK EDITOR CONSTRAINTS ===== */
.is-layout-flow {
  margin-block-start: 0 !important;
}
.wp-block-group-is-layout-flow > * {
  margin-block-start: 0 !important;
}
.wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===== HIDE COOKIE NOTICE ===== */
.cookieadmin_law_container,
.cookieadmin_consent_inside,
.cookieadmin_modal_footer {
  display: none !important;
}

/* ===== POSTS PAGE FIX ===== */
.wp-block-query,
.wp-block-post-template {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}
.wp-block-post-title a {
  color: var(--tamis-dark) !important;
  text-decoration: none !important;
}
.wp-block-post-title a:hover {
  color: var(--tamis-green) !important;
}