/* Custom Pink Theme */

/* Base colors */
:root {
  --pink-primary: #ff80ab;    /* Light pink */
  --pink-secondary: #f48fb1;  /* Lighter pink */
  --pink-accent: #f06292;     /* Medium pink */
  --pink-dark: #ad1457;       /* Dark pink */
  --pink-light: #fce4ec;      /* Very light pink */
  --pink-gradient: linear-gradient(135deg, #ff80ab 0%, #f8bbd0 100%);
}

/* Update the offer sections */
.w3-light-grey {
  background-color: var(--pink-light) !important;
  color: var(--pink-dark) !important;
}

.w3-grey {
  background-color: var(--pink-secondary) !important;
  color: white !important;
}

.w3-dark-grey {
  background-color: var(--pink-accent) !important;
  color: white !important;
}

.w3-black {
  background-color: var(--pink-dark) !important;
  color: white !important;
}

/* Update buttons and interactive elements */
.w3-button:hover {
  background-color: var(--pink-accent) !important;
  color: white !important;
}

.w3-border-dark-grey {
  border-color: var(--pink-accent) !important;
}

/* Update pricing cards */
.w3-ul.w3-hover-shadow li:hover {
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  background-color: var(--pink-light) !important;
}

/* Update carousel */
.carousel-cell.is-selected {
  background: none;
}

.flickity-button {
  color: var(--pink-accent) !important;
}

.flickity-button:hover {
  background: var(--pink-light) !important;
}

/* Update footer */
footer {
  background-color: var(--pink-dark) !important;
  color: white !important;
}

/* Update links */
a {
  color: var(--pink-dark);
  text-decoration: none;
}

a:hover {
  color: var(--pink-accent);
}

/* Update form elements */
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  border-bottom: 1px solid var(--pink-secondary) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-bottom: 2px solid var(--pink-accent) !important;
}

/* About section */
#about {
  max-width: 50%;
  margin: 0 auto;
}

#about .w3-card-4 {
  width: 100%;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--pink-light);
}

::-webkit-scrollbar-thumb {
  background: var(--pink-accent);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--pink-dark);
}

/* End extract */
html,body {
    font-family: Verdana,sans-serif;
    font-size: 25px;
    line-height: 1.5
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1em;
}