/**
 * PRANATIC Customer Support Portal
 *
 * @category   Assets
 * @package    Pranatic_Support
 * @subpackage Stylesheet
 * @file       style.css
 * @author     aioonnex aioDev Team <aioDev@pranatic.com>
 * @version    1.0.0
 * @since      2026-07-04
 *
 * @purpose    Custom stylesheet สำหรับคุม UI Theme ให้เข้ากับหน้าเว็บหลักของ PRANATIC MED PLUS
 * จัดการ Layout สำหรับการ์ดดีไซน์, เอฟเฟกต์โฮเวอร์ และโทนสีสาธารณสุข
 */

:root {
    --dark-blue: #002855;   
    --slate-blue: #708090;  
    --light-blue: #e6f0fa;
    --primary-color: #0056b3;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

.bg-dark-blue { background-color: var(--dark-blue) !important; }
.bg-slate-blue { background-color: var(--slate-blue) !important; }
.bg-light-blue { background-color: var(--light-blue) !important; }

.hero-search-section {
    background: linear-gradient(135deg, #002855 0%, #004080 100%);
    min-height: 320px;
}

.form-control:focus {
    box-shadow: none;
}

.hover-up {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-up:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}

.icon-shape {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}