/* -------------------------------
   Paragraph Spacing
   ------------------------------- */
/* Adds space above every paragraph.
   If needed, adjust the margin-top value. */
p {
   margin-top: 1rem;
}

.cookie-consent {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(255, 255, 255, 0.95);
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   z-index: 9999;
   padding: 1rem;
}

.cookie-content {
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 1rem;
}

.cookie-text {
   flex: 1;
   min-width: 200px;
}

.cookie-text p {
   margin: 0;
   font-size: 0.9rem;
   color: #666;
}

.cookie-buttons {
   display: flex;
   gap: 1rem;
   align-items: center;
}

@media (max-width: 768px) {
   .cookie-content {
      flex-direction: column;
      text-align: center;
   }

   .cookie-buttons {
      width: 100%;
      justify-content: center;
   }
}

/* Base button styles */
.cookie-buttons .btn {
   height: 38px;
   /* Smaller standard button height */
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0.375rem 1rem;
   font-size: 0.875rem;
   border-radius: 4px;
   transition: all 0.2s ease;
}

/* Link button style */
.cookie-buttons .btn-link {
   color: #666;
   background-color: transparent;
   border: 1px solid #ddd;
   text-decoration: none;
}

.cookie-buttons .btn-link:hover {
   background-color: #f8f9fa;
   border-color: #666;
   color: #333;
}

/* Primary button style for cookie banner */
.cookie-buttons .btn-primary {
   background-color: #C15B5B;
   border: none;
   font-weight: 500;
}

.cookie-buttons .btn-primary:hover {
   background-color: #a74a4a;
   /* Slightly darker shade for hover state */
   border-color: #a74a4a;
}

.cookie-buttons .btn-primary:focus,
.cookie-buttons .btn-primary:active {
   background-color: #9e4343;
   /* Even darker for active/focus state */
   border-color: #9e4343;
   box-shadow: 0 0 0 0.2rem rgba(193, 91, 91, 0.25);
   /* Custom focus shadow */
}

/* Button container spacing */
.cookie-buttons {
   display: flex;
   gap: 0.75rem;
   /* Slightly reduced gap between buttons */
   align-items: center;
}

/* Optional: Make buttons equal width */
.cookie-buttons .btn {
   min-width: 140px;
   /* Adjust this value based on your needs */
}

/* Responsive adjustments */
@media (max-width: 768px) {
   .cookie-buttons {
      flex-direction: row;
      justify-content: center;
      width: 100%;
   }

   .cookie-buttons .btn {
      flex: 1;
      max-width: 200px;
      /* Prevent buttons from getting too wide */
   }
}

/* Custom list styling */
ul.adam-list {
   padding-left: 20px;
   list-style: none;
}

ul.adam-list li {
   position: relative;
   padding-left: 22px;
}

ul.adam-list li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   /* Vertically centers the bullet with text */
   width: 8px;
   height: 8px;
   background-color: #C15B5B;
   /* Your app's red color */
   border-radius: 50%;
}

/* Nested lists */
ul.adam-list ul {
   margin-top: 0.8rem;
   margin-bottom: 0;
   padding-left: 15px;
}

ul.adam-list ul li:before {
   width: 6px;
   height: 6px;
   background-color: #d48686;
   /* Lighter red for nested items */
}

.adam-content {
   margin-top: 3rem;
   /* More space above content */
   margin-bottom: 3rem;
   /* More space below content */
   padding-bottom: 2rem;
}

/* Add some space after headings within adam-content */
.adam-content h2,
.adam-content h3,
.adam-content h4,
.adam-content h5,
.adam-content h6 {
   margin-top: 2rem;
}

/* Add space between sections within adam-content */
.adam-content .adam-section {
   margin-bottom: 2.5rem;
}

/* Add space between sections */
.adam-section {
   margin-top: 3rem;
   /* More space above sections */
   margin-bottom: 3rem;
   /* More space below sections */
   padding-bottom: 2rem;
}

/* Last section shouldn't have a border */
.adam-section:last-child {
   border-bottom: none;
}

/* Custom class for Adam-styled links */
.adam-link {
   color: #C15B5B;
   text-decoration: none;
   transition: color 0.2s ease-in-out;
}

.adam-link:hover {
   color: #a74a4a;
   /* Slightly darker red on hover */
   text-decoration: underline;
}

.adam-link:focus {
   color: #9e4343;
   /* Even darker for focus state */
   outline: none;
   text-decoration: underline;
}

/* You can also override all links within specific containers */
.adam-content a {
   color: #C15B5B;
   text-decoration: none;
   transition: color 0.2s ease-in-out;
}

.adam-content a:hover {
   color: #a74a4a;
   text-decoration: underline;
}

.adam-content a:focus {
   color: #9e4343;
   outline: none;
   text-decoration: underline;
}

/* Custom CSS for feature list styling */
.feature-list {
   padding-left: 1.5rem;
   margin-top: 1rem;
   list-style-type: disc;
}

.feature-list li {
   margin-bottom: 0.75rem;
   font-size: 0.95rem;
   line-height: 1.5;
   color: #555;
}

.feature-list li:last-child {
   margin-bottom: 0;
}

/* Additional styling for single-feature to accommodate lists */
.single-feature {
   padding: 30px;
   height: 100%;
}

.single-feature h3 {
   margin-bottom: 1.25rem;
}

.mobile-login {
   display: inline-block;
   padding: 10px 15px;
   margin: 5px 0;
   background-color: #cd445a;
   color: white !important;
   border-radius: 5px;
   font-weight: 500;
   transition: all 0.3s ease;
}

.mobile-login:hover {
   background-color: #cd445a;
}