/* Dashboard styling without shadows */

/* Remove all shadows */
.card, 
.card.bg-base-100, 
.navbar, 
.btn,
.shadow-lg,
.shadow-md,
.shadow-xl,
.shadow-2xs,
.shadow,
div[class*="shadow"],
.dropdown-content {
  box-shadow: none !important;
  transition: none !important;
}

/* Prevent hover effects that might add shadows */
.card:hover,
.btn:hover,
.stat-card:hover,
.hover\:shadow-xl:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* Card styling without shadows */
.card {
  border: 1px solid #e5e7eb;
  background-color: #FEFEFF;
}

.dark .card {
  border: 1px solid #374151;
  background-color: #232323 !important;
}

/* Improved card spacing */
.card-body {
  padding: 1.5rem !important;
}

.card-body h2 {
  margin-bottom: 1rem !important;
}

.card-body p {
  margin-bottom: 0.75rem !important;
}

.card-body h3 {
  margin-bottom: 0.5rem !important;
}

/* Add more spacing between elements in stat cards */
.stat-card .card-body {
  padding: 1.25rem !important;
}

.stat-card h2 {
  margin-bottom: 0.75rem !important;
}

.stat-card p.text-4xl {
  margin-bottom: 0.5rem !important;
}

/* Add spacing between text and badges */
.badge {
  margin: 0.25rem !important;
}

/* Add spacing in management cards */
.card .flex.justify-between.items-center {
  margin-bottom: 1rem !important;
}

/* Improve spacing in opportunity cards */
.card .flex.gap-6 {
  gap: 2rem !important; /* Increase gap between price and deadline */
  display: flex !important;
  align-items: flex-start !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.card .font-semibold.text-sm {
  margin-bottom: 0.5rem !important; /* Add space between label and value */
  display: block !important;
}

.card .text-lg.font-bold {
  display: block !important; /* Ensure values are on their own line */
  margin-top: 0.25rem !important;
}

/* Price and deadline layout improvements */
.card .price, 
.card .deadline {
  margin-right: 1.5rem !important;
}

/* Fix for specific price/deadline layout */
.card [class*="Price"],
.card [class*="Deadline"] {
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}

.card [class*="Price"] + div,
.card [class*="Deadline"] + div {
  margin-top: 0.25rem !important;
}

/* Add space between USD and date */
.card .flex div {
  min-width: 120px !important;
}

/* Target the specific layout in user dashboard */
.Price,
.Deadline {
  display: block !important;
  margin-bottom: 0.5rem !important;
  font-weight: 600 !important;
}

.Price + div,
.Deadline + div {
  display: block !important; 
  margin-top: 0.25rem !important;
}

/* Fix specific layout of price and date values */
.card .Price ~ div,
.card .Deadline ~ div {
  margin-top: 0.5rem !important;
}

/* Fix specific spacing issues in opportunity cards */
.test {
  margin-bottom: 1rem !important;
}

.test + .podcast {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
  display: block !important;
}

/* Opportunity Detail Page - Fixed with proper padding */
/* Properly pad the collapse sections */
.collapse-title {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
  min-height: 1.5rem !important;
  height: 1.5rem !important;
  line-height: 1 !important;
}

.collapse-content {
  padding: 0.1rem 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0.1rem !important;
}

/* Proper spacing for form controls */
.form-control {
  margin-top: 0 !important;
  margin-bottom: 0.1rem !important;
}

.form-control label {
  margin-bottom: 0.1rem !important;
}

/* Add padding to textarea containers */
textarea {
  padding: 0.35rem !important;
  margin-bottom: 0.1rem !important;
}

/* Better file input padding */
.file-input {
  padding: 0.35rem !important;
}

/* Fix spacing for Additional Assets section */
.collapse {
  margin-top: 0.15rem !important;
  margin-bottom: 0.15rem !important;
}

/* Proper card body padding */
.card-body.p-4 {
  padding: 1rem !important;
}

/* Target specific help text */
.label-text-alt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.1 !important;
  font-size: 0.7rem !important;
}

