/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600;700&display=swap'); :root { --wp-orange: #ff6600; --wp-white: #ffffff; --wp-light-gray: #f4f4f4; --wp-dark: #333333; } body { font-family: 'Work Sans', sans-serif; background-color: var(--wp-white); color: var(--wp-dark); margin: 0; padding: 0; line-height: 1.6; } .wp-header { background: var(--wp-white); border-bottom: 1px solid #ddd; padding: 15px 0; position: sticky; top: 0; z-index: 1000; } .wp-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; } .wp-logo { font-size: 24px; font-weight: 700; color: var(--wp-orange); text-decoration: none; } .wp-main { flex: 1; min-width: 300px; padding: 20px 0; } .wp-sidebar { width: 300px; padding: 20px; background: var(--wp-light-gray); margin-left: 20px; } @media (max-width: 768px) { .wp-sidebar { width: 100%; margin-left: 0; margin-top: 20px; } } .wp-hero { margin-bottom: 30px; } .wp-hero-img { width: 100%; height: auto; border-radius: 8px; display: block; } .wp-btn { background: var(--wp-orange); color: var(--wp-white); border: none; padding: 12px 25px; border-radius: 5px; cursor: pointer; font-weight: 600; text-decoration: none; display: inline-block; } .wp-progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 4px; background: transparent; z-index: 1100; } .wp-progress-bar { height: 100%; background: var(--wp-orange); width: 0%; } .wp-breadcrumbs { font-size: 14px; color: #777; margin-bottom: 20px; } .wp-breadcrumbs a { color: var(--wp-orange); text-decoration: none; } .wp-article-meta { font-size: 13px; color: #888; margin-bottom: 15px; } .wp-footer { background: var(--wp-dark); color: var(--wp-white); padding: 40px 0; margin-top: 50px; font-size: 14px; } .wp-disclaimer { border-top: 1px solid #555; padding-top: 20px; margin-top: 20px; font-style: italic; color: #aaa; } .wp-form-box { background: var(--wp-white); padding: 20px; border: 1px solid #ddd; border-radius: 8px; margin-top: 30px; } .wp-input { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .wp-cookie-banner { position: fixed; bottom: 20px; left: 20px; right: 20px; background: var(--wp-dark); color: var(--wp-white); padding: 20px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; z-index: 2000; } .wp-sidebar-widget { margin-bottom: 30px; } .wp-sidebar-widget h3 { border-bottom: 2px solid var(--wp-orange); padding-bottom: 5px; margin-bottom: 15px; } .wp-list-none { list-style: none; padding: 0; } .wp-list-none li { margin-bottom: 10px; } .wp-list-none a { color: var(--wp-dark); text-decoration: none; } .wp-list-none a:hover { color: var(--wp-orange); } blockquote { border-left: 5px solid var(--wp-orange); padding-left: 20px; font-style: italic; margin: 30px 0; color: #555; }