<?php
/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_Faqs
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

use Mageplaza\Faqs\Block\Design;
use Mageplaza\Faqs\Model\Config\Source\System\QuestionStyle;

/** @var Design $block */
$faqColor = $block->helperData->getConfigGeneral('faq_color');
?>
<style type="text/css">
    /** article page css */
    .mpfaqs-list__block__category hr {
        border-top: solid 2px <?= $block->escapeHtml($faqColor) ?>;
        margin: 10px 0 0 0;
    }

    .mpfaqs-list__block__category .header-description.grey-text span {
        padding-right: 15px;
    }

    .mpfaqs-list__block__category a {
        color: inherit !important;
    }

    .mpfaqs-list__block__category a:hover {
        color: <?= $block->escapeHtml($faqColor) ?> !important;
    }

    .view-all-faq a {
        cursor: pointer;
        color: inherit;
    }

    .view-all-faq a:hover {
        color: <?= $block->escapeHtml($faqColor) ?>;
    }

    .mpfaqs-list__block__question .collapsible-header {
        padding: 0;
        background: transparent;
        border: none;
        cursor: <?= /* @noEscape */ ((int) $block->helperData->getFaqsPageConfig('question_style') === QuestionStyle::COLLAPSIBLE) ? 'pointer' : 'unset' ?>;
    }

    .mpfaqs-list__block__question .collapsible-header a:hover {
        color: <?= $block->escapeHtml($faqColor) ?>;
    }

    .mpfaqs-list__block__question .active i {
        color: <?= $block->escapeHtml($faqColor) ?>;
    }

    .mpfaqs-list__block__question .collapsible-body a {
        color: <?= $block->escapeHtml($faqColor) ?>;
    }

    /** helpful css */
    #rating-actions .active {
        background-color: <?= $block->escapeHtml($faqColor) ?>;
        color: white;
    }

    /** search css */
    .mpfaqs-search .card-panel {
        background: <?= $block->escapeHtml($faqColor) ?>;
    }

    /** form css */
    .mpfaqs-form-fieldset input:focus, .valid, .mpfaqs-form-fieldset textarea:focus {
        box-shadow: 0 1px 0 0 <?= $block->escapeHtml($faqColor) ?> !important;
        border-bottom: 1px solid <?= $block->escapeHtml($faqColor) ?> !important;
    }

    .mpfaqs-form-fieldset .active {
        color: <?= $block->escapeHtml($faqColor) ?> !important;
    }

    .mpfaqs-form-fieldset input[type=checkbox]:checked + span::before {
        border-right: 2px solid <?= $block->escapeHtml($faqColor) ?> !important;
        border-bottom: 2px solid <?= $block->escapeHtml($faqColor) ?> !important;
    }

    .mpfaqs-form-fieldset__submit-form {
        background-color: <?= $block->escapeHtml($faqColor) ?> !important;
    }

    #term-popup a {
        background-color: <?= $block->escapeHtml($faqColor) ?>;
    }

    /** product tab css */
    .mpfaqs-tab-list__title hr {
        border-top: solid 2px<?= $block->escapeHtml($faqColor) ?>;
        width: 120px;
        margin: 10px 0 0 0;
    }

    .mpfaqs-tab-list__block__question .collapsible-header {
        padding: 0 !important;
        background: transparent;
        border: none;
        cursor: <?= /* @noEscape */ ((int) $block->helperData->getProductTabConfig('question_style') === QuestionStyle::COLLAPSIBLE) ? 'pointer': 'unset' ?>;
    }

    .mpfaqs-tab-list__block__question .collapsible-header a:hover {
        color: <?= $block->escapeHtml($faqColor) ?>;
    }

    .mpfaqs-tab-list__block__question .active i {
        color: <?= $block->escapeHtml($faqColor) ?> !important;
    }

    #mpfaqs-add-question {
        background-color: <?= $block->escapeHtml($faqColor) ?>;
    }

    .view-tab-all-faq a:hover {
        color: <?= $block->escapeHtml($faqColor) ?> !important;
    }
</style>
