/* Cookie Consent Banner Styling */
#cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s ease-in-out;
    transform: translateY(100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem; /* Adjust gap for spacing */
    z-index: 500;
    background-color: rgba(207, 167, 108, 0.832);
    color: white;
}

@media (min-width: 768px) {
    #cookie-consent-banner {
        flex-direction: row;
        gap: 1.5rem;
    }
}

.cookie-text {
    font-size: 0.975rem; /* text-sm */
    text-align: center;
}
@media (min-width: 768px) {
    .cookie-text {
        text-align: left;
    }
}
.cookie-link {
    color: #93c5fd; /* A light blue color */
    text-decoration: none;
}
.cookie-link:hover {
    text-decoration: underline;
}
.cookie-button-container {
    display: flex;
}
.cookie-button {
    padding: 0.5rem 1.5rem;
    border-radius: 9999px; /* rounded-full */
    background-color: #78350f; /* A dark brown/yellow color */
    color: white;
    font-weight: bold;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    white-space: nowrap;
}
.cookie-button:hover {
    background-color: #92400e; /* A slightly lighter shade on hover */
}

/* JavaScript tarafından kullanılan sınıflar */
#cookie-consent-banner.show {
  transform: translateY(0);
}