/*
Theme Name: ScreenFix Paris Theme
Theme URI: https://screenfix.fr
Author: ScreenFix
Author URI: https://screenfix.fr
Description: Thème officiel React pour ScreenFix Paris.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: react, tailwind, booking
Text Domain: screenfix-theme
*/

/* 
  CSS mặc định của WP, React App sẽ ghi đè phần lớn 
  nhưng cần reset cơ bản.
*/
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Inter', sans-serif;
}

.sf-native-header{display:flex;justify-content:space-between;gap:24px;padding:24px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0}.sf-native-header>a{font-size:26px;font-weight:800}.sf-native-header span{color:#2563eb}.sf-native-header nav{display:flex;gap:20px;flex-wrap:wrap}.sf-native-main{max-width:850px;margin:40px auto;padding:0 24px 60px;color:#334155;line-height:1.8}.sf-native-main h1{font-size:clamp(28px,5vw,44px);line-height:1.2;color:#0f172a}.sf-native-main h2{margin-top:36px;font-size:26px;color:#0f172a}.sf-native-main h3{font-size:20px;color:#0f172a}.sf-native-main a{color:#1d4ed8;text-decoration:underline}