/*
Theme Name: Kobeco Retro New
Description: 90s retro theme with metal banner, 3‑D buttons, fixed layout.
Version: 1.1
Author: Kobeco Dev
*/

body{
  margin:0;
  font-family:'Times New Roman',serif;
  background:#d0d0d0;
}

.header{
  background:url('https://kobecocorporation.com/wp-content/uploads/2025/07/ChatGPT-Image-Jul-20-2025-09_46_44-PM.png');
  color:#000080;
  font-family:'Times New Roman',serif;
  font-weight:bold;
  font-size:45px;
  text-align:center;
  padding:50px 0;
  text-transform:uppercase;
  border-bottom:4px solid #000;
}

.header .flags{
  display:inline-block;
  margin:0 12px;
  vertical-align:middle;
  height:40px;
}


.navbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  background:#c0c0c0;
  padding:10px 0;
  border-bottom:2px solid #888;
}

/* ⬇⬇ PASTE the new code right here ⬇⬇ */
/* 90s 3-D button wrapper (re-defines .navbar a) */
.navbar a{
  position: relative;
  display:inline-flex;          /* icon + text on one line */
  align-items:center;           /* vertical-center */
  justify-content:center;       /* text centered */
  padding:4px 10px;
  font-family:"Comic Sans MS",cursive,sans-serif;
  font-size:17px;
  color:#000;
  height:34px;                  /* identical button height */
  min-width:140px;              /* equal width (optional) */
  border:1px solid #666;
  background:#cfcfcf;
  box-shadow:inset 1px 1px #fff, inset -2px -2px #000;
  margin:2px;
}

.navbar a:hover{
  background:#bbb;
  box-shadow:inset 1px 1px 0 #aaa, inset -1px -1px 0 #fff;
}

/* shared icon style */
.navbar .btn-gif{
  height:18px;                 /* force identical icon height */
  width:18px;                  /* keep square—or remove for auto width */
  object-fit:contain;          /* keep aspect ratio */
  margin-left:6px;             /* space between text & icon */
}

/* bigger manuals icon shrinks to same height */
.navbar .btn-gif.manual-icon{
  height:18px;
  width:auto;
}

.contact-box{
  background:#f9f9f9;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  text-align:center;
  padding:10px;
  font-size:14px;
}

.content{
  max-width:960px;
  margin:20px auto;
  background:#fff;
  padding:24px;
}

.content h2{
  font-family:"Comic Sans MS",cursive,sans-serif;
  color:#000080;
}