/*
Theme Name: CYC FSE
Theme URI: https://www.cyc.com.tw/
Author: 全宇資訊科技股份有限公司
Author URI: https://www.cyc.com.tw/
Description: 全宇資訊 (CYC) WordPress Block Theme — 為 IoT、AI 智能製造、系統整合 (SI) 業者量身打造的 Full Site Editing 區塊主題。採用藍綠科技色系，內建首頁、解決方案、產品介紹、ESG 專區、公司簡介、聯絡我們等頁面樣板，可於 Site Editor 完整視覺化調整。
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyc-fse
Tags: block-theme, full-site-editing, business, corporate, technology, one-column, two-columns, three-columns, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready
*/

/* ==========================================================================
   CYC FSE — Front-end supplemental styles
   全域樣式由 theme.json 控制；這裡只放 theme.json 不易表達的補強樣式。
   ========================================================================== */

html { scroll-behavior: smooth; }

/* Hero gradient backdrop (used by Cover blocks with class "cy-hero") */
.cy-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.cy-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(60% 80% at 80% 20%, rgba(34,211,238,0.22), transparent 60%),
        radial-gradient(50% 70% at 10% 90%, rgba(45,212,191,0.18), transparent 60%),
        linear-gradient(135deg, #0b1d3a 0%, #08172e 60%, #061222 100%);
    z-index: -1;
}

/* Tech-grid backdrop overlay */
.cy-grid-bg {
    background-image:
        linear-gradient(rgba(34,211,238,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34,211,238,0.06) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Card hover lift used on solution / product / ESG cards */
.cy-card,
.is-style-cy-card {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    border: 1px solid rgba(15,118,110,.15);
}
.cy-card:hover,
.is-style-cy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px -18px rgba(8,23,46,.35);
    border-color: rgba(20,184,166,.45);
}

/* Pill / eyebrow badge */
.cy-pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .9rem;
    border-radius: 999px;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: rgba(20,184,166,.10);
    color: #0f766e;
    border: 1px solid rgba(20,184,166,.25);
}

/* Section accent bar (small leading underline above headings) */
.cy-accent-bar::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 1rem;
    background: linear-gradient(90deg, #14b8a6 0%, #22d3ee 100%);
    border-radius: 999px;
}

/* Stat number gradient text */
.cy-stat-number {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    background: linear-gradient(135deg, #14b8a6 0%, #22d3ee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

/* Outline buttons inside dark sections */
.has-deep-navy-background-color .wp-block-button__link.is-style-outline,
.cy-hero .wp-block-button__link.is-style-outline {
    border-color: rgba(255,255,255,.6);
    color: #ffffff;
}
.has-deep-navy-background-color .wp-block-button__link.is-style-outline:hover,
.cy-hero .wp-block-button__link.is-style-outline:hover {
    background: #ffffff;
    color: #0b1d3a;
}

/* Footer link styling */
.cy-footer a { color: rgba(226,232,240,.85); text-decoration: none; }
.cy-footer a:hover { color: #67e8f9; }

/* Navigation underline indicator */
.wp-block-navigation .wp-block-navigation-item__content { position: relative; }
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after,
.wp-block-navigation .wp-block-navigation-item__content:hover::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -6px;
    height: 2px;
    background: linear-gradient(90deg, #14b8a6, #22d3ee);
    border-radius: 999px;
}

/* Responsive helpers */
@media (max-width: 781px) { .cy-hide-mobile { display: none !important; } }
@media (min-width: 782px)  { .cy-hide-desktop { display: none !important; } }