/* Target specifically the Images and Additional Notes sections */
.label-text:contains("Images"), 
.label-text:contains("Additional Notes") {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

/* Target input containers */
.textarea, .file-input {
  padding: 0.35rem !important;
  margin-bottom: 0.15rem !important;
}

/* Specific fix for collapse sections */
.collapse.collapse-arrow {
  margin-top: 0.02rem !important;
  margin-bottom: 0.02rem !important;
  border-width: 1px !important;
}

/* Further reduce space between form controls in collapse content */
.collapse-content .form-control {
  margin-bottom: 0.15rem !important;
}

.collapse-content .form-control + .form-control {
  margin-top: 0.15rem !important;
}

/* Remove padding from specific labels */
.collapse-content .label {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

/* Move arrow up */
.collapse-arrow .collapse-title:after {
  top: 0.4rem !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
}

/* Make section titles smaller */
.collapse-title .font-medium {
  font-size: 0.85rem !important;
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
  line-height: 1 !important;
}

/* Set primary color variables - from theme-overrides.css */
:root {
  --primary: #1ED760 !important;
  --color-primary: #1ED760 !important;
  --color-primary-content: #000000 !important;
  --color-secondary: #1B2536 !important;
  --color-secondary-content: #ffffff !important;
  
  /* DaisyUI variables */
  --p: 142 70% 48% !important; /* #1ED760 in hsl format */
  --pf: 142 70% 43% !important; /* slightly darker for focus */
  --pc: 0 0% 100% !important;
  --s: 218 35% 16% !important;
  --sf: 218 38% 14% !important;
  --sc: 0 0% 100% !important;
}

/* Override button styles to match reference */
.btn-primary, 
a.btn-primary,
.btn-primary.btn-lg,
button[type="submit"].btn,
a[href*="select_plan"].btn,
a[href*="sign_up"].btn {
  background-color: #1ED760 !important;
  color: #000000 !important;
  border-color: #1ED760 !important;
}

.btn-primary:hover, 
.btn-primary:focus,
a.btn-primary:hover,
a.btn-primary:focus {
  background-color: #19c054 !important;
  color: #000000 !important;
}

/* Dashboard-specific styling */
.btn.btn-primary {
  background-color: #1ED760 !important;
  color: #000000 !important;
  border-color: #1ED760 !important;
  box-shadow: none !important;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  height: auto;
  line-height: 1.5;
}

.btn.btn-primary:hover {
  background-color: #19c054 !important;
}

/* Navbar styling */
.navbar {
  border-bottom: 1px solid #e5e7eb;
  background-color: #FEFEFF;
}

.dark .navbar {
  border-bottom: 1px solid #374151;
  background-color: #222222;
}

/* Dropdown menu styling */
.dropdown-content {
  border: 1px solid #e5e7eb;
  background-color: #FEFEFF;
}

.dark .dropdown-content {
  border: 1px solid #374151;
}

/* Badge styling */
.badge-primary {
  background-color: transparent !important;
  color: #000000 !important;
  border: none !important;
}

/* Dark mode improvements */
.dark {
  --color-primary-content: #ffffff !important;
}

.dark .badge-primary {
  color: #FFFFFF !important;
  border: none !important;
}

.dark .btn-primary,
.dark .btn.btn-primary {
  border-color: #19B558 !important;
  color: #ffffff !important;
}

.dark .btn-primary:hover,
.dark .btn-primary:focus,
.dark .btn.btn-primary:hover {
  color: #ffffff !important;
}

.dark .card {
  background-color: #2A2A2A !important;
}

/* Table styling */
.table {
  border-collapse: separate;
  border-spacing: 0;
}

.table tr:hover {
  background-color: rgba(254, 254, 255, 0.7);
}

.dark .table tr:hover {
  background-color: rgba(34, 34, 34, 0.7);
}

/* Improve alert styling */
.alert {
  border: 1px solid;
}

/* Further compress label elements */
.label {
  padding-top: 0.05rem !important;
  padding-bottom: 0.05rem !important;
  min-height: auto !important;
}

/* Tighter spacing for help text */
.label-text-alt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  font-size: 0.65rem !important;
}

/* Make the textarea more compact */
.textarea {
  min-height: 2.5rem !important;
}

/* Reduce font-size for section titles */
.collapse-title .font-medium {
  font-size: 0.9rem !important;
}

/* Reduce space between form elements */
.space-y-4 {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}

/* Make textarea heights smaller */
textarea.h-20 {
  height: 3rem !important;
}

textarea.h-24 {
  height: 3.5rem !important;
}

/* Further reduce form padding */
.form-control label.py-1 {
  padding-top: 0.05rem !important;
  padding-bottom: 0.05rem !important;
}

/* Make collapse arrow smaller and more compact */
.collapse-arrow .collapse-title:after {
  top: 0.6rem !important;
  width: 0.8rem !important;
  height: 0.8rem !important;
}

/* Fixed height for collapse titles */
.collapse-title {
  height: 1.5rem !important;
}

/* Remove extra space between form elements */
.form-control + .form-control {
  margin-top: 0 !important;
}

/* Minimal vertical space for form control */
.collapse-content .form-control {
  margin-bottom: 0.05rem !important;
}

/* Fix border and gap between sections */
.border.rounded-md.mb-2 {
  margin-bottom: 0.1rem !important;
}

/* Tighten label text */
.label-text {
  line-height: 1 !important;
}

/* Global background colors - moved to site-base.css for consistency */

/* Card styling without shadows */
.card {
  border: 1px solid #e5e7eb;
  background-color: #FEFEFF;
}

.dark .card {
  border: 1px solid #374151;
  background-color: #2A2A2A !important;
}

/* Global background colors */
.bg-base-100 {
  background-color: #FEFEFF !important;
}

.dark .bg-base-100 {
  background-color: #222222 !important;
}

.bg-base-200 {
  background-color: #F1F5F9 !important;
}

.dark .bg-base-200 {
  background-color: #222222 !important;
}

/* Background color for body */
body {
  background-color: #FEFEFF;
}

.dark body {
  background-color: #222222;
}

/* Application sidebar specific overrides for dark mode */
.dark .menu,
.dark aside,
.dark nav.sidebar,
.dark .sidebar,
.dark div.w-64,
.dark [role="navigation"],
.dark .application-menu,
.dark .left-sidebar,
.dark .container .w-64,
.dark .section .container .w-64 {
  background-color: #222222 !important;
}

/* More specific selectors to target the application sidebar in dark mode */
.dark .container .w-64,
.dark .w-64 .menu,
.dark .w-64 ul.menu,
.dark section .w-64,
.dark .left-sidebar .menu,
.dark .left-sidebar ul.menu {
  background-color: #222222 !important;
}

/* More specific main content selectors for dark mode */
.dark div.bg-base-200.p-6.min-h-screen,
.dark .dashboard-content,
.dark div.container.mx-auto,
.dark div.min-h-screen,
.dark div.py-8,
.dark div.px-4,
.dark .application-content,
.dark .dashboard-wrapper,
.dark div[class*="Your Dashboard"] {
  background-color: #222222 !important;
}

/* Override for the root level bg-base-100 elements in dark mode */
.dark .bg-base-100:not(.card):not(.btn):not(.dropdown-content):not(.navbar):not(.menu) {
  background-color: #222222 !important;
}

/* Modal, dialog and dropdown backgrounds in dark mode */
.dark .modal, 
.dark .modal-box,
.dark .dialog, 
.dark .dialog-content,
.dark .dropdown-content,
.dark .select, 
.dark .select-content {
  background-color: #222222 !important;
}

/* Additional force override for card backgrounds in dark mode */
.dark .card,
.dark div.card,
.dark .opportunity-card,
.dark .card.bg-base-100,
.dark .card[class*="opportunity"],
.dark .card[class*="article"],
.dark [class*="card"],
.dark div[class*="card"] {
  background-color: #2A2A2A !important;
}

/* Override text colors in dark mode */
.dark .text-gray-500,
.dark p.text-gray-500,
.dark .opportunity-card p.text-xs.text-gray-500,
.dark .opportunity-card .text-gray-500,
.dark .category-name {
  color: #FFFFFF !important;
}

/* Opportunity card styles */
.opportunity-card .card-body {
  padding: 0.75rem !important;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 180px; /* Reduce height from 200px to 180px */
}

.opportunity-card .card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 1.5rem; /* Reduce from 2rem to 1.5rem */
}

