/*
Theme Name: Eizenkogyo Theme
Theme URI: http://eizenkogyo.com
Author: 営繕工業
Author URI: http://eizenkogyo.com
Description: Simple, modern theme customized for Eizenkogyo. Replace images and adjust texts in WP admin.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eizenkogyo-theme
Tags: custom-logo, responsive, two-columns, one-column
*/

/* Basic reset */
html,body,h1,h2,h3,h4,h5,p,ul,li{margin:0;padding:0}
body{font-family: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;line-height:1.6;color:#eee;background:#0b0b0b}
a{color:#b88cff;text-decoration:none}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:30px;}
header.site-header{background:#050505;padding:20px 0;border-bottom:3px solid #2b0b3a}
.site-branding{display:flex;align-items:center;gap:18px}
.site-branding img{width:120px;height:auto}
.site-title{font-size:22px;font-weight:700;color:#fff}
.site-desc{color:#9b9b9b;font-size:13px}

.hero{background:#0f0f10;padding:40px;border-radius:8px;margin-top:20px;display:flex;gap:24px;align-items:center}
.hero .hero-text{flex:1}
.hero h1{font-size:28px;color:#fff;margin-bottom:12px}
.hero p{color:#cfcfcf;margin-bottom:12px}
.btn{display:inline-block;padding:12px 18px;border-radius:6px;background:#b88cff;color:#050505;font-weight:700;margin-right:8px}

.cards{display:flex;gap:16px;margin-top:22px;flex-wrap:wrap}
.card{background:#0a0a0a;padding:18px;border-radius:8px;flex:1;min-width:220px;border:1px solid #1a1a1a}
.card h3{color:#fff;margin-bottom:8px}
.card p{color:#cfcfcf;font-size:14px}

footer.site-footer{margin-top:40px;padding:20px 0;color:#aaa;border-top:1px solid #222}

/* Forms */
.form-row{margin-bottom:12px}
input[type="text"],input[type="email"],textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #333;background:#050505;color:#fff}
input[type="submit"]{padding:10px 16px;border-radius:6px;border:none;background:#b88cff;color:#050505;font-weight:700;cursor:pointer}

/* Responsive */
@media (max-width:800px){
    .hero{flex-direction:column;align-items:flex-start}
    .site-branding img{width:84px}
}