/* Custom HelpScout Stylesheet - Based on HR Partner Design */
/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,400i,500,700');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Global Styles */
body {
    background: #fbfbfc;
    font-family: "Inter", "Open Sans", sans-serif;
    color: #fff;
}


/* Home Page Title */
#docsSearch h1 {
    font-size: 32px;
    
    text-align: center;
    margin-top: .2em;
    font-family: "Inter", "Open Sans", sans-serif;
    color: #191919;
    padding: 10px;
}

/* Search Bar Background */
#docsSearch {
    background: #ffffff;
    border-top: 1px solid #dadada;
    margin-bottom: 3em;
    padding: 1.5em 0;
}

/* Search Input */
input.search-query {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 0;
    border-radius: 15px;
    font-family: "Inter", "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #191919;
}

/* Search Button */
#searchBar button {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #1b36ff;
    border-radius: 0 5px 5px 0;
    border: 1px solid #1b36ff;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
}

#searchBar button:hover {
    background: #62e3e3;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    border: 1px solid #62e3e3;
}

/* Category List Layout */
.category-list {
    margin: 0 0 4em;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Individual Category Styles */
.category-list .category {
    background-color: #fff;
    background-position: top 20px center !important;
    background-repeat: no-repeat !important;
    background-size: 100px auto !important;
    box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    min-height: 183px;
    padding: 120px 20px 15px;
    position: relative;
    width: 32.5%;
    max-width: 300px;
    min-width: 250px;
    transition: all 0.2s;
    border-radius: 9px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-list .category:hover {
    text-decoration: none;
    transform: translateY(-2px);
}

/* Category Title */
.category-list h3 {
    color: #191919;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
    font-family: "Inter", "Open Sans", sans-serif;
    text-align: center;
    margin-bottom: 10px;
}

/* Category Description */
.category-list .category p {
    color: #5c5c5c;
    font-weight: 400;
    font-family: "Inter", "Open Sans", sans-serif;
    
    font-size: 15px;
    letter-spacing: 0.25px;
    text-align: center;
    flex-grow: 1;
}

/* Article Count */
.category-list .category .article-count {
    font-weight: 400;
    letter-spacing: .25px;
    color: #1b36ff;
    margin-top: 24px;
    text-transform: capitalize;
    text-decoration: none;
    font-family: "Inter", "Open Sans", sans-serif;
}

.category-list .category:hover .article-count {
    color: #1b36ff;
    border-bottom-color: #1b36ff;
}

/* Collection Category Headers */
.collection-category h2 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%;
    font-family: "Inter", "Open Sans", sans-serif;
    color: #191919;
    font-size: 22px;
    letter-spacing: 1px;
}

.collection-category h2 a {
    color: #191919;
}

/* Responsive Design */
@media screen and (max-width: 1105px) {
    .category-list .category {
        width: 48.2%;
        max-width: none;
    }
}

@media screen and (max-width: 760px) {
    .category-list .category {
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 120px 20px 15px;
        width: 100%;
        max-width: none;
    }
    
    .category-list {
        flex-direction: column;
        align-items: center;
    }
}

/* General Typography */
input, button, select, textarea {
    font-family: "Inter", "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Button Styles */
.btn {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #62e3e3;
    border-radius: 5px;
    border: 1px solid #62e3e3;
    font-size: 14px;
    padding: .5em;
    font-family: "Inter", "Open Sans", sans-serif;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #fff;
    text-shadow: 0 0px 0px rgba(255,255,255,.0);
    background: #1b36ff;
    border: 1px solid #1b36ff;
}

/* Links */
#serp-dd .result a, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a span {
    font-weight: 500;
    letter-spacing: .25px;
    color: #1b36ff;
    text-transform: capitalize;
    text-decoration: none;
    font-family: "Inter", "Open Sans", sans-serif;
}

#serp-dd .result a:hover, #serp-dd .result>li.active:hover, #full-Article strong a:hover, .collection a:hover, .contentWrapper a:hover, .most-pop-articles .popArticles a:hover, .most-pop-articles .popArticles a:hover span {
    color: #1b36ff;
}

/* Category Images - Add your own category IDs and image URLs */
/* Example: Replace 'XXX' with your actual category IDs */
/*
#category-XXX {
    background-image: url('https://your-server.com/path/to/icon1.png');
}

#category-YYY {
    background-image: url('https://your-server.com/path/to/icon2.png');
}
*/

/* Additional hover effects */
.category-list .category {
    transition: all 0.3s ease;
}

.category-list .category:hover {
    text-decoration: none;
    background: #ffffff;
    transform: translateY(-2px);
}

/* Ensure equal height for all categories */
.category-list {
    align-items: stretch;
}

.category-list .category {
    height: auto;
    min-height: 250px;
}


/* --- Article count fixed to bottom --- */

.category-list .category {
    position: relative;
}

.category-list .category .article-count {
    bottom: 10px;
    top: 10px;
    margin-top: auto;
    left: 0;
    right: 0;
    text-align: center;
}

#category-17 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f26d330c625cf4245087_3D%20Product%20Model%20%26%20AR%20Viewer.svg');
}
#category-6 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a9937f918350f412c7_category-6.svg');
}
#category-30 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a92a8f03f3ff23275e_category-30.svg');
}
#category-36 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a96beda1f23ab7ede8_category-36.svg');
}
#category-47 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a92d30f5dd5dd12889_category-47.svg');
}
#category-48 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a9de7c634a3f9510b1_category-48.svg');
}
#category-49 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a918a6b83a0958ef36_category-49.svg');
}
#category-52 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a992dbdf7b123a0a4d_category-52.svg');
}
#category-53 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0a974abbf1e5f975d8f_category-53.svg');
}
#category-54 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0b2342fb180b3b22d6c_category-54.svg');
}
#category-55 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0c4755f0f716a25e24c_category-55.svg');
}
#category-64 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0ab1e1a370b8ca88f0e_category-64.svg');
}
#category-103 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/6880f0ab74ec34cc21fa7120_category-103.svg');
}
#category-56 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/688cc08dae06365892de7774_category-56.svg');
}
#category-58 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/688cc08dc3acbeb70bc063c9_category-58.svg');
}
#category-59 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/688cc08d0fcbb0efc20bf0f3_category-59.svg');
}
#category-61 {
    background-image: url('https://cdn.prod.website-files.com/62ea951b1d124a3206619b57/688cc08de3666480084c0613_category-61.svg');
}