/*
 Theme Name:   Vachira Phuket Hospital — Child Theme
 Theme URI:    https://www.vachira.go.th
 Description:  Avada Child Theme สำหรับเว็บไซต์โรงพยาบาลวชิระภูเก็ต
               ปรับ CI Colors ตาม Brand Guideline 2024 + Hero Magazine Editorial Grid
 Author:       IT Department, Vachira Phuket Hospital
 Author URI:   https://www.vachira.go.th
 Template:     Avada
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  vachira-phuket-child
*/

/* ============================================================
   IMPORT PARENT THEME STYLES
   ============================================================ */
@import url("../Avada/style.css");

/* ============================================================
   CI COLOR VARIABLES — Vachira Phuket Brand Guideline 2024
   ใช้ override ค่า Avada Global Options
   ============================================================ */
:root {
  --primary:       #00464F;   /* Pantone 316C — Primary Teal */
  --primary-light: #1A6B77;
  --primary-dark:  #002D34;   /* Deep Teal — top bar bg */
  --accent:        #B48B2D;   /* Pantone 7556C — Gold */
  --accent-light:  #D4AA50;
  --health:        #417735;   /* Dept Green */
  --dark:          #302E2F;   /* K96 Near Black */
  --text:          #302E2F;
  --muted:         #6B7280;
  --border:        #E0DDD8;
  --bg-light:      #F7F5F2;   /* CI Light White */
  --white:         #FFFFFF;
  --red:           #961A23;   /* Dept Red */
}

/* ============================================================
   AVADA GLOBAL OVERRIDES
   Override ค่าสีที่ Avada generate ออกมาจาก Global Options
   ============================================================ */

/* Primary color overrides */
.fusion-body a,
.fusion-body a:visited { color: var(--primary); }
.fusion-body a:hover    { color: var(--primary-light); }

/* Header background */
#header,
.fusion-header-wrapper .fusion-header { background-color: var(--white) !important; }

/* Sticky header */
.fusion-header-sticky-height { background-color: var(--white) !important; }

/* Top bar */
#top-bar,
.fusion-secondary-header { background-color: var(--primary-dark) !important; }

/* Main menu active / hover */
.fusion-main-menu .fusion-menu-element-arrow,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li:hover > a { color: var(--primary) !important; }

/* CTA Button */
.fusion-button.button-default,
.fusion-button.button-flat { background-color: var(--accent) !important; border-color: var(--accent) !important; }
.fusion-button.button-default:hover,
.fusion-button.button-flat:hover  { background-color: #9A7220 !important; border-color: #9A7220 !important; }

/* Footer */
#footer,
.fusion-footer-widget-area { background-color: var(--dark) !important; }

/* Page title bar */
.fusion-page-title-bar { background-color: var(--primary) !important; }
.fusion-page-title-bar h1,
.fusion-page-title-bar .fusion-page-title-secondary { color: var(--white) !important; }