/*
Theme Name: Donver
Theme URI: https://donver.com
Author: Tom Usborne
Author URI: https://donver.com/about
Description: Donver theme with Tailwind CSS integration. This theme uses only Tailwind CSS for styling, providing a utility-first approach to design. Based on GeneratePress but completely redesigned with Tailwind CSS.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donver
Tags: tailwind, utility-first, responsive, modern, clean, minimal

This theme uses Tailwind CSS via CDN. No additional CSS files are loaded.
All styling is handled by Tailwind CSS utility classes.
*/
body {
  font-family: "Inter", sans-serif;
  background-color: #f7f9fb; /* Very light subtle background */
}
.container {
  margin: 0 auto !important;
}
/* Custom gradient for the hero headline */
.text-gradient {
  background-image: linear-gradient(
    to right,
    #10b981,
    #06b6d4
  ); /* Green to Cyan */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Custom styles for professional aesthetic */
.header-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.scroll-mt-24 {
  scroll-margin-top: 6rem; /* Adjust for fixed header height */
}
#property-description {
  min-height: 150px;
}

/* Roadmap step styling */
.roadmap-step {
  position: relative;
}
.roadmap-step::before {
  content: attr(data-step);
  position: absolute;
  left: -3rem; /* Position the number to the left */
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: bold;
  color: white;
  background-color: #4f46e5; /* Primary color */
  z-index: 10;
}
.roadmap-container {
  border-left: 2px solid #e5e7eb; /* Light gray line */
  padding-left: 3rem;
}
.roadmap-step:not(:last-child) {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.property-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.property-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* This file is intentionally minimal - all styling is handled by Tailwind CSS */
/* Logo Acronym Styling */
.site-logo-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.custom-3d-logo {
  max-width: 280px; /* Adjust based on your header height */
  height: auto;
  display: block;
  margin: 0 auto;
  /* Crucial for 3D gold textures: keeps the edges sharp */
  image-rendering: -webkit-optimize-contrast;
  /* Adds a soft shadow to help the gold pop off a blue background */
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
  transition: transform 0.3s ease;
}

.custom-3d-logo:hover {
  transform: scale(1.02); /* Very subtle zoom to show interactivity */
}

.logo-acronym {
  margin-top: 4px;
  max-width: 280px;
}

.acronym-text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 1.8;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
}



/* Responsive adjustments for acronym */
@media (max-width: 768px) {
  .custom-3d-logo {
    max-width: 200px;
  }
  
  .logo-acronym {
    max-width: 200px;
  }
  
  .acronym-text {
    font-size: 8px;
  }
}

@media (max-width: 480px) {
  .custom-3d-logo {
    max-width: 160px;
  }
  
  .logo-acronym {
    max-width: 160px;
  }
  
  .acronym-text {
    font-size: 7px;
  }
}