/* css/support.css */
.knowledgebase-focus-section .knowledgebase-search-area { text-align: center; background-color: var(--card-bg-color); padding: calc(var(--spacing-unit) * 2); border-radius: var(--border-radius); box-shadow: var(--box-shadow); margin-bottom: calc(var(--spacing-unit) * 3); }
.knowledgebase-search-area h2 { font-size: 1.75rem; margin-bottom: calc(var(--spacing-unit) * 0.5); }
.knowledgebase-search-area p { color: var(--text-muted-color); margin-bottom: calc(var(--spacing-unit) * 1.5); font-size: var(--font-size-base); }
.knowledgebase-search-form { display: flex; max-width: 700px; margin: 0 auto; box-shadow: 0 2px 10px rgba(0,0,0,0.08); border-radius: var(--border-radius); }
.knowledgebase-search-form input[type="search"] { flex-grow: 1; padding: calc(var(--spacing-unit) * 0.9) calc(var(--spacing-unit) * 1.2); border: 1px solid var(--border-color); border-right: none; border-radius: var(--border-radius) 0 0 var(--border-radius); font-size: var(--font-size-base); }
.knowledgebase-search-form .btn-primary i { margin-right: calc(var(--spacing-unit) * 0.3); }
.knowledgebase-browse-area .section-title { margin-bottom: calc(var(--spacing-unit) * 1.5); }
.knowledgebase-browse-area .section-title h3 { font-size: 1.5rem; }
.kb-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: calc(var(--spacing-unit) * 1.25); }
.kb-category-card { background-color: var(--card-bg-color); padding: calc(var(--spacing-unit) * 1.25); border-radius: var(--border-radius); text-align: center; box-shadow: var(--box-shadow); transition: transform var(--transition-speed) ease-in-out, box-shadow var(--transition-speed) ease-in-out; text-decoration: none; color: var(--text-color); display: flex; flex-direction: column; align-items: center; }
.kb-category-card:hover { transform: translateY(-5px); box-shadow: var(--box-shadow-hover); color: var(--primary-color); }
.kb-category-icon { font-size: 1.8rem; color: var(--accent-color); margin-bottom: calc(var(--spacing-unit) * 0.75); display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: rgba(23,162,184,0.1); border-radius: 50%; }
.kb-category-card h4 { font-size: 1.1rem; margin-bottom: calc(var(--spacing-unit) * 0.3); } .kb-category-card:hover h4 { color: var(--primary-color); }
.kb-category-card p { font-size: var(--font-size-sm); color: var(--text-muted-color); flex-grow: 1; line-height: 1.4; }
.contact-support-section .cta-subtitle { font-size: var(--font-size-lg); margin-bottom: calc(var(--spacing-unit) * 1.5); opacity: 0.9; color: var(--text-muted-color); }
.btn-open-ticket { margin-bottom: calc(var(--spacing-unit) * 2.5); } .btn-open-ticket i { margin-right: calc(var(--spacing-unit) * 0.5); }
.other-contact-options { margin-top: calc(var(--spacing-unit) * 2); border-top: 1px solid var(--border-color); padding-top: calc(var(--spacing-unit) * 2); }
.other-contact-options h4 { font-size: 1.1rem; color: var(--text-muted-color); font-weight: 500; margin-bottom: var(--spacing-unit); }
.other-contact-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--spacing-unit); }
.other-contact-list li a { display: inline-block; padding: calc(var(--spacing-unit)*0.5) var(--spacing-unit); color: var(--text-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); text-decoration: none; font-size: var(--font-size-sm); transition: all var(--transition-speed) ease; }
.other-contact-list li a:hover { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); }
.other-contact-list li a i { margin-right: calc(var(--spacing-unit) * 0.4); color: var(--primary-color); } .other-contact-list li a:hover i { color: #fff; }
.other-contact-list li a span { font-size: 0.8em; color: var(--text-muted-color); margin-left: calc(var(--spacing-unit) * 0.3); } .other-contact-list li a:hover span { color: rgba(255,255,255,0.8); }
.support-content-section { padding: calc(var(--spacing-unit) * 2.5) 0; }
.support-content-section.bg-light { padding-top: calc(var(--spacing-unit) * 2.5); padding-bottom: calc(var(--spacing-unit) * 2.5); margin-left: calc(var(--spacing-unit) * -1); margin-right: calc(var(--spacing-unit) * -1); padding-left: var(--spacing-unit); padding-right: var(--spacing-unit); border-radius: var(--border-radius); }
@media (max-width: 768px) { .knowledgebase-search-form { flex-direction: column; gap: var(--spacing-unit); } .knowledgebase-search-form input[type="search"], .knowledgebase-search-form .btn-primary { border-radius: var(--border-radius); border-right: 1px solid var(--border-color); } .knowledgebase-search-form .btn-primary { width: 100%; } .kb-category-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .other-contact-list { flex-direction: column; align-items: center; } .other-contact-list li a { width: 100%; max-width: 300px; text-align: center; } }