@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* native */
:root {
  --primary: #fa4a6f;
  --primary-light: #ffedf1;
  /* --primary-dark: linear-gradient(180deg, #d54371 0%, #843577 100%); */
  --primary-dark: #8e2a40;

  --primary-600: #fa4a6f;
  --primary-500: #fa4a6f;

  /* --primary-font-family: 'Roboto', sans-serif; */
  /* --primary-font-family: 'Inter', sans-serif; */
  --primary-font-family: "Poppins", sans-serif;
  --primary-nav-height: 58px;
  --primary-nav-px-5p: 3%;

  /* --secondary: #f97316; */
  --secondary: #532b79;
  --secondary-light: #baaac9;
  --secondary-dark: #302d55;
  --secondary-darker: #211130;

  --mailbox-message-sender: #876ba1;
  --mailbox-message-receiver: #efefef;

  --registration_progress_bar_card_bg: #eeeaf2;
  --registration_progress_bar_card_bg_border: #532b79;
  /* #876BA1 */

  --spotlight-feature: #ffedf1;

  --text-color: #373d3f;
  --secondary-gray: #565656;
  /* MUI */
  --input-field-bg: #f7f7f7;

  --steel-grey: #d6d6d6;
  --steel-grey-light: #f7f7f7;
  --refer-text-color: #af344e;
  --golden-linear-gradient: linear-gradient(
    117.79deg,
    #88663f -51.45%,
    #977748 -45.9%,
    #bea45f -34.87%,
    #ebd779 -23.79%,
    #aa8749 26.27%,
    #b29251 40.86%,
    #c9ae65 66.3%,
    #ebda84 97.47%,
    #e1ce7d 100.62%,
    #c1a866 111.57%,
    #a78a55 122.47%,
    #957548 133.18%,
    #8b6841 143.61%,
    #87643e 153.46%
  );

  --card-bg-gradient: linear-gradient(-96.218deg, #fa4a6f 0%, #8e2a40 100%);
}
.login-page-primary-img-v2 {
  background-image: url("https://res.cloudinary.com/dsyifzpau/image/upload/s--J4HRwC1T--/v1739782926/website-images/xbarubudepyokgejye5d.png");
}

.theme_second_marriage {
  --primary: #de6214;

  --primary-light: #fdefd7;
  --primary-dark: #411709;

  --primary-600: #953d17;
  --primary-500: #bb4b13;

  --secondary: #411709;
  --secondary-light: #411709;
  --secondary-dark: #411709;
  --secondary-darker: #000;

  --mailbox-message-sender: #953d17;
  --mailbox-message-receiver: #fef8ee;

  --registration_progress_bar_card_bg: #eeeaf2;
  --registration_progress_bar_card_bg_border: #532b79;

  --spotlight-feature: #fbdaad;
  --card-bg-gradient: linear-gradient(-96.218deg, #f07e1f 0%, #bb4b13 100%);

  .login-page-primary-img-v2 {
    background-image: url("https://res.cloudinary.com/dsyifzpau/image/upload/s--6uiBrV0R--/v1739171015/website-images/btx2lapjyt60zbr7k2dy.png");
  }
}

body {
  color: var(--text-color);
  font-family: var(--primary-font-family);
}

input {
  caret-color: var(--secondary-light);
}

/* Layout */
.max-content-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

/* tailwind */
.photo-private-bg {
  background-color: rgba(33, 17, 48, 0.8);
}
/* .theme_second_marriage .photo-private-bg {
  background-color: rgba(149, 61, 23, 0.8);
} */
.input-field-bg {
  background: var(--input-field-bg);
}
.bg-card-gradient {
  background: var(--card-bg-gradient);
}
.min-h-dynamic {
  min-height: 100dvh;
}
.h-dynamic {
  height: 100dvh;
}
.bg-img-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-img-contain {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.bg-img-center {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: start;
}
.bg-steel-grey-light {
  background: var(--steel-grey-light);
}
.multiline-truncate-2 {
  display: -webkit-box; /* Create a flex-like container */
  -webkit-box-orient: vertical; /* Set the box orientation to vertical */
  overflow: hidden; /* Hide the overflow text */
  -webkit-line-clamp: 2; /* Limit to 3 lines (adjust as needed) */
  line-clamp: 2;
}

.hide-scroll {
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.hide-scroll::-webkit-scrollbar {
  display: none;
}
.child-border-b > * {
  border-bottom: 1px solid #ebebeb;
}
.child-border-b > :last-child {
  border-bottom: 0;
}

.bg-golden-linear-gradient {
  background: var(--golden-linear-gradient);
}

.pl-1116 {
  padding-left: 0.73rem;
}

.bg-feature-gradient {
  background: rgb(222, 97, 20);
  background: -moz-linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(250, 74, 111, 1) 100%);
  background: -webkit-linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(250, 74, 111, 1) 100%);
  background: linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(250, 74, 111, 1) 100%);
}

.theme_second_marriage .bg-feature-gradient {
  background: rgb(222, 97, 20);
  background: -moz-linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(255, 97, 0, 1) 100%);
  background: -webkit-linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(255, 97, 0, 1) 100%);
  background: linear-gradient(40deg, rgba(222, 97, 20, 0) 0%, rgba(255, 97, 0, 1) 100%);
}

