/* Global Styles */
body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  background-color: #000000;
  color: #333;
}

a {
  text-decoration: none;
  color: #007bff;
}

/* Header Menu Flexbox */
.header-menu {
  display: flex;
  flex-wrap: wrap;       /* allows items to wrap to next line on small screens */
  justify-content: center; /* distribute items evenly */
  align-items: center;
  gap: 20px 20px;             /* space between items */
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
  width: 100%;           /* full width, will shrink dynamically */
}

/* Menu links */
.header-menu li a {
  flex: 1 1 auto;          /* allow links to grow/shrink based on available space */
  text-align: center;       /* center text inside each item */
  padding: 10px 15px;
  border-radius: 10px;
  border: 2px solid #ffffff8d;
  color: #fff;
  text-decoration: none;
}

/* On hover */
.header-menu li a:hover {
  color: #ffffff97;
  text-decoration: none;
}

/* Logo + header adjustments for flex */
header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem 1rem;
  text-align: center;
}

/* Responsive adjustments */
@media(max-width: 768px) {
  .header-menu li a {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}

header img#header-logo {
  max-width: 10%; /* adjust for your image size */
  width: 80%;        /* scales responsively on smaller screens */
  height: auto;
}

/* Mobile tweak */
@media(max-width: 600px) {
  header img#header-logo {
    max-width: 40%; /* slightly smaller for narrow screens */
  }
}

header h1 {
  margin: 0 0 0.5rem;
  font-size: 2.5rem;
}

