/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #fff7ed; color: #374151; line-height: 1.6; } .wp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .wp-header { background: #ffffff; border-bottom: 2px solid #ffedd5; padding: 20px 0; position: sticky; top: 0; z-index: 100; } .wp-logo { font-size: 28px; font-weight: bold; color: #f97316; text-decoration: none; } .wp-nav { display: flex; gap: 20px; margin-top: 10px; } .wp-nav-link { color: #4b5563; text-decoration: none; font-weight: 500; transition: color 0.3s; } .wp-nav-link:hover { color: #f97316; } .wp-main-wrapper { display: flex; gap: 40px; padding: 40px 0; flex-wrap: wrap; } .wp-main-content { flex: 2; min-width: 300px; background: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .wp-sidebar { flex: 1; min-width: 250px; } .wp-hero-img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 25px; } .wp-title { font-size: 32px; color: #111827; margin-bottom: 20px; line-height: 1.2; } .wp-subtitle { font-size: 24px; color: #f97316; margin: 30px 0 15px; } .wp-paragraph { margin-bottom: 20px; text-align: justify; } .wp-list { margin-bottom: 25px; padding-left: 20px; } .wp-list-item { margin-bottom: 10px; } .wp-sidebar-box { background: #ffffff; padding: 20px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #f97316; } .wp-sidebar-title { font-weight: bold; margin-bottom: 15px; color: #111827; font-size: 18px; } .wp-sidebar-link { display: block; color: #4b5563; text-decoration: none; padding: 8px 0; border-bottom: 1px solid #f3f4f6; transition: padding-left 0.3s; } .wp-sidebar-link:hover { padding-left: 5px; color: #f97316; } .wp-form-container { background: #ffedd5; padding: 25px; border-radius: 12px; margin-top: 40px; } .wp-form-title { font-size: 20px; font-weight: bold; margin-bottom: 15px; display: block; } .wp-input { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #fed7aa; border-radius: 6px; box-sizing: border-box; } .wp-button { background: #f97316; color: #ffffff; border: none; padding: 14px 28px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: background 0.3s; width: 100%; font-size: 16px; } .wp-button:hover { background: #ea580c; } .wp-read-also { border-top: 2px solid #ffedd5; padding-top: 30px; margin-top: 40px; } .wp-read-link { display: inline-block; margin-right: 20px; color: #f97316; font-weight: bold; text-decoration: none; } .wp-read-link:hover { text-decoration: underline; } .wp-footer { background: #1f2937; color: #9ca3af; padding: 40px 0; margin-top: 60px; text-align: center; } .wp-footer-links { display: flex; justify-content: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; } .wp-footer-link { color: #d1d5db; text-decoration: none; } @media (max-width: 768px) { .wp-main-wrapper { flex-direction: column; } .wp-nav { flex-direction: column; gap: 10px; } }