/*
 Theme Name: Cocoon Child
 Template: cocoon
 */

/* ヘッダー下部に水平線を追加 */
.header {
  border-bottom: 2px solid #333 !important; /* 太さ2px、色黒 */
  /* またはボーダーと影を組み合わせ */
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; */
}

/* 代替案: ヘッダー上部に線 */
.header {
  border-top: 2px solid #333 !important;
}

/* 線の色やスタイルをカスタマイズ */
.header {
  border-bottom: 1px dashed #ffd700 !important; /* 破線、金色 */
  /* または */
  border-bottom: 3px double #e60033 !important; /* 二重線、赤 */
}

/* 固定ヘッダーの場合 */
.is-header-fixed .header {
  border-bottom: 2px solid #333 !important;
}

/* レスポンシブ対応（必要に応じて） */
@media (max-width: 834px) {
  .header {
    border-bottom: 1px solid #333 !important; /* モバイルで細く */
  }
}