/* Badge wrapper - align with other content */
.opportunity-card .badge-wrapper {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

/* Make description smaller */
.opportunity-card .card-content p.text-sm.mb-2 {
  margin-bottom: 0.5rem;
  max-height: 2rem; /* Reduce height to make cards smaller */
  line-height: 1.2; /* Tighter line height */
}

/* Add padding to the card container */
.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3.gap-4 {
  padding-left: 5px;
  padding-right: 5px;
}

/* Dark mode background fixes */
.dark body,
.dark .bg-base-100,
.dark .navbar,
.dark .py-8,
.dark div.py-8,
.dark .section,
.dark .app-card {
  background-color: #222222 !important;
}

/* More specific dark mode targeting */
html.dark, 
html.dark body,
.dark .section, 
.dark .app-card, 
.dark div[class*="py-8"],
.dark div.dashboard-content,
.dark div.min-h-screen {
  background-color: #222222 !important;
}

/* More specific main content selectors for dark mode */
.dark div.bg-base-200.p-6.min-h-screen,
.dark .dashboard-content,
.dark div.container.mx-auto,
.dark div.min-h-screen,
.dark div.py-8,
.dark div.px-4,
.dark .application-content,
.dark .dashboard-wrapper,
.dark div[class*="Your Dashboard"] {
  background-color: #222222 !important; /* Changed from #1A1A1A to #222222 */
}

/* Override for the root level bg-base-100 elements in dark mode */
.dark .bg-base-100:not(.card):not(.btn):not(.dropdown-content):not(.navbar):not(.menu) {
  background-color: #222222 !important;
}

/* Dark background-200 override */
.dark .bg-base-200 {
  background-color: #222222 !important; /* Changed from #1A1A1A to #222222 */
}