@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
  font-family: 'Poppins', sans-serif;
}
.hero-image {
  background: url('./images/hero-img.png') no-repeat center center;
  background-size: contain;
}

/* testimonials */
.star {
  color: #fbbf24;
}
.testimonial-scroll {
  animation: scroll 15s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.testimonial-scroll:hover {
  animation-play-state: paused;
}
/* testimonials */


/* Book a GP */
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.pulse-animation {
  animation: pulse 2s infinite;
}
/* Book a GP */



.submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.submenu.open {
  max-height: 200px;
}

/* Dashboard Sidebar Code */

@media (min-width: 1024px) {
  .dropdown {
    position: relative;
  }
  .dropdown .submenu-right {
    position: absolute;
    left: 100%;
    top: 0;
    width: 200px;
    background: #374151;
    border-radius: 0.375rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all 0.2s ease-out;
    z-index: 1000;
  }
  .dropdown:hover .submenu-right {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}

.profile-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  width: 180px;
  background: white;
  border-radius: 0.375rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease-out;
  z-index: 1000;
}
.profile-menu:hover .profile-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Collapsed sidebar styles */
.sidebar-collapsed {
  width: 4rem;
}

.sidebar-collapsed .menu-text {
  display: none;
}

.sidebar-collapsed .submenu-right {
  left: 4rem;
}

.sidebar-collapsed .dropdown:hover .submenu-right {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Adjust main content margin when collapsed */
.main-content-collapsed {
  margin-left: 4rem;
}

@media (max-width: 1023px) {
  #main-content {
    margin-left: 0 !important;
  }

  #sidebar {
    position: fixed !important;
    width: 16rem !important;
  }

  #sidebar.-translate-x-full {
    transform: translateX(-100%) !important;
  }

  #sidebar:not(.-translate-x-full) {
    transform: translateX(0) !important;
  }

  #sidebar.sidebar-collapsed {
    width: 16rem !important;
  }

  #main-content.main-content-collapsed {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  #sidebar .menu-text {
    display: inline !important;
  }

  #sidebar.sidebar-collapsed .menu-text {
    display: inline !important;
  }
}

.post-row:hover .post-actions {
  opacity: 1;
  visibility: visible;
}
.post-actions {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
@media (max-width: 1023px) {
  .post-actions {
    opacity: 1;
    visibility: visible;
  }
}
/* Dashboard Sidebar Code */

/* Dashboard Posts Style */
#id_title {
    @apply w-full px-4 py-3 text-lg font-medium border-0 focus:ring-0 focus:outline-none;
    min-height: 50px;
    font-size: 1.125rem;
    line-height: 1.5;
}

#id_title::placeholder {
    @apply text-gray-400;
    font-weight: normal;
}

#id_slug {
    @apply px-2 py-1 text-sm border border-gray-300 rounded focus:border-blue-500 focus:ring-1 focus:ring-blue-500;
    background: #fff;
}

/* Textarea styling */
#id_excerpt, #id_seo_description {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:border-blue-500 focus:ring-1 focus:ring-blue-500 resize-none;
    min-height: 80px;
}

#id_seo_keywords {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:border-blue-500 focus:ring-1 focus:ring-blue-500;
}

/* Date input styling */
#id_published_date {
    @apply w-full px-3 py-2 text-sm border border-gray-300 rounded-md focus:border-blue-500 focus:ring-1 focus:ring-blue-500;
}

/* Custom file input styling */
#id_featured_image {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#file-input-display {
    transition: all 0.2s ease;
}

#file-input-display:hover {
    @apply bg-gray-50;
}

/* Dashboard Posts Style */

/* Mobile responsive adjustments */
@media (max-width: 1024px) {
    #main-content {
        margin-left: 0 !important;
        padding-top: 60px;
    }
    
    .max-w-7xl {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {
    .flex.gap-6 {
        flex-direction: column;
    }
    
   
    .w-full.lg\:w-80 {
        width: 100%;
        order: 1;
    }
    
    .flex-1 {
        order: 2;
    }
    
   
    .space-y-2 button {
        @apply text-sm py-3;
    }
    
    /* Title input mobile adjustments */
    #id_title {
        font-size: 1rem;
        padding: 12px 16px;
    }
    
    /* Slug container mobile layout */
    #slug-container .flex.flex-col.sm\:flex-row {
        gap: 8px;
    }
    
    #slug-container .flex.flex-wrap {
        flex-wrap: wrap;
    }
    
    /* Categories section mobile scrolling */
    .max-h-48 {
        max-height: 200px;
    }
}

@media (max-width: 640px) {
    /* Extra mobile adjustments */
    .text-2xl.sm\:text-3xl {
        font-size: 1.5rem;
    }
    
    .px-4.sm\:px-6.lg\:px-8 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    /* Card padding adjustments */
    .p-4 {
        padding: 0.75rem;
    }
    
    .px-4.py-3 {
        padding: 0.75rem;
    }
    
    /* Button text size */
    button {
        font-size: 0.875rem;
    }
}

/* Character count styling */
.text-red-500 {
    font-weight: 600;
}

#seo-char-warning {
    font-size: 0.75rem;
    font-weight: 500;
}

/* Auto-save indicator positioning */
#autosave-indicator {
    z-index: 1000;
}

@media (max-width: 640px) {
    #autosave-indicator {
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
        text-align: center;
    }
}

/* Enhanced focus states */
input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    border-color: #3b82f6;
}

/* Checkbox styling improvements */
input[type="checkbox"] {
    @apply w-4 h-4;
}

/* Featured image preview enhancements */
#featured-image-preview img {
    transition: all 0.3s ease;
}

#featured-image-preview img:hover {
    transform: scale(1.02);
}

/* Loading states */
.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Responsive grid for mobile publish box */
@media (max-width: 640px) {
    /* .space-y-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        grid-template-areas: 
            "draft preview"
            "publish publish";
    }
     */
    .space-y-2 button:nth-child(1) {
        grid-area: draft;
    }
    
    .space-y-2 button:nth-child(2) {
        grid-area: preview;
    }
    
    .space-y-2 button:nth-child(3) {
        grid-area: publish;
    }
}

/* Responsive grid for mobile publish box */