/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap'); * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Work Sans', sans-serif; } body { background: #f8f8f8; color: #1f2937; } .wp-btn { background: #f97316; color: #fff; border: none; cursor: pointer; border-radius: 8px; padding: 10px 22px; font-weight: 700; font-size: 14px; transition: background 0.2s; } .wp-btn:hover { background: #ea6c0a; } .wp-hero-img { width: 100%; max-height: 440px; object-fit: cover; border-radius: 14px; display: block; } #wp-progress-bar { position: fixed; top: 0; left: 0; height: 3px; background: #f97316; width: 0%; z-index: 9999; transition: width 0.15s; } .wp-header { background: #ffffff; box-shadow: 0 2px 12px rgba(0,0,0,0.07); position: sticky; top: 0; z-index: 50; } .wp-footer { background: #111827; color: #fff; } .wp-tag { display: inline-block; background: #fff3e8; color: #c2570a; font-size: 12px; padding: 4px 12px; border-radius: 20px; font-weight: 600; } .wp-sidebar-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); margin-bottom: 20px; } .wp-blockquote { background: #fff8f2; border-left: 4px solid #f97316; border-radius: 0 10px 10px 0; padding: 18px 22px; margin: 28px 0; font-style: italic; color: #374151; font-size: 1.05rem; } .wp-h2 { font-size: 1.35rem; font-weight: 700; color: #111827; margin: 28px 0 12px; } .wp-h3 { font-size: 1.1rem; font-weight: 600; color: #1f2937; margin: 20px 0 8px; } .wp-p { color: #374151; line-height: 1.85; margin-bottom: 16px; } .wp-breadcrumbs { font-size: 13px; color: #9ca3af; padding: 10px 0; } .wp-breadcrumbs a { color: #f97316; text-decoration: none; } .wp-lead { font-size: 1.1rem; font-weight: 500; color: #374151; border-left: 4px solid #f97316; padding-left: 16px; line-height: 1.8; margin-bottom: 24px; } .wp-article-card { background: #fff; border-radius: 14px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); } .wp-read-also-item { background: #fff8f2; border-radius: 10px; padding: 14px 18px; display: block; text-decoration: none; color: #c2570a; font-size: 14px; font-weight: 600; transition: background 0.2s; margin-bottom: 8px; } .wp-read-also-item:hover { background: #ffe8d0; } .wp-cookie { position: fixed; bottom: 0; left: 0; right: 0; background: #1e293b; color: #fff; padding: 16px 28px; display: none; align-items: center; justify-content: space-between; gap: 16px; z-index: 8888; flex-wrap: wrap; }