header p {
  margin: 0;
  font-size: 1.2rem;
  max-width: 600px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Flex container for sections */
.container {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
  gap: 2.5rem;
}

/* All sections */
/* section {
  border: 2px solid #fff;
  border-radius: 20px;
} */

section h2 {
  color: #e2a9f1;
  font-family: archivo;
  font-weight: 900;
  font-size: xx-large;
}

.communities h2 {
  text-align: center;
}

section p {
  color:#fff;
  font-family: lexend;
  font-weight:400;
  font-size:x-large;
  text-align: justify;
  /* color: #e2a9f1; */
}

/* Mobile tweak */
@media(max-width: 600px) {
  section p {
    text-align: left; 
  }
}

/* Welcome Section */
.welcome, .guidance {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  border-color: #eee;
}

.welcome h2 {
  font-size:xx-large;
}

/* Booking form section */
.booking {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.booking h2 {
  text-align: center;
}

.booking form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.booking input,
.booking textarea {
  padding: 0.75rem;
  font-size: 1rem;
  /* border: 4px solid #fff; */
  background-color: #8e8e8e73;
  border-radius: 4px;
  width: 100%;
  align-self: center;
  color: #cb6ce6;
}

.booking input::placeholder,
.booking textarea::placeholder {
  color: #e2a9f1;
}

.booking button {
  padding: 0.75rem;
  font-size: 1rem;
  border: none;
  background-color: #e2a9f1;
  color: #000000;
  border-radius: 4px;
  cursor: pointer;
  width: 50%;
  align-self: center;
}

.booking button:hover {
  background-color: #cb6ce6;
}

/* Footer */
footer {
  background-color: #000000; /* Change this to any color you want */
  color: #ffffff;
  padding: 3rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem; /* space between logo and subtitle */
}

/* Footer Legal Menu Flexbox */
.legal-menu {
  display: flex;
  flex-wrap: wrap;          /* allow items to wrap on small screens */
  justify-content: center;  /* center the items horizontally */
  align-items: center;
  gap: 20px 10px;           /* horizontal and vertical spacing */
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
  width: 100%;              /* allows menu to fill width and wrap nicely */
}

.legal-menu li a {
  flex: 1 1 auto;           /* allow items to shrink/grow */
  text-align: center;       /* center text inside each bubble */
  padding: 10px 15px;       /* adjust padding if needed */
  border-radius: 10px;
  border: 2px solid #ffffff8d;
  color: #fff;
  text-decoration: none;
}

/* Hover effect */
.legal-menu li a:hover {
  color: #ffffff97;
  text-decoration: none;
}

/* Responsive tweaks for small screens */
@media(max-width: 768px) {
  .legal-menu li a {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}

/* Responsive */
@media(max-width: 600px) {
  header h1 {
    font-size: 2rem;
  }

  header p {
    font-size: 1rem;
  }
}

/* Host / Social Section */
.host {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.host h2 {
  text-align: right;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

/* Mobile tweak */
@media(max-width: 600px) {
  .host h2 {
    text-align: left; 
  }
}

.host-content {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.host-image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 20%;

}

.host-info {
  flex: 1;
  min-width: 250px;
}

.host-info p {
  margin-bottom: 1rem;
  line-height: 1.5;
}

.social-links a {
  display: inline-block;
  margin-right: 1rem;
  color: #cb6ce6;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #cb6ce6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin:8px;
}

.social-links a:hover {
  color: #0056b3;
}

/* Responsive adjustments */
@media(max-width: 600px) {
  .host-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .host-image img {
    width: 150px;
    height: 150px;
  }

  .social-links a {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

/* Communities Section */
.communities {
  /* background: #ffffffec; */
  border: 5px solid #ffffff4b;
  border-radius: 1.5%;
  padding: 2rem;
  /* border-radius: 8px; */
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  text-align:justify;
}

/* Mobile tweak */
@media(max-width: 600px) {
  .communities {
    text-align: left; 
  }
}

.communities#schedule-page {
  /* background: #ffffffec; */
  border: none;
}

.BuyMeACoffee {
  text-align: center;
}

.BuyMeACoffee img {
  width: 50%;
  height: auto;
}

.communities p {
  color: #fff;
}

.community-links {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

.community-links a img {
  width: 120px;
  height: 60px;
  object-fit: contain;
  transition: transform 0.2s;
  background-color: #fff;
  padding-right:50px;
  padding-left:50px;
  border-radius: 30px;
}

/* Communities Section */
.publishLocation {
  /* background: #ffffffec; */
  border: 5px solid #ffffff4b;
  border-radius: 1.5%;
  padding: 2rem;
  /* border-radius: 8px; */
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  text-align:justify;
}

/* Mobile tweak */
@media(max-width: 600px) {
  .publishLocation {
    text-align: left; 
  }
}

.publishLocation#watch-listen {
  /* background: #ffffffec; */
  border: none;
  padding: 2rem;
  /* border-radius: 8px; */
}

.publishLocation h2 {
  text-align: center;
}

.publishLocation p {
  color: #fff;
}

.publishLocation-links {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

.publishLocation-links a img {
  width: 120px;
  height: 60px;
  object-fit: contain;
  transition: transform 0.2s;
  background-color: #fff;
  padding-right:50px;
  padding-left:50px;
  border-radius: 30px;
}

.publishLocation-links a img:hover {
  transform: scale(1.1);
}

/* Responsive adjustments */
@media(max-width: 600px) {
  .community-links a img {
    width: 90px;
    height: 90px;
  }
}

/* Responsive adjustments */
@media(max-width: 600px) {
  .publishLocation-links a img {
    width: 90px;
    height: 90px;
  }
}









/* PRIVACY POLICY CSS */

/* ROOT WRAPPER */
.p5pp-privacy-root {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
  background: #f4f6f9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* MAIN CARD */
.p5pp-wrapper {
  max-width: 820px;
  width: 100%;
  background: #ffffff;
  padding: 50px;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
  color: #1a1a1a;
}

/* TITLE */
.p5pp-title {
  font-size: 2.4rem;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

/* EFFECTIVE DATE */
.p5pp-effective-date {
  margin-bottom: 30px;
  color: #6b7280;
  font-size: 0.95rem;
}

/* SECTION HEADINGS */
.p5pp-heading {
  margin-top: 35px;
  margin-bottom: 12px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #111827;
}

.p5pp-subheading {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #374151;
}

/* PARAGRAPHS */
.p5pp-paragraph {
  margin-bottom: 14px;
  line-height: 1.7;
  font-size: 1rem;
}

/* LISTS */
.p5pp-list {
  margin: 10px 0 20px 20px;
  padding: 0;
}

.p5pp-list li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* LINKS */
.p5pp-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.p5pp-link:hover {
  text-decoration: underline;
}

/* FOOTER */
.p5pp-footer {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.9rem;
  color: #6b7280;
}






/* ============================= */
/* TERMS & CONDITIONS PAGE      */
/* ============================= */

.p5pp-terms-root {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
  background: #f4f6f9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.p5pp-terms-wrapper {
  max-width: 820px;
  width: 100%;
  background: #ffffff;
  padding: 50px;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
  color: #1a1a1a;
}

.p5pp-terms-title {
  font-size: 2.4rem;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.p5pp-terms-effective-date {
  margin-bottom: 30px;
  color: #6b7280;
  font-size: 0.95rem;
}

.p5pp-terms-heading {
  margin-top: 35px;
  margin-bottom: 12px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #111827;
}

.p5pp-terms-paragraph {
  margin-bottom: 14px;
  line-height: 1.7;
  font-size: 1rem;
}

.p5pp-terms-footer {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.9rem;
  color: #6b7280;
}

/* Mobile Optimization */
@media(max-width: 600px) {
  .p5pp-terms-wrapper {
    padding: 30px 20px;
  }

  .p5pp-terms-title {
    font-size: 1.8rem;
  }

  .p5pp-terms-heading {
    font-size: 1.2rem;
  }
}