/* =============================
   4S360 客製樣式
   覆蓋 College 模板預設值
   ============================= */

/* 品牌色 */
:root {
    --s4360-primary:   #0094D9;
    --s4360-secondary: #00B4A0;
    --s4360-accent:    #FF6B35;
    --s4360-dark:      #0A1628;
}

/* 中文字體 */
body {
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}

/* Header */
.header .btn-getstarted,
.header .btn-getstarted:focus {
    background: var(--s4360-accent);
    border-color: var(--s4360-accent);
    padding: 8px 20px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    font-size: .9rem;
    transition: background .3s;
    text-decoration: none;
}
.header .btn-getstarted:hover {
    background: var(--s4360-primary);
    border-color: var(--s4360-primary);
}

/* Hero */
.hero .welcome h2 { color: #fff; }
.hero .welcome p  { color: rgba(255,255,255,.85); }

/* Stats */
.stats-item span {
    color: var(--s4360-primary);
    font-size: 2.5rem;
    font-weight: 700;
}

/* Footer */
.footer { background: var(--s4360-dark); color: rgba(255,255,255,.75); }
.footer .sitename { color: #fff; }
.footer h4 { color: #fff; font-size: 1rem; font-weight: 700; }
.footer .footer-links ul li a { color: rgba(255,255,255,.65); }
.footer .footer-links ul li a:hover { color: var(--s4360-secondary); }
.footer .footer-contact p { color: rgba(255,255,255,.75); }
.footer .copyright { color: rgba(255,255,255,.5); font-size: .875rem; }
.footer .credits a { color: rgba(255,255,255,.5); }
.footer .credits a:hover { color: var(--s4360-secondary); }

/* WooCommerce 詢價 */
.s4360-price {
    color: var(--s4360-primary);
    font-size: .875rem;
    font-weight: 600;
}

/* 產品卡片圖片 */
.card img { width: 100%; height: 220px; object-fit: cover; }