/* nav */
.top-nav-bar {
  min-height: var(--primary-nav-height);
  z-index: 100;
}

.top-nav-bar-padding {
  padding-top: var(--primary-nav-height);
}

.nav-px-5p {
  padding-left: var(--primary-nav-px-5p);
  padding-right: var(--primary-nav-px-5p);
}

/* IMG */
.project-logo-img {
  background-image: url("/static/assets/secondsutra_logo.svg");
}

.project-logo-img-white {
  background-image: url("/static/assets/media/secondsutra_logo_white.png");
}

.zentramatch_footer-logo-img-white {
  background-image: url("/static/assets/media/zentramatch_logo_white.png");
}
.secondsutra_footer-logo-img-white {
  background-image: url("/static/assets/media/secondsutra_logo_white.png");
}

.login-page-primary-img {
  background-image: url("https://zentramatch.com/blog/wp-content/uploads/2024/11/Zentra_BG.png");
}

.upgrade-premium-phone-bg-img {
  background-image: url("https://zentramatch.com/blog/wp-content/uploads/2024/12/phone_call_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

/* Markdown fix */
.markdown-container ul li {
  list-style: disc !important;
  margin-left: 20px;
}
.markdown-container ol li {
  list-style: decimal !important;
  margin-left: 20px;
}
.slider-container .slick-track {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Meilisearch Pagination */
.ais-Pagination-item--selected a {
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
}

/* feature */
.custom-left {
  left: 10px;
}

/* Media */
@media only screen and (min-width: 1116px) {
  .pl-1116 {
    padding-left: calc((100vw - 1116px) / 2);
  }
}

@media only screen and (min-width: 1200px) {
  .nav-px-5p {
    padding-right: calc((100vw - 1116px) / 2);
    padding-left: calc((100vw - 1116px) / 2);
  }

  .custom-left {
    left: calc((100vw - 1116px) / 2);
  }
}

@media only screen and (max-width: 768px) {
  .top-nav-bar-padding.custom {
    padding-top: 0% !important;
  }
}

.footer-text {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #d6d6d6;
}

.MuiPickersLayout-actionBar :nth-child(1) {
  background-color: white;
  color: var(--text-color);
}

.ss-landing-page-nav-bar {
    color: white;
  }
  .ss-landing-page-nav-bar .register-button {
    color: black;
    background: white;
  }
  .ss-landing-page-nav-bar.user-scrolled .register-button {
    color: white;
    background: black;
  }
  
  .user-scrolled {
    background: white;
    color: black;
  }
  
  .ss_container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1116px;
    /* padding-left: 0.75rem;  */
    /* padding-right: 0.75rem;  */
    /* padding-left: 1.75rem;
    padding-right: 1.75rem; */
    /* border: 2px solid red;  */
  }
  
  .ss_title_and_description_alignment {
    justify-self: start;
  }
  
  .ss_title_size {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
  }
  
  .ss_description_size {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
  }
  .ss_hide_element {
    display: block;
  }
  
  @media (max-width: 1024px) {
    .ss_title_and_description_alignment {
      justify-self: center;
      text-align: center;
    }
  }
  
  @media (max-width: 768px) {
    .ss_title_and_description_alignment {
      justify-self: center;
      text-align: center;
    }
  
    .ss_title_size {
      font-size: 24px;
      line-height: 32px;
    }
    .ss_description_size {
      font-size: 16px;
      line-height: 24px;
    }
  
    .hide_element {
      display: none;
    }
    .ss_container {
      margin-left: auto;
      margin-right: auto;
      max-width: 1440px;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
  }
  
  .assistant_service_background_image {
    background-image: url('https://zentramatch.com/blog/wp-content/uploads/2025/01/image-1.png');
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
    width: 100%;
    /* min-width: 300px; */
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 1024px) {
    .assistant_service_background_image {
      background-image: url('https://zentramatch.com/blog/wp-content/uploads/2025/01/assisted_service.png');
      background-repeat: no-repeat;
      margin-left: 0;
      margin-right: 0;
    }
  }
  
  @media only screen and (min-width: 1200px) {
    .custom-slider-container-left {
      margin-left: calc((100vw - 1116px) / 2);
    }
    .custom-slider-container-right {
      margin-right: calc((100vw - 1116px) / 2);
    }
  }