/* ============================================================
   PROPERTUDE HELP CENTRE - Custom Docs Stylesheet
   ------------------------------------------------------------
   Brand tokens used:
     Inter (font)
     Primary Cyan     #41B8BF
     Bright Blue      #1DAEFF
     Electric Blue    #0066FF
     Coral            #FF6F8C
     Charcoal         #1A1A1A
     Cool Gray        #F5F7FA
     Light Gray       #E8ECEF
   ------------------------------------------------------------
   Install: Manage > Docs > [site] > Custom Code > Upload
   stylesheet (or paste a hosted URL). Load Inter via the
   Headers box snippet (see the message that came with this file).
   ============================================================ */


/* ---- 1. TYPE: apply Inter, with safe system fallbacks -------- */
body,
#docsSearch h1,
#searchBar .search-query,
#searchBar button,
#fullArticle,
.category-list .category,
.twoCol .collection,
.threeCol .collection {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  color: #1A1A1A;                 /* Charcoal body text */
  -webkit-font-smoothing: antialiased;
}


/* ---- 2. HERO / SEARCH BANNER -------------------------------- */
#docsSearch {
  /* DEFAULT: soft brand wash - calm, but still unmistakably Propertude */
  background: linear-gradient(120deg, #E6F6F7 0%, #F4F7FA 55%, #FFECF0 100%);

  /* Alt 1 - bold brand gradient (the loud version):
     background: linear-gradient(120deg, #41B8BF 0%, #1DAEFF 50%, #FF6F8C 100%); */
  /* Alt 2 - flat cool gray:
     background: #F5F7FA; */

  border-bottom: none;
  padding: 64px 24px 72px;        /* generous, on the 8px scale */
}

#docsSearch h1 {
  color: #1A1A1A;                 /* Charcoal stays legible across the gradient */
  font-weight: 600;
  font-size: 34px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 28px;
}


/* ---- 3. SEARCH FIELD + BUTTON ------------------------------- */
#searchBar {
  background: transparent;        /* removes the white corners behind the button */
  box-shadow: none;
}

#searchBar .search-query {
  background: #FFFFFF;
  border: 1px solid #E8ECEF;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 6px 20px rgba(26, 26, 26, 0.08);
  color: #1A1A1A;
  height: 52px;
  padding: 0 18px;
  font-size: 16px;
}
#searchBar .search-query:focus {
  border-color: #41B8BF;
  box-shadow: 0 6px 20px rgba(65, 184, 191, 0.25);
  outline: none;
}

#searchBar button {
  background: #41B8BF;            /* Primary Cyan */
  border: none;
  border-radius: 0 10px 10px 0;
  color: #1A1A1A;                 /* Charcoal text: white on cyan fails contrast */
  font-weight: 600;
  height: 52px;
  padding: 0 26px;
  transition: background 0.15s ease;
}
#searchBar button:hover {
  background: #1DAEFF;            /* Bright Blue on hover */
  color: #1A1A1A;
}


/* ---- 4. CATEGORY / COLLECTION CARDS (homepage) -------------- */
.category-list .category,
.twoCol .collection,
.threeCol .collection {
  background: #FFFFFF;
  border: 1px solid #E8ECEF;
  border-radius: 12px;           /* brand card radius */
  box-shadow: 0 1px 3px rgba(26, 26, 26, 0.04);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.category-list .category:hover,
.twoCol .collection:hover,
.threeCol .collection:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.10);
  border-color: #41B8BF;
}


/* ---- 5. ARTICLE BODY ---------------------------------------- */
#fullArticle {
  color: #1A1A1A;
  font-size: 16px;
  line-height: 1.7;
}
#fullArticle h1,
#fullArticle h2,
#fullArticle h3 {
  color: #1A1A1A;
  font-weight: 600;
  letter-spacing: -0.01em;
}
#fullArticle a        { color: #0066FF; }   /* Electric Blue links */
#fullArticle a:hover  { color: #41B8BF; }   /* Cyan on hover */


/* ---- 6. HEADER POLISH (optional, disabled by default) -------
   The "Home" nav item can sit a little low next to the logo.
   This nudges vertical spacing. The header wrapper id can vary,
   so verify with your browser inspector before relying on it,
   then uncomment.
   ------------------------------------------------------------ */
/*
#fullHeader {
  padding-top: 18px;
  padding-bottom: 18px;
}
*/