/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================================
   Spectra (UAGB) FAQ 區塊企業級美化 CSS - 科技藍配色版
   ========================================================================== */

/* 1. 手風琴大外框：設定滿版上下黑粗線，還原簡約設計 */
.wp-block-uagb-faq.uagb-faq__outer-wrap {
    border-top: 2px solid #0f172a !important; /* 頂部深色粗線 */
    border-bottom: 2px solid #0f172a !important; /* 底部深色粗線 */
    background: transparent;
    padding: 0 !important;
}

/* 2. 每個折疊項目的外框與間距 */
.uagb-faq-child__outer-wrap {
    border-bottom: 1px solid #e2e8f0 !important; /* 項目之間的輕微分割線 */
    margin-bottom: 0 !important;
}

/* 3. 標題列：改為你調色盤中的「極淺藍灰色」作為背景 */
.uagb-faq-questions-button.uagb-faq-questions {
    background-color: #f0f7ff !important; /* 淺藍灰背景 */
    padding: 18px 24px !important; /* 撐開上下內距，更有空間感 */
    transition: background-color 0.3s ease; /* 懸停動畫 */
}

/* 標題列滑鼠懸停效果 */
.uagb-faq-questions-button.uagb-faq-questions:hover {
    background-color: #e0f2fe !important; /* 懸停時顏色微深 */
}

/* 4. 標題文字：設定為深色、加粗 */
.uagb-question {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #0f172a !important; /* 深藍黑字體 */
    letter-spacing: 0.5px;
}

/* 5. 右側 + / - 開關圖標顏色（SVG 填色） */
.uagb-faq-icon-wrap svg {
    width: 14px !important;
    height: 14px !important;
    fill: #0f172a !important; /* 變成深藍黑色，與文字統一 */
}

/* 6. 展開後的內容區塊 */
.uagb-faq-content {
    background-color: #ffffff !important;
    padding: 24px 30px !important;
    border-top: 1px solid #f1f5f9;
}

/* 7. 檔案下載連結「按鈕化」：打造高質感下載條 */
.uagb-faq-content p a {
    display: flex !important;
    align-items: center;
    color: #334155 !important; /* 內文深灰字 */
    text-decoration: none !important; /* 拿掉死板的底線 */
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    background-color: #f8fafc !important; /* 淡淡的冷灰底色 */
    border: 1px solid #e2e8f0 !important; /* 淺灰細邊框 */
    border-radius: 6px !important; /* 現代感小圓角 */
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* 檔案下載條滑鼠懸停特效：注入你的品牌「科技藍」 */
.uagb-faq-content p a:hover {
    background-color: #eff6ff !important; /* 懸停變更淡藍 */
    border-color: #bfdbfe !important; /* 邊框變藍 */
    color: #2563eb !important; /* 文字變成品牌科技藍 */
    transform: translateX(4px); /* 整個按鈕往右微動 4px，視覺回饋極佳 */
}

/* 8. 自動在下載連結前加上 📄 圖示，免去手動插圖的麻煩 */
.uagb-faq-content p a::before {
    content: "" !important; /* 清空原本的 Emoji */
    display: inline-block;
    width: 20px; /* 控制圖標寬度 */
    height: 20px; /* 控制圖標高度 */
    margin-right: 12px; /* 圖標與文字的間距 */
    
    /* 帶入科技藍的高清 PDF 向量圖，永遠不模糊 */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%232563eb'><path d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 464H48V48h160v104c0 13.3 10.7 24 24 24h104v288zm-216-96c0-8.8 7.2-16 16-16h112c8.8 0 16 7.2 16 16s-7.2 16-16 16H136c-8.8 0-16-7.2-16-16zm0-64c0-8.8 7.2-16 16-16h112c8.8 0 16 7.2 16 16s-7.2 16-16 16H136c-8.8 0-16-7.2-16-16z'/></svg>") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* ==========================================================================
   僅隱藏緊跟在 <a> 連結後方的 <br> 標籤
   ========================================================================== */

/* 1. 確保 <a> 連結自己會換行並擁有完美的下留白 */
.uagb-faq-content p a {
    display: flex !important;
    width: 100%; /* 填滿寬度強迫換行 */
    box-sizing: border-box;
    margin-bottom: 14px !important; /* 這裡控制檔案與檔案之間的精準留白（可自由調整 px） */
}

/* 2. 關鍵：只有緊貼在 <a> 後面的 <br> 才會被隱藏，不影響其他地方的留白 */
.uagb-faq-content p a + br {
    display: none !important;
}